vue富文本框（插入文本、图片、视频）的使用及问题小结
今天在vue里面插入富文本遇到了一些小坑在这里提供给大家用于参考，如有错误，望多加指正。我这里使用的是Element-ui的上传图片组件首先引入Element-ui(这个我就不作赘述了，详情...
2020-05-27
vue+element的表格实现批量删除功能示例代码
最近写了一个批量删除功能,遇到了不少坑,特此记录一下
表格的代码如下
复制代码 代码如下:<el-table @row-click="handleCurrentChange" @selection-change="selsChange"...
2020-05-27
layer.open关闭父窗口 以及调用父页面的方法
实例如下：//调用父类方法window.parent.exportData($('#shownum').val(),$('#splitstr').val());//关闭iframe页面var index = parent.layer.getFrameIndex(window.name); //...
2020-05-27
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
本篇angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例，分享给大家，具体如下：添加一个pipe：
import { Pipe, Injectable, PipeTransform } from '@angular/core';import {...
2020-05-27
webpack多入口多出口的实现方法
webpack是一个优秀的打包平台, 可以把sass, 图片, 字体等静态资源全部打包到js中
作者最近在改造一个传统的静态网站, 为了减少http请求, 其中一个策略就是,把单个静态网页...
2020-05-27
Vue组件创建和传值的方法
## 创建组件的3种方法
# 第一种:
+ Vue.extend()函数返回一个组件的构造器,里面包含一个参数,参数是对象,对象里面是一些配置项
+ Vue.component()函数利用Vue.extend()返...
2020-05-27
layer.close()关闭进度条和Iframe窗的方法
如下所示：var index = layer.load(2, { shade: false });//加载的风格，支持0-2layer.close(index);//关闭进度条self.close = function () { //关闭自身 var index = pa...
2020-05-27
解决layer弹层遮罩挡住窗体的问题
使用代码：<div> <div>这里面某个按钮触发弹层<div> <div id='dialog' hidden='hidden'></div></div>如果上面的按钮触发了弹层 layer.open 且content是某个DOM元素conten...
2020-05-27
layer弹出层 iframe层去掉滚动条的实例代码
如下所示：function newcont(url) { var index = layer.open({ title:false, type: 2, shadeClose: true, scrollbar: false, content: [url , 'no'] }); }试了很多方法...
2020-05-27
在iFrame子页面里实现模态框的方法
在 iframe 子页面写模态框时，按照以前的写法，点击弹出模态框的按钮之后一直没有反应，但代码并没有写错，代码如下：<input class="btn" id="deletebutton" type="button" value="删...
2020-05-27
微信小程序实现即时通信聊天功能的实例代码
项目背景：小程序中实现实时聊天功能一、服务器域名配置配置流程配置参考URL：https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html二、nginx中配置反向代...
2020-05-27
vue 自定义提示框(Toast)组件的实现代码
1.自定义 提示框 组件src / components / Toast / index.js/** * 自定义 提示框( Toast )组件 */var Toast = {};var showToast = false, // 存储toast显示状态 showLoad =...
2020-05-27
vue中的自定义分页插件组件的示例
介绍一下，已经有很多的vue分页的组件了，大家都是大同小易，那么我就结合自身的使用，写出了一片文章首先在新建一个分页模块在模块中引入相应的代码，（内有详细的注释）template中 <div...
2020-05-27
详解javascript appendChild()的完整功能
appendChild()常用功能。
平时我们用appendChild的时候，都是向父级上添加子元素 appendChild的另一个功能是，先把元素从原有父级上删掉，然后添加元素到新的父级。（移除再添加...
2020-05-27
vue下history模式刷新后404错误解决方法
本文介绍了vue下history模式刷新后404错误解决方法，分享给大家，具体如下：官方说明文档：https://router.vuejs.org/zh/guide/essentials/history-mode.html一、 实测 Linux 系统...
2020-05-27
Vue+element-ui 实现表格的分页功能示例
本文介绍了Vue+element-ui 实现表格的分页功能示例，分享给大家，具体如下：
实现效果如下图所示：
template部分：<el-table :data="tempList" :header-cell-style="rowClass" str...
2020-05-27
详解Angular6 热加载配置方案
Angular6 热加载配置方案，分享给大家，具体如下：示例 ng 版本如下 ：$ ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_...
2020-05-27
JavaScript实现淘宝京东6位数字支付密码效果
京东淘宝的密码输入框功能点 只能输入数字 只能输入6位字符 每次输入一个字符，对应位置的小黑点显示 每次删除一个字符，对应位置的小黑点消失
实现思路1、写好6位密码输...
2020-05-27
Vue实现6位数密码效果
在ios系统，原生 webview 嵌套H5页面使用时，编写完成的6位数输入密码，输入密码卡顿问题的解决方案：如下图：原因是因为，CSS 这块 造成的。简单来说，style left 为负数的时候出现的，and...
2020-05-27
记录一篇关于redux-saga的基本使用过程
安装
npm install --save reduxnpm install --save redux-saga配置action
actionType
创建文件src/actions/types.js，在types.js文件中添加需要的action类型export const TES...
2020-05-27
vue实现键盘输入支付密码功能
本文实例为大家分享了vue实现键盘输入支付密码功能的具体代码，供大家参考，具体内容如下支付密码功能界面如下图：主要代码如下：<template> <div class="pay-tool"> <div class="...
2020-05-27
详解微信小程序input标签正则初体验
开篇废话
在开发过程中经常遇到这样的需求：用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证，但是体验不是很好。下面我主要使用了小程序input标...
2020-05-27
layui框架table 数据表格的方法级渲染详解
如下所示：<table class="layui-table" lay-filter="demo11" id="test11"></table> //js 规范书写 var tst=table.render({ elem: '#test11' ,cols: [[ //标题栏 {checkbox: t...
2020-05-27
解决layui前端框架 form表单,table表等内置控件不显示的问题
使用form表单前需要声明, table表格也是类似原理以上这篇解决layui前端框架 form表单,table表等内置控件不显示的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，...
2020-05-27
如何将HTML字符转换为DOM节点并动态添加到文档中详解
前言将字符串动态转换为DOM节点，在开发中经常遇到，尤其在模板引擎中更是不可或缺的技术。
字符串转换为DOM节点本身并不难，本篇文章主要涉及两个主题： 1 字符串转换为HTML D...
2020-05-27
LayUi中接口传数据成功,表格不显示数据的解决方法
今天接触这个框架发现的问题，感觉有必要注意下。LayUi 对穿过来的 Json 有严格的要求，一般情况下，要求要有4个参数，分别为：code:0 //数据状态msg:"" //状态信息count:1000 //数据...
2020-05-27
基于layui数据表格以及传数据的方式
如下所示：数据表格一：<div style="margin:0px; background-color: white; margin:0 10px;"> <blockquote class="layui-elem-quote"> <div class="layui-btn-group demo...
2020-05-27
jQuery UI实现动画效果代码分享
页面文档载入后，为第一张图片添加class属性值为img1，为第二张图片添加class属性值img2，为第三张图片添加class属性img3，为第四张图片添加class属性值img4，这会使得每张图片的下半...
2020-05-27
jQuery中常用动画效果函数知识点整理
jQuery的效果函数列表：animate():对被选元素应用“自定义”的动画。clearQueue()：对被选元素移除所有排队的函数（仍未运行的）。delay():对被选元素的所有排队函数（仍未运行）设置延...
2020-05-27
菊花转动的jquery加载动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link charset="utf-8" href="css/reset.css" rel="external nofollow" rel="st...
2020-05-27
Layui组件Table绑定行点击事件和获取行数据的方法
一个项目里面用了layui,简直无数个坑...这里先记录一个行点击事件的坑,后面慢慢补充.初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr...
2020-05-27
layui获取选中行数据的实例讲解
第一步： 在jsp文件中设置按钮<div class="layui-btn-group demoTable"> <button class="layui-btn" data-type="getCheckData">获取选中行数据</button> <button class="layu...
2020-05-27
使用layui 渲染table数据表格的实例代码
先上最终效果图：1，引入layui的css和js文件<link rel="stylesheet" href="lib/layui/css/layui.css" rel="external nofollow" ><script src="lib/layui/layui.js"></script>2，...
2020-05-27
Vue常用指令详解分析
Vue入门Vue是一个MVVM（Model / View / ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。比较适用于移动端，轻量级的框...
2020-05-27
解决layui中table异步数据请求不支持自定义返回数据格式的问题
使用版本 layui-v2.3.0修改：打开layui中table.js源码在 Class.prototype.pullData 这个方法定义内部//获得数据Class.prototype.pullData = function(curr, loadIndex){ var...
2020-05-27
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
layui上传文件提示上传异常，实际文件已经上传成功原因：上传回调的方法接收的参数应该是json格式的，之前返回的是String,所以一直走异常的方法@ResponseBody@RequestMapping("/w...
2020-05-27
Layui数据表格之获取表格中所有的数据方法
数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的，将拿数据表格中的所有数据，转换为Layui数据表格拿原始数据去渲染数据表格。1、创建一个作用域合适的JS对象...
2020-05-27
解决LayUI表单获取不到data的问题
前几天用LayUI表单进行AJAX提交的时候发现,function(data)里的data始终无法获取表单里填的值，当时我认为是出BUG了就用了$('#updateform').serialize()来获取表单数据 //...
2020-05-27
layui 给数据表格加序号的方法
1，第一种需求，只给当前页加序号（1），给你的数据加上 templet属性,cols: [[ {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',} ,{field:'zizeng', widt...
2020-05-27
Layer弹出层动态获取数据的方法
前一阵子做了一个简单的小项目，用到了Layer弹出层（弹出层的用法就不多加赘述了，官网上都有详细的介绍，这里附上网址http://layer.layui.com/），当时前后台合页面的时候就出现了一个...
2020-05-27
Angular6 写一个简单的Select组件示例
Select组件目录结构/src /app /select /select.ts /select.html /select.css /options.ts /index.ts//select.tsimport { Component, ContentChildren,...
2020-05-27
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
scroll-view滚动穿透，阻止滚动
页面弹窗阻止滚动是一种常见的问题，这里简单介绍小程序scroll-view的一种解决方式常用阻止滚动方式
在不使用scroll-view的弹窗中, 为position...
2020-05-27
详解如何在Vue里建立长按指令
您是否曾想过按住按钮几秒钟才能在Vue应用程序中执行某个功能？您是否曾想在应用程序上创建一个按钮，通过按一次（或按住按钮的整个输入）来清除单个输入？如果你曾有过这些想法，很好，...
2020-05-27
layui弹出层按钮提交iframe表单的方法
如下所示：layer.open({ id: 'LAY_layuipro', //设定一个id，防止重复弹出 type: 2, title:'添加人员信息', area: ['600px','340px'], btn: ['保存','关闭'],...
2020-05-27
react.js组件实现拖拽复制和可排序的示例代码
在实现复制前，对之前的拖拽排序组件属性进行了修改。 摒弃了value中的content属性，拖拽组件暴露的render函数，利用这个属性进行组件内部子组件的渲染，这点主要是参考了蚂蚁金服...
2020-05-27
获取layer.open弹出层的返回值方法
正在开发的车联网项目用到了layer API。当我在开发“新建电子围栏”的时候需要弹出地图，用户在地图中画一个区域，最后将这个弹出层的数据返回给原页面。下面是我的实现过：程：触...
2020-05-27
微信小程序 MinUI组件库系列之badge徽章组件示例
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinU...
2020-05-27
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Layui是一个前端 UI 框架，该框架风格优雅，但由于发布时间较短，很多功能并没有提供实现。笔者在使用Layui的数据表格的时候，需求是这样的：当点击添加按钮的时候，就在数据表格最后动...
2020-05-27
浅谈微信小程序之官方UI框架we-ui使用教程
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 t...
2020-05-27
JavaScript实现多态和继承的封装操作示例
本文实例讲述了JavaScript实现多态和继承的封装操作。分享给大家供大家参考，具体如下：封装Encapsulation如下代码,这就算是封装了(function (windows, undefined) { var i =...
2020-05-27
