Vue中保存数据到磁盘文件的方法
网上有诸多例子，都不是在vue下，直接复制过来，可能会出现各类的错误，折腾了若干个小时，终于搞定。以app.vue为例<mt-button size="small" @click="ExportData()" type="primary" s...
2020-05-27
Vue文件配置全局变量的实例
在vue文件里配置所需的全局变量，然后通过export暴露出去。如 Global.vue<script type="text/javascript"> const serverPath="http://127.0.0.1:8080"; export default{ ser...
2020-05-27
node.js 模块和其下载资源的镜像设置的方法
以前安装 electron 时总是失败，然后就在淘宝镜像上下载好相应版本的文件放到用户目录来解决问题。后来研究发现 npm 不仅可以设置 node.js 模块仓库的代理， 同样可以设置像 el...
2020-05-27
React注册倒计时功能的实现
一、React版本
16.4.1
二、具体代码如下设置state属性
constructor(props){ super(props); this.state = { btnText:'获取验证码', seconds: 60, //称数...
2020-05-27
vue slots 组件的组合/分发实例
使用slots 分发内容使用组件时常常会有组件组合使用的情况，如下：<componentA><componentB></componentB><componentC></componentC></componentA>直接套用组件的话，父级组件会...
2020-05-27
vue 解决循环引用组件报错的问题
做项目时遇到使用循环组件，因为模式一样，只有数据不一样。但是按照普通的组件调用格式来做时报错，错误信息为Unknown custom element: <pop> - did you register the component...
2020-05-27
解决vue v-for 遍历循环时key值报错的问题
一 、问题如下：[Vue warn] Avoid using non-primitive value as key, use string/number value instead.non-primitive表示的是对象这里的[Vue warn]是指不要用对象或是数组...
2020-05-27
解决vue 引入子组件报错的问题
错误信息：Do not use built-in or reserved HTML elements as component id: header源码：<script>import header from "./components/header"import aside from "./components...
2020-05-27
详解JavaScript事件循环机制
众所周知，JavaScript 是一门单线程语言，虽然在 html5 中提出了 Web-Worker ，但这并未改变 JavaScript 是单线程这一核心。可看HTML规范中的这段话：To coordinate events, user i...
2020-05-27
VUE DOM加载后执行自定义事件的方法
最近想用vue做一个小东西，谁知道一开始就遇到了一个棘手的问题：首先我想在页面加载前通过ajax请求页面展示所需要的信息，于是我在created钩子函数里面请求了我想要的数据create...
2020-05-27
使用vue-router与v-if实现tab切换遇到的问题及解决方法
vue-router 该如何使用忽然碰到一个常见的问题，明明可以使用 v-if / v-show 可以的解决的问题，有没有必要是使用 vue-router来解决。 比如常见的 tab 切换。一时间，我有些犹豫...
2020-05-27
vue加载完成后的回调函数方法
如下所示：var c = new Vue({ el: "#cartoon", data: data, mounted: { alert("vue加载完成"); } });以上这篇vue加载完成后的回调函数方法就是小编分享给大家...
2020-05-27
原生JS实现DOM加载完成马上执行JS代码的方法
用原生JS我们经常使用window.onload事件来加载页面。但是window.onload是在页面元素都加载完毕后才执行，如果页面内有大的图片的话，会在页面展现后好久时间后才执行。所以有时...
2020-05-27
vue-cli监听组件加载完成的方法
在使用vue-cli开发项目时遇到过一个问题，要求是页面组件全部加载完成后再执行某个函数，给上代码参考，方法可能有点笨，好在实现了功能。1、安装vuexnpm install vuex --save2、在...
2020-05-27
vue基于element的区间选择组件
公司的系统中，产品经理在设计时经常要求对某个字段进行区间阈值设置或者作为筛选条件。但是苦于element中没有非常契合的组件（slider组件并不支持两端均能设定），于是自己动手造...
2020-05-27
Vue.js实现表格渲染的方法
我们大多时候渲染表格都是key值在页面上写死的情况下，一个个value渲染，那我们遇到数据是键值对的时候该如何渲染呢？我们查看vue的官方文档，如下：值域 v-forv-for 也可以接收一个...
2020-05-27
koa-router源码学习小结
koa 框架一直都保持着简洁性, 它只对 node 的 HTTP 模块进行了封装, 而在真正实际使用, 我们还需要更多地像路由这样的模块来构建我们的应用, 而 koa-router 是常用的 koa...
2020-05-27
Vue 实现列表动态添加和删除的两种方法小结
下面将介绍两种方式实现动态添加和删除列表1.不使用组件<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - vue实现列表增加和删除</title><script...
2020-05-27
详解使用jest对vue项目进行单元测试
最近领导对前端提出了新的要求，要进行单元测试。之前使用vue做了一个快报名小程序的pc端页面，既然要做单元测试，就准备用这个项目了，之前有些react的经验，vue还是第一遭vue-cli3....
2020-05-27
vue 点击按钮增加一行的方法
如下所示：data() {return {customized_descs: [1]，}},不要js，jq里面的方法了。以上这篇vue 点击按钮增加一行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望...
2020-05-27
vue.js 实现点击按钮动态添加li的方法
如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="...
2020-05-27
cnpm加速Angular项目创建的方法
问题描述使用官网推荐的命令行工具ng来初始化Angular项目。ng new my-app前面都挺快的，创建本地文件嘛。就是到最后安装依赖的时候特别慢，等了半个小时，也没装完。cnpm加速使用...
2020-05-27
对类Vue的MVVM前端库的实现代码
MVVM(ModelView ViewModel)是一种基于MVC的设计，开发人员在HTML上写一些Bindings,利用一些指令绑定，就能在Model和ViewModel保持不变的情况下，很方便的将UI设计与业务逻辑分离，...
2020-05-27
npm配置国内镜像资源+淘宝镜像的方法
npm介绍1、说明：npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；2、使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-d...
2020-05-27
关于JavaScript中高阶函数的魅力详解
前言一个函数就可以接收另一个函数作为参数,简言之,函数的参数能够接收别的函数,这种函数就称之为高阶函数JavaScript 的高阶函数跟 Swift 的高阶函数类似常见的高阶函数有:...
2020-05-27
vue 点击按钮实现动态挂载子组件的方法
Vue.extend( options )参数：{Object} options用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。data 选项是特例，需要注意 - 在 Vue.extend() 中它必...
2020-05-27
详解npm 配置项registry修改为淘宝镜像
在使用npm 的过程中，搜索网上的资料基本上可以看到类似如下的描述：“npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像”。初体验，不知道淘宝cnpm镜像为何物。根据这句描...
2020-05-27
vue.js+element-ui动态配置菜单的实例
如下所示：<!--导航菜单-折叠功能--><aside :class="collapsed?‘menu-collapsed‘:‘menu-expanded‘"><!--单个激活 并以 index 作为 path 进行路由跳转--><el-menu uni...
2020-05-27
Js中使用正则表达式验证输入是否有特殊字符
Js中使用正则表达式验证输入是否有特殊字符的代码如下所示： //验证是否有特殊字符function checkval(t) { var re = /^[\u4e00-\u9fa5a-z]+$/gi;//只能输入汉字和英文字母...
2020-05-27
vue2.0 可折叠列表 v-for循环展示的实例
先上一张效果图：以前用angularjs操作基本上都是要取到每个列表的id再循环判断是不是当前点击的列表来显示折叠。今天在这个项目 https://github.com/IFmiss/vue-music 上看到...
2020-05-27
详解如何构建一个Angular6的第三方npm包
不废话直接上教程1.建立项目ng new projectname2.创建第三方库项目创建完毕，依赖安装完毕后# libraryname : 第三方包名字# prefix : 组件前缀(如 nz-zorro 的组件前都是 nz-...
2020-05-27
使用Angular-CLI构建NPM包的方法
1.创建项目# PROJECT_NAME ：创建的项目名称ng new PROJECT_NAME2.创建第三方包（我们要构建的NPM包）cd PROJECT_NAME# LIBRARY_NAME ：创建的包的名称(如 zorro)# PREFIX ：组件前缀...
2020-05-27
vue实现打印功能的两种方法
第一种方法：通过npm 安装插件1，安装 npm install vue-print-nb --save2，引入 安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); /...
2020-05-27
前端防止用户重复提交js实现代码示例
背景
前端在向后端进行数据提交的时候，通常会需要在第一次提交返回前，阻止用户在快速点击发送二次请求，即防止重复提交，最简单的方法是使用标志参数或者 class 元素控制，但缺点是...
2020-05-27
小程序点赞收藏功能的实现代码示例
本文介绍了小程序点赞收藏功能的实现代码示例，分享给大家，具体如下：/收藏/focusFavoriteTab: function (e) { var that = this; var isFocus = that.data.isFocus; console....
2020-05-27
Vuejs开发环境搭建及热更新【推荐】
Vue.jsVue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地...
2020-05-27
vue侧边栏动态生成下级菜单的方法
循环传入的数据去生成下级菜单 <template> <div class="headBar"> <div class="title"> 微商城管理后台 </div> <el-menu class="el-menu-headBar" mode="horizontal" @...
2020-05-27
koa socket即时通讯的示例代码
前言
http的特点是一问一答，而即时通讯是需要双向通信的，这样以前的即时通信只能使用轮询的方式通过周期性的ajax请求获取数据，直到websocket出现，就完美实现了双向通信一 即时...
2020-05-27
Vue2.0 v-for filter列表过滤功能的实现
使用计算属性app.jsvar app5 = new Vue({ el: '#app5', data: { shoppingList: [ "Milk", "Donuts", "Cookies", "Chocolate", "Peanut Butter", "Pepto Bismol", "Pepto...
2020-05-27
Vue异步组件处理路由组件加载状态的解决方案
vue.js 组件组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。在大型单页面应用中，处于对性能的考虑和首屏加载速度的要求，我们一般都会...
2020-05-27
jQuery中each遍历的三种方法实例分析
本文实例讲述了jQuery中each遍历的三种方法。分享给大家供大家参考，具体如下：1、选择器+遍历$('div').each(function (i){ //i就是索引值 //this 表示获取遍历每一个dom对象...
2020-05-27
Vue中使用sass实现换肤功能
先给大家展示下效果图： 先给大家看一下目录和主要文件：解释一下主要文件：base.scss： 一些通用样式文件。mixin.scss： 定义mixin方法的文件。varibale.scss： 颜色，字体，背景的配置文...
2020-05-27
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
如下所示：specifications:[ { specificationName:"颜色", specificationItem:[ {value:"黄色"}, {value:"黑色"} ] }]<table class="table table-bordered table-hov...
2020-05-27
jQuery插件实现的日历功能示例【附源码下载】
本文实例讲述了jQuery插件实现的日历功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""h...
2020-05-27
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
主要运用 template 标签，可相当于 php foreach（） foreach（lists as $key）{ //todo foreach($key.自定义字段 as k){ //todo } }<template v-for="key in lists" v-cloak> <tr...
2020-05-27
Bootstrap-table自定义可编辑每页显示记录数
写在前面： 最近在做的person功能，由于后期系统中person人数较多，不利用查找person,故需求方将要求可以自己编辑每页显示的数目，而不是固定的写死每页显示的数目。 下面先...
2020-05-27
jQuery实现为动态添加的元素绑定事件实例分析
本文实例讲述了jQuery实现为动态添加的元素绑定事件。分享给大家供大家参考，具体如下：在使用jquery的方式为元素绑定事件时，我经常使用bind或者click,但这只能为页面已经加载好...
2020-05-27
Bootstrap-table使用footerFormatter做统计列功能
写在前面： 在做表格的时候，难免会碰到做统计的时候。由于在项目中涉及到做统计的功能比较简单，之后也就没有过多的去研究更复杂的，这里简单记录下。 这次就直接先上图：一个...
2020-05-27
JavaScript实现JSON合并操作示例【递归深度合并】
本文实例讲述了JavaScript实现JSON合并操作。分享给大家供大家参考，具体如下：为什么我会想到写这几行代码在实际工作中，我们会使用许多或自主开发或第三方的工具，有些工具的配置...
2020-05-27
详解Ubuntu安装angular-cli遇到的坑
环境：ubuntu16.04按照官方文档的要求，跟着进行angular-cli的安装，但是我们知道，环境这种东西有时候很容易配置，有时候就会闹脾气，而且不同的操作系统，出现的问题也不尽相同。今天安...
2020-05-27
