121浏览

0评论

vue template中slot-scope/scope的使用方法

在vue 2.5.0+ 中slot-scope替代了 scope template 的使用情形为，我们已经封装好一个组建，预留了插槽，使用 的插槽首先 我们的创建一个组建 组建很简单有一个 slot,slot有两个属...

• 2020-05-27

103浏览

0评论

解决vue同一slot在组件中渲染多次的问题

Q：今天写公共组件的时候碰到一个奇葩的情况，slot内部需要再次调用slot,这就会导致同一slot在组件中渲染多次引发的bugA：把把父组件需要传入的dom结构作为props属性传递给slotRe...

• 2020-05-27

60浏览

0评论

浅谈Vue render函数在ElementUi中的应用

vue的render函数在日常开发中被广泛应用，今天以ElementUI中的table表头重构为引，实际应用一下借助render函数实现表头搜索，不足之处请多多指教！首先引入官方demo<el-table :data...

• 2020-05-27

90浏览

0评论

在vue中读取本地Json文件的方法

其实关于这个问题，网上已经可以找到些方法，不过基本上没有完整的，或者是其中有些坑，下面写一下自己的亲身实践。使用vue读取本地json文件需要安装vue-resource插件，然后使用它的$...

• 2020-05-27

302浏览

0评论

vuejs实现折叠面板展开收缩动画效果

vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。循环列表，html:<template> <div class="newslist"> <ul> <li v-for="(item,index) in newsl...

• 2020-05-27

73浏览

0评论

vue生成文件本地打开查看效果的实例

问题描述：npm run build 后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。 放到跟目录下就正常了。问题解决：打开项目所在文件夹里面的 config - index.js在...

• 2020-05-27

46浏览

0评论

Vue实现表格中对数据进行转换、处理的方法

众所周知，后端从Mysql取出的数据，一般是很难单独处理某一个Key的数据的（需要处理的话，可能会浪费大量的性能。而且对页面加载时间有很大的影响），所以，从数据库取出的数据。只能由前...

• 2020-05-27

43浏览

0评论

jQuery超简单遮罩层实现方法示例

本文实例讲述了jQuery超简单遮罩层实现方法。分享给大家供大家参考，具体如下：在开发中，为了避免二次提交，遮罩层的运用越来越普遍看了很多代码，下面跟大家分享一下我认为最简单的...

• 2020-05-27

66浏览

0评论

Vue中保存数据到磁盘文件的方法

网上有诸多例子，都不是在vue下，直接复制过来，可能会出现各类的错误，折腾了若干个小时，终于搞定。以app.vue为例<mt-button size="small" @click="ExportData()" type="primary" s...

• 2020-05-27

48浏览

0评论

Vue文件配置全局变量的实例

