92浏览

0评论

利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序

Vue-draggable 的github传送门 :https://github.com/SortableJS/Vue.Draggable一. 下载依赖包：npm install vuedraggable -S 二. 在需要使用的当前界面引入依赖，注册组件：impo...

• 2020-05-27

72浏览

0评论

sortable+element 实现表格行拖拽的方法示例

背景
1、vue项目中的表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍
Sortable.js
介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：N...

• 2020-05-27

69浏览

0评论

详解vue项目中实现图片裁剪功能

演示地址
https://my729.github.io/picture-crop-demo/dist/#/前言
vue版本：3.6.3 https://cli.vuejs.org/zh/ cropperjs: 1.5.1 https://github.com/fengyuanchen/croppe...

• 2020-05-27

66浏览

0评论

Element实现表格分页数据选择+全选所有完善批量操作

后台管理系统中的列表页面，一般都会有对列表数据进行批量操作的功能，例如：批量删除、批量删除等。之前项目中只是简单的用到Element框架中常规的属性、事件。在一次机缘巧合下，...

• 2020-05-27

61浏览

0评论

vue-cli3项目展示本地Markdown文件的方法

【版本】 vue-cli3 webpack@4.33.0【步骤】1、安装插件vue-markdown-loadernpm i vue-markdown-loader -Dps：这个插件是基于markdown-it的，不需要单独安装markdown-it。2、...

• 2020-05-27

56浏览

0评论

vue+element 模态框表格形式的可编辑表单实现

要实现的效果如下,初始化的时候,不可编辑,点击编辑按钮,编辑按钮隐藏,取消编辑按钮显示;部分input输入框变为可编辑
<el-dialog title="营销单详情" width="920px" @close="...

• 2020-05-27

77浏览

0评论

ES6小技巧之代替lodash

Javascript ES6标准实行后，Lodash或者Ramada中的一些功能我们就不需要了，可以使用ES6的语法来实现
获取Object中指定键值
我们现在可以使用解包的方法快速获取对象中指定键值...

• 2020-05-27

72浏览

0评论

Nodejs异步流程框架async的方法

Async的简单介绍：
Async是一个流程控制工具包，提供了直接而强大的异步功能。基于Javascript为Node.js设计，同时也可以直接在浏览器中使用。Async提供了大约20个函数，包括常用的m...

• 2020-05-27

90浏览

0评论

你了解vue3.0响应式数据怎么实现吗

从 Proxy 说起 什么是Proxyproxy翻译过来的意思就是”代理“，ES6对Proxy的定位就是target对象(原对象)的基础上通过handler增加一层”拦截“，返回一个新的代理对象，之后所有在P...

• 2020-05-27

57浏览

0评论

Vue使用Proxy监听所有接口状态的方法实现

在开发项目过程中几乎所有接口都需要知道它的返回状态，比如失败或者成功，在移动端通常后台会返回结果，而我们只需要一个弹窗来弹出来结果就可以了。但是这个弹窗如果在整个项目...

• 2020-05-27

73浏览

0评论

vue集成kindeditor富文本的实现示例代码

