最近看了看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的估计都听过,并且看到源码的也不在少数。 先对下面的代码做下说明: 由于这里用的是数组内元素的有移动来模拟dom元素的移动,所以简单的 insertBefore 之类的就不能用了,这里是靠删除+新增来模拟的移动。 这里没有在数组里面用纯数字,一是因为这样不显示,真实的vue
需求: 写个函数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(
在查看webpack(及插件)源码的过程中,我们会经常看到类似这样的代码 compiler.hooks.done.tap('vue-cli-service serve',() => {}); // 或者 compilation.hooks.buildModule.tap("ProgressPlugin", moduleAdd); 或者
首先声明本文内容主要来自《You Don’t Know Js: Scope & Closures》中文版《你不知道的Javascript 上卷》,本人对于Javascript引擎、编译器和作用域的理解也主要源于该书与自己在控制台的调试,欢迎和大家一同学习交流。 编译原理 一般分为三个步骤: 1. 分词/词法分析 把代码片段分成对语言有意义的词法单元 2. 解析/语法分
我们先看html代码吧 <table> <caption>用div+css模拟类excel表格对角线(斜线)</caption> <tr> <th style="width:80px;"> <div class="out">
早期右边博文专门讲了下require.context的用法和简单用法介绍《用webpack的require.context() 简化你的代码》 这次说点自己在vue项目中的具体应用吧 store 首先看我的store的目录结构: 这里的每个文件夹都是一个module,所以在store/index.js里面可以这样写 import Vue from 'vue
我们有时在自己的vue项目中不可避免的要监听类似scroll事件的,这是如果相对性能影响少点,只能会想到debounce防抖之类的。但是我们要注意了,addEventListener和removeEventListener必须要是同一个函数才行哦,不然removeEventListener是无法移除事件的,这样就容易造成内存泄露了。 平时我们的debounce一般这么用 methods
关于表单校验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'
上一篇看了el-form,功能比较简单,现在来看看el-form-item <!--el-form-item源码--> <template> <div class="el-form-item" :class="[{ 'el-form-item--feedback': elForm &&a