道招
锅巴匆匆
从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
关注道招网公众帐号
消息推送
道招网关注互联网，分享IT资讯，前沿科技、编程技术，是否允许文章更新后推送通知消息。
允许
不用了