指令
该指令的作用是dom渲染后触发，因为非vue的插件有的是dom必须存在的情况下才可以执行Vue.directive('loaded-callback', { inserted: function (el, binding, vnode) { b...

• 2020-05-27

60浏览

0评论

关于微信小程序获取小程序码并接受buffer流保存为图片的方法

前言昨天因为小程序功能要获取小程序程序码，看了微信文档爬了好多坑。（留一下记录以防后面被坑）操作因为我获取到了微信那里的图片的图片流一直不知道怎么处理，今天总算找到相关...

• 2020-05-27

64浏览

0评论

微信小程序如何刷新当前界面的实现方法

在微信小程序开发的过程中，在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来，但是如何在执行操作后进行本页面的刷新就成了一个问...

• 2020-05-27

66浏览

0评论

微信小程序实现折线图的示例代码

插件地址：https://github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js微信小程序折线图效果：首先需要引入一个折线图的插件：XXX.xml 的代码：<canvas style="width:...

• 2020-05-27

62浏览

0评论

在微信小程序中使用vant的方法

在微信小程序中如何使用vant UI ,最近在开发小程序项目的时候遇到了这个问题, 去网上百度发现大家给的步骤普遍都是直接npm i vant-weapp -S --production,接着构建npm, 然...

• 2020-05-27

70浏览

0评论

微信小程序与webview交互实现支付功能

实现原理：点击h5网页的支付按钮——(跳转)——>嵌套改h5的小程序的支付页面——(处理支付)——>跳转至支付完成后的页面注意：（1）网页h5中，引入微信的jssdk<script type="text/jav...

• 2020-05-27

66浏览

0评论

微信小程序发布新版本时自动提示用户更新的方法

如图，当小程序发布新的版本后，用户如果之前访问过该小程序，通过已打开的小程序进入（未手动删除），则会弹出这个提示，提醒用户更新新的版本。用户点击确定就可以自动重启更新，点击取消...

• 2020-05-27

91浏览

0评论

在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】

1如何引入组件库　　有两种方法 1 npm下载 2 下载代码，下面介绍第二种方法。　　在gitHub上， 链接如下 https://github.com/youzan/vant-weapp 首先在自己项目目录static下...

• 2020-05-27

68浏览

0评论

详解Node.js异步处理的各种写法

异步的“坑”
最近一段时间参与开发了一个Node.js后台项目，作为一个PHP开发者，上手项目本身并不难，但是开发的过程却并不顺利，不顺利的主要原因在于思路上没有转变，没有从 同步...

• 2020-05-27

57浏览

0评论

Vue动态修改网页标题的方法及遇到问题

业务需求，进入页面的时候，网页有个默认标题，加载的网页内容不同时，标题需要变更. 例:功能授权，功能授权(张三).Vue下有很多的方式去修改网页标题，这里总结下解决此问题的几种方案:...

• 2020-05-27

61浏览

0评论

解决vue单页面应用中动态修改title问题

详细信息查看：vue-weachat-title解决问题：1、Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安...

• 2020-05-27

54浏览

0评论

为vue项目自动设置请求状态的配置方法

在进入一个页面的时候，一般在获取数据的同时，会先显示一个 loading ，等请求结束再隐藏 loading 渲染页面，只需要用一个属性去记录请求的状态，再根据这个状态去渲染页面就好了asyn...

• 2020-05-27

62浏览

0评论

发布订阅模式在vue中的实际运用实例详解

订阅发布模式定义了一种一对多的依赖关系，让多个订阅者对象同时监听某一个主题对象。这个主题对象在自身状态变化时，会通知所有订阅者对象，使它们能够自动更新自己的状态。比如...

• 2020-05-27

44浏览

0评论

基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码

1. 测试环境JQuery-3.2.1.min.jBootstrap-3.3.7-distwin71.2. 实践HTML代码片段
<div class="container-fluid"><div class="row"><!--添加左侧菜单栏 --><div class="c...

• 2020-05-27

98浏览

0评论

Vue将页面导出为图片或者PDF

本文实例为大家分享了Vue导出页面为PDF格式的具体代码，供大家参考，具体内容如下
导出为图片1.将页面html转换成图片npm install html2canvas --save2.在需要导出的页面引入imp...

• 2020-05-27

59浏览

0评论

vue通信方式EventBus的实现代码详解

vue通信方式有很多，项目中用的比较多的的有 pros、vuex、$emit/$on 这3种，还有 provide/inject (适合高阶组件)、 $attrs和$listeners (适合高阶组件)以及 $parent/$child/ref...

• 2020-05-27

61浏览

0评论

JavaScript内置对象math,global功能与用法实例分析

本文实例讲述了JavaScript内置对象math,global功能与用法。分享给大家供大家参考，具体如下：学习要点：1.Global对象
2.Math对象ECMA-262对内置对象的定义是：“由ECMAScript实现提...

• 2020-05-27

54浏览

0评论

JavaScript变量作用域及内存问题实例分析

本文实例讲述了JavaScript变量作用域及内存问题。分享给大家供大家参考，具体如下：学习要点：1.变量及作用域
2.内存问题JavaScript的变量与其他语言的变量有很大区别。JavaScrip...

• 2020-05-27

59浏览

0评论

微信小游戏之使用three.js 绘制一个旋转的三角形

three.js是一个可以使用javascript绘制3d图形的库，它对WebGL的api进行封装，使开发更加方便，就像jQuery对DOM的api进行封装一样。接下来就记录一下在小游戏中绘制一个 旋转的三...

• 2020-05-27

65浏览

0评论

浅谈ECMAScript 中的Array类型

前言Array 类型是除了 Object 类型之外又是一个特别经常用的一个类型了，当然数组在其他的语言中都是不可缺少的属性，我们都知道不管 js 还是其他类的语言的数组都是数据的有序...

• 2020-05-27

60浏览

0评论

javascript function(函数类型)使用与注意事项小结

本文实例讲述了javascript function(函数类型)使用与注意事项。分享给大家供大家参考，具体如下：在ECMAScript中，Function(函数)类型实际上是对象。每个函数都是Function类型的...

• 2020-05-27

64浏览

0评论

利用node 判断打开的是文件 还是 文件夹的实例

如下所示：var fs = require("fs");//判断打开的是文件 还是 文件夹var path = "wen.txt";fs.stat(path,function(err,stat){ if (err) { console.error(err); throw err; }...

• 2020-05-27

54浏览

0评论

Javascript数组方法reduce的妙用之处分享

前言Javascript数组方法中，相比map、filter、forEach等常用的迭代方法，reduce常常被我们所忽略，今天一起来探究一下reduce在我们实战开发当中，能有哪些妙用之处，下面从reduce语法...

• 2020-05-27

90浏览

0评论

对node通过fs模块判断文件是否是文件夹的实例讲解

通过fs.Stats 和 states.isDirectory实现1. fs.Stats 对象提供了一个文件的信息。从 fs.stat()、fs.lstat() 和 fs.fstat() 及其同步版本返回的对象都是该类型。 如果传入这...

• 2020-05-27

59浏览

0评论

基于jquery实现的tab选项卡功能示例【附源码下载】

本文实例讲述了基于jquery实现的tab选项卡功能。分享给大家供大家参考，具体如下：jquery这款杀手级别的js框架，显然已成了开发界的标准js库，在开发一般web应用的时候，常常用到。今...

• 2020-05-27

60浏览

0评论

js实现类似iphone的网页滑屏解锁功能示例【附源码下载】

本文实例讲述了js实现类似iphone的网页滑屏解锁功能。分享给大家供大家参考，具体如下：iphone 的出现,打破了人们的用户体验，这一用户体验也延伸到了网页设计上。最近看到很多bl...

• 2020-05-27

82浏览

0评论

利用Electron简单撸一个Markdown编辑器的方法

Markdown 是我们每一位开发者的必备技能，在写 Markdown 过程中，总是寻找了各种各样的编辑器，但每种编辑器都只能满足某一方面的需要，却不能都满足于日常写作的各种需求。所以萌...

• 2020-05-27

48浏览

0评论

jquery操作checkbox的常用方法总结【附测试源码下载】

本文实例讲述了jquery操作checkbox的常用方法。分享给大家供大家参考，具体如下：做系统的过程中，与checkbox 复选框打交道，是难免的，而且在每个系统中，简直是必不可少的一道菜，通常...

• 2020-05-27

100浏览

0评论

nodejs提示：cross-device link not permitted, rename错误的解决方法

node.js提示错误：Error: EXDEV: cross-device link not permitted, rename 'C:\Users\THEDIS~1\AppData\Local\Temp\upload_9b46f1afc2f9ade074037c3fb707d271' -> 'E:/node-...

• 2020-05-27

67浏览

0评论

利用百度echarts实现图表功能简单入门示例【附源码下载】

本文实例讲述了利用百度echarts实现图表功能。分享给大家供大家参考，具体如下：百度有一款开源的图表控件，号称是大数据时代最好的图表控件。刚好目前的项目需要用图表展示给客...

• 2020-05-27

59浏览

0评论

移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能

面向百度开发html <van-uploader :after-read="onRead" accept="image/*"> <img src="./icon_input_add.png" /> </van-uploader>js
data() { return { files: {...

• 2020-05-27

122浏览

0评论

vue中使用 pako.js 解密 gzip加密字符串的方法

前言今天跟后台对接一个接口，接受到一个加密的值，说是通过gzip加密过的，然后就蒙蔽了，赶紧上百度找了一下资料，通过一篇文章（原文在底部）发现有个js库可以解密，就下载轻松解密了实现...

• 2020-05-27

51浏览

0评论

在Vue中用canvas实现二维码和图片合成海报的方法

在项目中经常会遇到需要将不同的二维码放到一张通用图片上，提供用户下载简单来说，就是利用canvas将同等比例的二维码在图片上叠加，生成海报1. 设置相应比例
一般来说海报背景都...

• 2020-05-27

114浏览

0评论

前端路由&webpack基础配置详解

1. SPA
SPA是单页面应用程序(single page application),通俗来讲就是在一个页面开发一个完整网站的功能
优点: 不需要跳转页面,局部更新页面内容 前端组件化缺点: 首屏加...

• 2020-05-27

86浏览

0评论

详解iview的checkbox多选框全选时校验问题

在用iview框架的 checkbox 多选框时 遇到了一个校验问题
在iview给的例子中 代码如下 https://www.iviewui.com/components/checkbox<template> <div style="border-bottom...

• 2020-05-27

57浏览

0评论

使用webpack搭建vue项目及注意事项

有一句话叫“前人栽树后人乘凉”，还有一句话叫“如果说我看得比别人更远些，那是因为我站在巨人的肩膀上”。前一句是国人的俗语，后一句是那个发现了“万有引力”定律的牛顿说的...

• 2020-05-27

61浏览

0评论

vuex 中插件的编写案例解析

一、官方文档1、第一步const myPlugin = store => { // 当 store 初始化后调用 store.subscribe((mutation, state) => { // 每次 mutation 之后调用 // mutation 的格式为...

• 2020-05-27

45浏览

0评论

JS中实现一个下载进度条及播放进度条的代码

术上没太大难度，有难度的地方是怎么让整个动画比较流畅。一个主要问题是动画的滞后性：当下载进度到某个点的时候，你再用250ms的动画过渡过去，这个时候已经慢了，所以很多人可能因...

• 2020-05-27

81浏览

0评论

vue2 中二级路由高亮问题及配置方法

实现效果图 1、项目中的图标使用的是element-ui框架中的图标，如果需要引入可以看我写的上一篇文章。2、首先配置路由我初始化项目的时候初始化了路由，所以打开router/index.js...

• 2020-05-27

66浏览

0评论

webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程

DLLPlugin 和 DLLReferencePlugin的使用DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles，同时还大大提升了构建的速度。1.首先build文件夹添加----webpack.dl...

• 2020-05-27