道招
从vuecli3学习webpack记录(一)vue-cli-serve机制
最近看了看vuecli3,把自己的学习记录下来。 首先看入口 npm run dev 即是 vue-cli-service serve ,之所以能运行 vue-cli-service 命令,就是因为cli3为我们安装了 vue-cli-service (执行的是 npm install --save-dev vue-cli-service ),这样可以在node_modules/.bin文件
用个数组来理解vue的diff算法(一)
原文地址: 道招网 的 用个数组来理解vue的diff算法(一) Vue使用的diff算法,我相信用vue的估计都听过,并且看到源码的也不在少数。 先对下面的代码做下说明: 由于这里用的是数组内元素的有移动来模拟dom元素的移动,所以简单的 insertBefore 之类的就不能用了,这里是靠删除+新增来模拟的移动。 这里没有在数组里面用纯数字,一是因为这样不显示,真实的vue
Javascript实现翻页器
需求: 写个函数pagination,接收两个参数,第一个是总数,第一个是当前页码,要求当前页码尽可能的在正中间,最多显示5个页码。 比如 pagination(10,4) 就输出 2 3 4 5 6 , pagination(10,2) 就输出 1 2 3 4 5 , pagination(3,1) 就输出 1 2 3 function pagination(
从vuecli3学习webpack记录(三)基类Tapable和Hook分析
在查看webpack(及插件)源码的过程中,我们会经常看到类似这样的代码 compiler.hooks.done.tap('vue-cli-service serve',() => {}); // 或者 compilation.hooks.buildModule.tap("ProgressPlugin", moduleAdd); 或者
从Javascript引擎、编译器和作用域来理解函数声明、普通的变量声明
首先声明本文内容主要来自《You Don’t Know Js: Scope & Closures》中文版《你不知道的Javascript 上卷》,本人对于Javascript引擎、编译器和作用域的理解也主要源于该书与自己在控制台的调试,欢迎和大家一同学习交流。 编译原理 一般分为三个步骤: 1. 分词/词法分析 把代码片段分成对语言有意义的词法单元 2. 解析/语法分
用div+css模拟类excel表格对角线(斜线)
我们先看html代码吧 <table> <caption>用div+css模拟类excel表格对角线(斜线)</caption> <tr> <th style="width:80px;"> <div class="out">
用webpack的require.context优化vue store和router文件
早期右边博文专门讲了下require.context的用法和简单用法介绍《用webpack的require.context() 简化你的代码》 这次说点自己在vue项目中的具体应用吧 store 首先看我的store的目录结构: 这里的每个文件夹都是一个module,所以在store/index.js里面可以这样写 import Vue from 'vue&#03
vue里面使用debounce,throttle注意点
我们有时在自己的vue项目中不可避免的要监听类似scroll事件的,这是如果相对性能影响少点,只能会想到debounce防抖之类的。但是我们要注意了,addEventListener和removeEventListener必须要是同一个函数才行哦,不然removeEventListener是无法移除事件的,这样就容易造成内存泄露了。 平时我们的debounce一般这么用 methods
element-ui表单源码解析之el-input
关于表单校验el-input做的主要工作就是跟el-form-item交互,把input的相关事件发送给el-form-item,上一篇已经讲到在el-form-item的mounted的生命周期里面有如下代码的 this.$on('el.form.blur', this.onFieldBlur); this.$on('el.form.change'
element-ui表单源码解析之el-form-item
上一篇看了el-form,功能比较简单,现在来看看el-form-item <!--el-form-item源码--> <template> <div class="el-form-item" :class="[{ 'el-form-item--feedback': elForm &&a
关注道招网公众帐号
道招开发者二群