父组件定义表头和表内容data(){ return{ // 表格数据 tableColumns: [], // 表头数据 titleData:[], }}引入并注册子组件import TableComponents from "../../component...

不知道大家在用一些UI框架，比如Element-ui的时候，有没有觉得一些全局组件。this.$message(),this.Toast()等，用起来很爽。他们不像其他的组件，需要去导入，去注册。麻烦的很。
看...

JointJS：JavaScript 流程图绘制框架
最近调研了js画流程图的框架，最后选择了Joint。配合上 dagre 可以画出像模像样的流程图。JointJS 简介
JointJS 是一个开源前端框架，支持绘...

JSON 语法
JavaScript 对象表示语法的子集。 数据在名称/值对中 数据由逗号分隔 大括号保存对象 中括号保存数组JSON 取值类型 数字（整数或浮点数） 字符串（在双引号中）...

为什么要配置不同的接口地址
在开发过程中，前端请求访问的是自己本机启动的后台服务，此时涉及到跨域（因为端口不一样），所以在config/index.js文件中配置了代理//检查某个文件是否...

vue中组件传值方式整理1.我们最熟悉的父子组件传值父->子 props 子->父 $emit这些我们最常用的就不说了，如果有不理解的，俺这儿有篇不错的文章，链接奉上~https://www.cnblogs.c...

旋转叠加平移前段时间做Hybrid App，UI设计湿要求某一个页面的展示要实现滑动轮播效果，选中的内容卡片居中显示，上一个内容卡片和下一个内容以小一倍的大小显示在选中的卡片后头...

本文实例讲述了javascript事件监听与事件委托。分享给大家供大家参考，具体如下：事件监听与事件委托在js中，常用到element.addEventListener()来进行事件的监听。但是当页面中存...

本文实例讲述了JS事件流与事件处理程序。分享给大家供大家参考，具体如下：1.事件流：从页面中接收事件的顺序1.1 IE ：事件冒泡流
1.2 Netscape ：事件捕获
1.3 DOM事件流 ：事件捕获阶...

本文实例为大家分享了jQuery zTree插件使用简单教程，供大家参考，具体内容如下首先说一下，在web开发过程中会有很多的地方需要到树形的插件，JQuery 就有树的插件，本次简单教程讲的...

本文实例讲述了JS中的算法与数据结构之常见排序（Sort）算法。分享给大家供大家参考，具体如下：排序算法（Sort）引言我们平时对计算机中存储的数据执行的两种最常见的操作就是排序和查...

前言小程序支持webview以后，我们开发的好多h5页面，就可以直接在小程序里使用了，比如我们开发的微信商城，文章详情页，商品详情页，就可以开发一套，多处使用了。我们今天来讲一讲。在...

本文实例讲述了JS中的算法与数据结构之二叉查找树（Binary Sort Tree）。分享给大家供大家参考，具体如下：二叉查找树（Binary Sort Tree）我们之前所学到的列表，栈等都是一种线性的数据...

ztree是JQuery的一个开源树形目录的插件，用来快速构建网站的树形目录结构，并且提供了功能丰富，利于扩展的API。JQuery ztree官网只要引入jquery和ztree的库js，然后给ztree提供需...

本文实例讲述了JS中的算法与数据结构之列表(List)。分享给大家供大家参考，具体如下：前言前端很少有机会接触到算法，大多都交互性的操作，所以不少前端工程师会抱着这么一种想法：我...

下面介绍两种权限控制的方法： 路由元信息(meta) 动态加载菜单和路由(addRoutes)
路由元信息(meta)如果一个网站有不同的角色，比如 管理员 和 普通用户 ，要求不同的角色能访...

本文为大家分享了jQuery zTree树插件的使用教程，供大家参考，具体内容如下一、介绍zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组...

前言数据是无价的，我们通常会把重要的业务数据存放在数据库中，并需要对数据库做定时的自动备份工作，防止数据异常丢失，造成无法挽回的损失。小程序云开发提供了方便的云数据库供...

使用高级zTree进行对属性结构进行操作的时候，做好的方式是参考官网的API文档。本文简单介绍下如何通过后台传递过来一个树形结构的树，并且通过页面进行加载。【与后台交互步骤...

JavaScript 引擎在查找一个变量的时候，有两种查找机制：LHS 和 RHS。RHS 的查询是简单地查找到某个变量的值，而 LHS 则是试图找到变量的容器的本身。一个简单的例子：当我们执行 c...

由于工作的原因，现在需要实现一个滚动加载(PC端)的效果，之前使用的是vue+element，但是element没有类似的组件，所以去github上找了一个名叫vue-mugen-scroll，使用起来很简单也很方...

本文实例为大家分享了vue实现页面滚动到底部刷新的具体代码，供大家参考，具体内容如下h5页面 <script> var app = new Vue({ el: '#app', data: { swiper...

本文实例为大家分享了vue实现滑动到底部加载更多的具体代码，供大家参考，具体内容如下思路：如果可视区的高度域dom元素的getBoundingClientRect().bottom高度相同说明已经到了底...

1.首先下载小程序开发工具2.小程序中的wxml就相当于html , wxss就相当于css3.布局和html布局几乎一样4.宽度使用百分比5.input框里的文字上下居中是用padding撑出来的6.最下...

JS中的sender参数（sender是事件的传值）前提是只有一个touch移动的时候。多个touch需要在changedTouches数组中查找 redclcik:function(sender){ wx.showModal({ title: '点...

环境搭建
注册，获取APPID（没有这个不能真鸡调试）
下载微信web开发者工具（挺多bug，将就用）
打开微信web开发者工具，扫码登录，新建小程序，输入APPID，勾选创建quick start项目。
工程结构...

vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知使用element-ui中的Notification，只有一个message属性是有很大的操作空间，其余的都是写死的，...

mounted() {　　　　 // 在mounted中监听表格scroll事件 this.$refs.scrollTable.addEventListener( 'scroll',(event) => { this.adjustTable(event); }); },....

安装 vue-cli3 环境准备1. 如果您已安装 vue-cli2 ，请先删除当前脚手架，否则无法成功安装 vue-cli3 。 npm uninstall vue-cli -g2. 检查 node.js 版本。 vue-cli3 需要 node...

一：Promise的概念Promise的中文意思是‘承诺'，什么叫承诺？承诺就是现在没有发生，在将来的某个时刻一定会发生的事情。
放在编程语言的环境下，Promise就是异步事件的结果的占位符...

目标：
JS 将有父子关系的平行数组转换成树形数据方法：双重遍历，一次遍历parentId,一次遍历id == parendId;
该方法应该能很容易被想到，实现起来也一步一步可以摸索出来；const old...

有没有想过，向一个公众号发送长链接，然后公众号给你回复一个短网址？其实很简单：<&#63;phpdefine("TOKEN", "xiao");//用于回复用户消息function responseMsg(){ $postStr = $GL...

一.背景
在文件相关的数据加工等场景下，经常面临生成的物理文件应该如何处理的问题，比如：生成的文件放到哪里，路径存在不存在？临时文件何时清理，如何解决命名冲突，防止覆盖？并发场景...

接口返回base64格式小程序二维码，以往的做法是需要再调一个接口去拿到jpg/png格式的图片。如果没有这个接口呢，是不是也可以？然而小程序canvas并不支持直接使用base64绘制，好在...

微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个支持...

你还在找在小程序成如何将图片转base64存储起来并显示嘛，在这里呢，来瞧瞧。使用方法
js文件let $this = this;request({ url:'https://www.dounine.com/hello.jpg', metho...

原生form表单form 表单元素大家可能都用到过，除了可以提交表单外，还有一些内置的表单校验，比如 require 、 minlength 、 maxlength ，还有各种类型的 input ，比如 type=email 可...

前言Tree树形控件在前端开发中必不可少，对于数据的展示现在网站大都采取树形展示。因为大数据全部展示出来对于用户来说是不友好的。今天我们自己手写一个Tree插件。iview提...

因为 DOM 性能瓶颈，大型列表存在难以克服的性能问题。 因此，就有了 “局部渲染” 的优化方案，这就是虚拟列表的核心思想。虚拟列表的实现，需要重点关注的问题一有以下几点： 可视...

小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？我们的在开发中常用的参...

本文实例讲述了JS中的算法与数据结构之栈(Stack)。分享给大家供大家参考，具体如下：栈(Stack)上一篇我们说到了列表，它是一种最自然的数据组织方式，如果对数据的存储顺序要求不重...

本文实例讲述了JS中的算法与数据结构之队列(Queue)。分享给大家供大家参考，具体如下：队列(Queue)我们之前说到了栈，它是一种比较高效的数据结构，遵循 先入后出(LIFO，last-in-firs...

在做 React Native 应用时，如果需要在 App 里面内嵌 H5 页面，那么 H5 与 App 之间可以通过 Webview 的 PostMessage 功能实现实时的通讯，但是在小程序里面，虽然也提供了一个 web...

一款自动生成 vue 路由文件的 webpack 插件 vue-route-webpack-plugin 在项目中试点成功了，现在在项目中已经不需要再维护路由配置文件了，由插件自动生成，节省了大家维护路由的...

本文实例讲述了JS中的算法与数据结构之链表(Linked-list)。分享给大家供大家参考，具体如下：链表(Linked-list)前面我们讨论了如何使用栈、队列进行存数数据，他们其实都是列表的...

前言
vue开发手机端悬浮按钮实现，可以拖拽，滚动的时候收到里边，不影响视线github地址使用，基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手...

JavaScript的主要作用:验证表单
1最简单的表单验证-禁止空白的必填项目
1.1最简单的HTML结构
网站最基础的就是注册,它是一个系统的交互基础.例子:<!DOCTYPE html><html> <...

小程序开发中遇到的问题：小程序中嵌套了一个webview页面，webview页面中有静默授权（A1页面静默授权后重定向到A2页面），点小程序原生的返回按钮会返回到A1页面，然后页面就会反复静默...

上次我们为商品分类菜单添加了显示购物数量，这篇我们继续推进项目，来实现购物车的详情页面，在开始之前我们先看它在页面中的样子：
如上所示，此页面包含了购物列表，而它由商品名称...

本文实例讲述了JS中的算法与数据结构之字典(Dictionary)。分享给大家供大家参考，具体如下：
字典(Dictionary)字典(Dictionary)是一种以 键-值对 形式存储数据的数据结构 ，就如...