从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 之类的就不能用了,这里是靠删除+新增来模拟的移动。
这里没有在数组里面用纯数字,一是因为这样不显示,真实的vueJavascript实现翻页器 需求:
写个函数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 'vuevue里面使用debounce,throttle注意点 我们有时在自己的vue项目中不可避免的要监听类似scroll事件的,这是如果相对性能影响少点,只能会想到debounce防抖之类的。但是我们要注意了,addEventListener和removeEventListener必须要是同一个函数才行哦,不然removeEventListener是无法移除事件的,这样就容易造成内存泄露了。
平时我们的debounce一般这么用
methodselement-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 关注道招网公众帐号

联系博主