在vue文件里配置所需的全局变量，然后通过export暴露出去。如 Global.vue<script type="text/javascript"> const serverPath="http://127.0.0.1:8080"; export default{ ser...

• 2020-05-27

90浏览

0评论

node.js 模块和其下载资源的镜像设置的方法

以前安装 electron 时总是失败，然后就在淘宝镜像上下载好相应版本的文件放到用户目录来解决问题。后来研究发现 npm 不仅可以设置 node.js 模块仓库的代理， 同样可以设置像 el...

• 2020-05-27

46浏览

0评论

React注册倒计时功能的实现

一、React版本
16.4.1
二、具体代码如下设置state属性
constructor(props){ super(props); this.state = { btnText:'获取验证码', seconds: 60, //称数...

• 2020-05-27

59浏览

0评论

vue slots 组件的组合/分发实例

使用slots 分发内容使用组件时常常会有组件组合使用的情况，如下：<componentA><componentB></componentB><componentC></componentC></componentA>直接套用组件的话，父级组件会...

• 2020-05-27

69浏览

0评论

vue 解决循环引用组件报错的问题

做项目时遇到使用循环组件，因为模式一样，只有数据不一样。但是按照普通的组件调用格式来做时报错，错误信息为Unknown custom element: <pop> - did you register the component...

• 2020-05-27

65浏览

0评论

解决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

217浏览

0评论

解决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

48浏览

0评论

详解JavaScript事件循环机制

众所周知，JavaScript 是一门单线程语言，虽然在 html5 中提出了 Web-Worker ，但这并未改变 JavaScript 是单线程这一核心。可看HTML规范中的这段话：To coordinate events, user i...

• 2020-05-27

56浏览

0评论

VUE DOM加载后执行自定义事件的方法

最近想用vue做一个小东西，谁知道一开始就遇到了一个棘手的问题：首先我想在页面加载前通过ajax请求页面展示所需要的信息，于是我在created钩子函数里面请求了我想要的数据create...

• 2020-05-27

187浏览

0评论

使用vue-router与v-if实现tab切换遇到的问题及解决方法

vue-router 该如何使用忽然碰到一个常见的问题，明明可以使用 v-if / v-show 可以的解决的问题，有没有必要是使用 vue-router来解决。 比如常见的 tab 切换。一时间，我有些犹豫...

• 2020-05-27

105浏览

0评论

vue加载完成后的回调函数方法

如下所示：var c = new Vue({ el: "#cartoon", data: data, mounted: { alert("vue加载完成"); } });以上这篇vue加载完成后的回调函数方法就是小编分享给大家...

• 2020-05-27

59浏览

0评论

原生JS实现DOM加载完成马上执行JS代码的方法

用原生JS我们经常使用window.onload事件来加载页面。但是window.onload是在页面元素都加载完毕后才执行，如果页面内有大的图片的话，会在页面展现后好久时间后才执行。所以有时...

• 2020-05-27

198浏览

0评论

vue-cli监听组件加载完成的方法

在使用vue-cli开发项目时遇到过一个问题，要求是页面组件全部加载完成后再执行某个函数，给上代码参考，方法可能有点笨，好在实现了功能。1、安装vuexnpm install vuex --save2、在...

• 2020-05-27

50浏览

0评论

vue基于element的区间选择组件

公司的系统中，产品经理在设计时经常要求对某个字段进行区间阈值设置或者作为筛选条件。但是苦于element中没有非常契合的组件（slider组件并不支持两端均能设定），于是自己动手造...

• 2020-05-27

87浏览

0评论

Vue.js实现表格渲染的方法

我们大多时候渲染表格都是key值在页面上写死的情况下，一个个value渲染，那我们遇到数据是键值对的时候该如何渲染呢？我们查看vue的官方文档，如下：值域 v-forv-for 也可以接收一个...

• 2020-05-27

53浏览

0评论

koa-router源码学习小结

koa 框架一直都保持着简洁性, 它只对 node 的 HTTP 模块进行了封装, 而在真正实际使用, 我们还需要更多地像路由这样的模块来构建我们的应用, 而 koa-router 是常用的 koa...

• 2020-05-27

56浏览

0评论

Vue 实现列表动态添加和删除的两种方法小结

下面将介绍两种方式实现动态添加和删除列表1.不使用组件<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - vue实现列表增加和删除</title><script...

• 2020-05-27

60浏览

0评论

详解使用jest对vue项目进行单元测试

最近领导对前端提出了新的要求，要进行单元测试。之前使用vue做了一个快报名小程序的pc端页面，既然要做单元测试，就准备用这个项目了，之前有些react的经验，vue还是第一遭vue-cli3....

• 2020-05-27

62浏览

0评论

vue 点击按钮增加一行的方法

如下所示：data() {return {customized_descs: [1]，}},不要js，jq里面的方法了。以上这篇vue 点击按钮增加一行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望...

• 2020-05-27

106浏览

0评论

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

84浏览

0评论

cnpm加速Angular项目创建的方法

问题描述使用官网推荐的命令行工具ng来初始化Angular项目。ng new my-app前面都挺快的，创建本地文件嘛。就是到最后安装依赖的时候特别慢，等了半个小时，也没装完。cnpm加速使用...

• 2020-05-27

67浏览

0评论

对类Vue的MVVM前端库的实现代码

MVVM(ModelView ViewModel)是一种基于MVC的设计，开发人员在HTML上写一些Bindings,利用一些指令绑定，就能在Model和ViewModel保持不变的情况下，很方便的将UI设计与业务逻辑分离，...

• 2020-05-27

64浏览

0评论

npm配置国内镜像资源+淘宝镜像的方法

npm介绍1、说明：npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；2、使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-d...

• 2020-05-27

63浏览

0评论

关于JavaScript中高阶函数的魅力详解

前言一个函数就可以接收另一个函数作为参数,简言之,函数的参数能够接收别的函数,这种函数就称之为高阶函数JavaScript 的高阶函数跟 Swift 的高阶函数类似常见的高阶函数有:...

• 2020-05-27

280浏览

0评论

vue 点击按钮实现动态挂载子组件的方法

Vue.extend( options )参数：{Object} options用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。data 选项是特例，需要注意 - 在 Vue.extend() 中它必...

• 2020-05-27

153浏览

0评论

详解npm 配置项registry修改为淘宝镜像

在使用npm 的过程中，搜索网上的资料基本上可以看到类似如下的描述：“npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像”。初体验，不知道淘宝cnpm镜像为何物。根据这句描...

• 2020-05-27

254浏览

0评论

vue.js+element-ui动态配置菜单的实例

如下所示：<!--导航菜单-折叠功能--><aside :class="collapsed&#63;‘menu-collapsed‘:‘menu-expanded‘"><!--单个激活 并以 index 作为 path 进行路由跳转--><el-menu uni...

• 2020-05-27

102浏览

0评论

Js中使用正则表达式验证输入是否有特殊字符

Js中使用正则表达式验证输入是否有特殊字符的代码如下所示： //验证是否有特殊字符function checkval(t) { var re = /^[\u4e00-\u9fa5a-z]+$/gi;//只能输入汉字和英文字母...

• 2020-05-27

107浏览

0评论

vue2.0 可折叠列表 v-for循环展示的实例

先上一张效果图：以前用angularjs操作基本上都是要取到每个列表的id再循环判断是不是当前点击的列表来显示折叠。今天在这个项目 https://github.com/IFmiss/vue-music 上看到...

• 2020-05-27

78浏览

0评论

详解如何构建一个Angular6的第三方npm包

不废话直接上教程1.建立项目ng new projectname2.创建第三方库项目创建完毕，依赖安装完毕后# libraryname : 第三方包名字# prefix : 组件前缀(如 nz-zorro 的组件前都是 nz-...

• 2020-05-27

76浏览

0评论

使用Angular-CLI构建NPM包的方法

1.创建项目# PROJECT_NAME ：创建的项目名称ng new PROJECT_NAME2.创建第三方包（我们要构建的NPM包）cd PROJECT_NAME# LIBRARY_NAME ：创建的包的名称(如 zorro)# PREFIX ：组件前缀...

• 2020-05-27

113浏览

0评论

vue实现打印功能的两种方法

第一种方法：通过npm 安装插件1，安装 npm install vue-print-nb --save2，引入 安装好以后在main.js文件中引入 import Print from 'vue-print-nb' 　　Vue.use(Print); /...

• 2020-05-27

65浏览

0评论

前端防止用户重复提交js实现代码示例

背景
前端在向后端进行数据提交的时候，通常会需要在第一次提交返回前，阻止用户在快速点击发送二次请求，即防止重复提交，最简单的方法是使用标志参数或者 class 元素控制，但缺点是...

• 2020-05-27

78浏览

0评论

小程序点赞收藏功能的实现代码示例

本文介绍了小程序点赞收藏功能的实现代码示例，分享给大家，具体如下：/收藏/focusFavoriteTab: function (e) { var that = this; var isFocus = that.data.isFocus; console....

• 2020-05-27

67浏览

0评论

Vuejs开发环境搭建及热更新【推荐】

Vue.jsVue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地...

• 2020-05-27

56浏览

0评论

vue侧边栏动态生成下级菜单的方法

循环传入的数据去生成下级菜单 <template> <div class="headBar"> <div class="title"> 微商城管理后台 </div> <el-menu class="el-menu-headBar" mode="horizontal" @...

• 2020-05-27

52浏览

0评论

koa socket即时通讯的示例代码

前言
http的特点是一问一答，而即时通讯是需要双向通信的，这样以前的即时通信只能使用轮询的方式通过周期性的ajax请求获取数据，直到websocket出现，就完美实现了双向通信一 即时...

• 2020-05-27

64浏览

0评论

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

94浏览

0评论

Vue异步组件处理路由组件加载状态的解决方案

vue.js 组件组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。在大型单页面应用中，处于对性能的考虑和首屏加载速度的要求，我们一般都会...

• 2020-05-27

84浏览

0评论

jQuery中each遍历的三种方法实例分析

本文实例讲述了jQuery中each遍历的三种方法。分享给大家供大家参考，具体如下：1、选择器+遍历$('div').each(function (i){ //i就是索引值 //this 表示获取遍历每一个dom对象...

• 2020-05-27

75浏览

0评论

Vue中使用sass实现换肤功能

先给大家展示下效果图： 先给大家看一下目录和主要文件：解释一下主要文件：base.scss： 一些通用样式文件。mixin.scss： 定义mixin方法的文件。varibale.scss： 颜色，字体，背景的配置文...

• 2020-05-27