导航守卫 导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。（记住参数或查询的改变并不会触发进...

首先，确保你安装了weixin-js-sdk。如果还没有安装 npm install weixin-js-sdk在页面中 import wx from 'weixin-js-sdk';接下来，就需要在mounted里面进行wx.config()了。由于...

先看下vue-cli的使用 1：安装node2：npm i vue-cli -g　　npm install --global vue-cli3：vue list 可以查看模板4：选择一个模板，初始化项目，例如vue init webpack myPro5：cd myPro...

Excel 导出Excel 的导入导出都是依赖于js-xlsx来实现的。在 js-xlsx的基础上又封装了Export2Excel.js来方便导出数据。使用由于 Export2Excel不仅依赖js-xlsx还依赖file-sav...

Javascript是一门函数式编程语言，Javascript当中函数是核心，在Javascript中函数也是对象，函数对象在创建的时候会被添加属性和方法。在Javascript中函数对象有两种调用方式，一种...

本人傻逼GOU，近日公司要开发一款移动app，要用vue结合webpack+es6搭建的项目开发，需要用到融云的即时通信功能，本人找遍了度娘，发现这类型的文章很少，我也是费了不少时间才弄明...

学习了vue有一段日子了，vue+es6开发非常好用，vue的插件非常多，很充足，但是还是会用到引入第三方外部js的时候，但是很多人在vue-cli中的.vue文件引入es6会出很多错误，因为我们的代...

介绍：前台使用vue开发的单页面，后台使用ant design pro单页面，实现手机端和后台聊天功能。
效果如图(PC+移动)：一、申请融云账号（token、appKey）
建议先看教程：sdk使用介绍
过一遍...

一.安装首先打开Bootstarp的官网： https://v3.bootcss.com下载完成后，解压压缩包，把解压后的文件导入pycham中
在HTML页面中的style中导入bootstrap的css文件和js文件，建议导入m...

效果图如下github地址如下： github地址使用方法引入js和对应的cssimport Drag from '../../static/dragger.js'import './assets/css/dragger.css'之后，实例化new Drag({ id:...

松哥的书里边，其实有涉及到 Vue，但是并没有详细说过，原因很简单，Vue 的资料都是中文的，把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了，个人感觉这个是最好的 Vue.js 学习...

引入在使用vue + vue-router开发SPA的时候，有没有遇到过这样的情况：当我们在列表页和详情页之间切换的时候，如果列表页不做缓存，会导致每次从详情页返回时，列表页都会重新加载。...

（1）props属性：在父组件中，可以通过子组件标签属性的形式将数据或者函数传给子组件，子组件通过props去读取父组件传过来的数据用法父组件传数据给子组件： 一般的属性值都是用来给...

当Vue项目完成后，在根目录下打开命令行，输入命令：npm run build实际上此命令就是执行build.js文件，将项目打包成静态资源。此命令完成后，项目根目录下会多出一个dist文件夹，dist文...

查询回显input的封最近有幸在做一个管理系统采用的是vue+element-ui, 表单页面非常多, 而且都出奇的大,在多页面开发的时候做大表单的优缺点我大概先说一下, 我们的任务是,...

JS本身是一个多才多艺的语言，一个可以用自己编译自己的自由度极高的语言。正因为这份自由，出现了天花乱坠的规范与框架们，其中最基础的一块便是Module。来来来，baby们，做个小测试...

叨叨一会CommonJSCommon这个英文单词的意思，相信大家都认识，我记得有一个词组common knowledge是常识的意思，那么CommonJS是不是也是类似于常识性的，大家都理解的意思呢？很明显不...

做软工作业时，需要实现无刷新异步上传图片到服务器，于是想利用Ajax：得到file的val，再post过去…等真正实现的时候才发现，根本行不通。于是翻来翻去找到一个封装好的js插件，可以实...

使用ajaxfileupload.js实现上传文件功能一、ajaxFileUpload是一个异步上传文件的jQuery插语法：$.ajaxFileUpload([options])options参数说明：1、url　　　　　　　　　　 上传...

老夫子我正在憋方案书，听到身后传来细软的声音：“李哥，我这有个Bug调了很长时间了，您能帮我看一下吗？”。说这话的是我的好朋友，公司新来的前端小妹伊万卡。我起身向她走去，看到因...

动态表单生成ElementUI官网引导Element表单生成
Element动态增减表单,在线代码关键配置 template中,form和form-item的写法和绑定 data里的值为空 methods中，向后台获取数...

最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结（仅...

在文章之前，先和大家讲一下对于函数式编程（Functional Programming, aka. FP）的理解（下文我会用FP指代函数式编程）： FP需要保证函数都是纯净的，既不依赖外部的状态变量，也不产生副...

Vue2+采用diff算法来进行新旧vnode的对比从而更新DOM节点。而通常在我们使用v-for这个指令的时候，Vue会要求你给循环列表的每一项添加唯一的key，那么这个key在渲染列表时究竟...

基本数据类型字符串型数据在JavaScript中，字符串型数据是用引号括起来的文本字符串。
在JavaScript中不区分“字符”和“字符串”，字符也被当做字符串处理。在字符串中可以包...

前言 不知道从什么时候开始有了写博客的想法，奈何自己的知识储备还很薄弱，迟迟无法下笔。这是我的第一篇博客，算是记录一下自己学习前端以来的一些知识吧。如有错漏，恳请指出，您...

前言用来干什么：想干嘛干嘛
为什么写：写来玩，学习node.js文件系统相关api；树结构这种东西还是挺不错的，会用会造才是真的会
用了什么： fs.readdir(dir), fs.stat(dir).isFile(), p...

之前在《Vue一个案例引发的动态组件与全局事件绑定总结》这篇文章中简单提到过组件的缓存。当时只是简单的提供了一个解决问题的思路，并没有说到多少组件缓存的东西，今天我们...

今天，小程序正式支持 SVG写在前面经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记...

本文实例为大家分享了JS实现截取视频画面的具体代码，供大家参考，具体内容如下Html<p> <button onclick="openMedia()">打开</button> <button onclick="closeMedia()">关闭</b...

在生成vue项目的时候，出现如下错误ERROR in static/js/index.d66d806fcdd72b36147b.js from UglifyJs
Unexpected token: punc (() [src/components/Hello.vue:26,0][static/...

vee-validate 是为 Vue.js 量身打造的表单校验框架，允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则，可以组合使用多种校验规则，大部分场景只需要...

需求是拦截前端的网络请求和相应。废话不多说，直接上干货。我用的是vue-cli3所以这个config文件是我自己创建的。先介绍env.js//根据不同的环境更改不同的baseUrllet baseUrl...

前后端分离，经常会出现跨域访问被限制的问题。跨域访问限制是服务端出于安全考虑的限制行为。即只有同域或者指定域的请求，才能访问。这样还可以防止图片被盗链。服务端（比如 N...

配置路由懒加载,封装了异步组件引入的方法,接收一个地址做参数/** * 返回异步组件 * @tips 请注意页面只能挂载在views文件下,非此路径请勿使用 */const AsyncComponentHook...

在ng-alain中，使用ng-zorro图标库，发现部分能正常显示，部分并不能显示，在控制台同时发现出错报错。ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist...

文章举例说明一下在 vue 中如何更好的监听浏览器事件。原文介绍了一种新增 vue 实例的方法，单独监听事件。这样代码书写较为简练，容易管理。当监听如下事件的传统做法是： wind...

现在存在的问题每次打包完, 都要打开 FileZilla 一顿拖拽然后才能上传代码, 那就立马撸一个自动化脚本就完事了publish-sftpGithub 传送门(顺便来骗个Star) 以后一行命令上...

Vue 中的插槽在开发组件的过程中其实是非常重要并且好用的。Vue 的插槽也没有说很难使用，这篇文章简明扼要的介绍了三种插槽的用法。匿名插槽子组件定义 slot 插槽，但并未具名...

Vue 测试版本：Vue.js v2.5.13Vue 文档：<slot> 元素可以用一个特殊的特性 name 来进一步配置如何分发内容。多个插槽可以有不同的名字。具名插槽将匹配内容片段中有对应 slot...

First项目地址：Crawler-for-Github-Trending项目中基本每一句代码都写有注释(因为就这么几行&#128514;)，适合对Node爬虫感兴趣的同学入入门。Introduction50 lines, minimalis...

插槽：插槽，也就是slot，是组件的一块HTML模板，这块模板显示不现实、以及怎样显示由父组件来决定。插槽模板是slot，它是一个空壳子，因为它显示与隐藏以及最后用什么样的html模板显示...

写在前面vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“...

1. 使用vue-cli3新建项目： https://cli.vuejs.org/zh/guide/creating-a-project.html注意，我这里用gitbash不好选择选项，我就用了基本的cmd（系统命令提示符）：上下箭头和空格键可控...

最近在开发小程序项目里遇到一个小难题-----一键复制在网页开发里 我们可以引用大牛封装好的复制插件，比如无flash插件clipboard.js适用移动端，pc端-------言归正装，打开微信开...

文件下载（遇到的坑）1.要区分下载的内容是什么0.1 图片下载wx.saveImageToPhotosAlbum(Object object)0.2 视频下载wx.saveVideoToPhotosAlbum(Object object)以上算是两大类...

接下来重点来看Vue的数据响应系统。我看很多文章在讲数据响应的时候先用一个简单的例子介绍了数据双向绑定的思路，然后再看源码。这里也借鉴了这种方式，感觉这样的确更有利于...

写在前面：
前段时间看抖音，有人用时间轮盘作为动态的桌面壁纸，一时间成为全网最火的电脑屏保，后来小米等运用市场也出现了【时间轮盘】，有点像五行八卦，感觉很好玩，于是突发奇想，自...

本文实例为大家分享了js实现全选反选不选功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><meta charset='utf-8' /><body><input type='checkbox' name='id' />...

在做单页面应用程序时，一般页面布局头尾两块都是固定在布局页面，中间为是路由入口。这时访问页面时头部标题不会变，该问题的解决方案如下：通过采用组件内路由卫士(beforeRouterE...