鹿杖客的博客

愿所以人都摆脱冷气,只是向上走

vue中webpack 配置的注释

什么是webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Sass,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。在3.0出现后,Webpack还肩负起了优化项目的责任。 ...

2019-06-12 16:50:11

阅读数 2

评论数 0

重绘与重排

什么是重绘和重排 重绘就是重新绘制(repaint) 重排就是重新排列(reflow) DOM发生改变的时候触发重排,使DOM重新排列,重绘不一定会重排,但是重排一定发生重绘,重绘和重排都会耗费浏览器的性能,尽量避免 网页如何生成 解析html绘制DOM树 解析css绘制CSS树 生成rend...

2019-01-10 15:27:15

阅读数 229

评论数 0

vue中Mixins 与 Hoc

什么是mixins 在官方文档中 混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 // 定义一个混入对象 var myMixin = { created: func...

2019-01-10 15:25:55

阅读数 278

评论数 0

跨域全解,看这个就够了

为什么要跨域 由于浏览器同源策略,限制同一个源加载文档与另一个源进行交互,用来隔离恶意的攻击。 如果没有同源策略限制会导致 针对接口:在登录上使用cookie来判断是谁发送的请求,服务器验证响应头加入set-cookie,下次请求时候,浏览器自动将cookie附在http请求头字段cookie,如...

2018-11-08 11:27:46

阅读数 63

评论数 0

缺省协议和浏览器缓存

缺省协议 /缺省协议的使用,代表资源访问的协议和当前页面保持一致,如果页面是http,//就代表http,如果页面是http,也是如此。许多cdn也是如此, //是缺省协议的写法 //jb51.net/css/ 缺省协议的优缺点 本地调试时候,协议为文件协议(file://); 这样这个文件就不...

2018-11-07 17:38:40

阅读数 53

评论数 0

vue 构造函数---vue源码解析(3)

介绍 使用vue时候,要先new操作符调用,说明Vue是一个构造函数,所以我们首先要把vue的构造函数搞清楚 Vue构造函数的原型 npm run dev "dev": "rollup -w -c scripts/con...

2018-11-02 18:11:34

阅读数 87

评论数 0

箭头函数详解

箭头函数与普通函数不同 1:箭头函数不能使用new 2:箭头函数不能使用arguments,使用 rest参数 … var a = (...A)=>{ console.log(A) } 3:箭头函数指向 先看一个栗子 var obj = { a:10...

2018-11-01 18:01:25

阅读数 59

评论数 0

call,apply,bind

函数的三种角色 length 形参的个数 name:函数名 prototype:类的原型,在原型上定义方法都是当前类实例的公有方法 _proto:把函数当成普通对象,指向Function类的原型 function Fn(){ var num = 500; this.x = 10...

2018-11-01 14:50:56

阅读数 33

评论数 0

什么是AMD,CommonJS,UMD(2)

模块规范 JS组件生态系统稳步增加,但是组件之间互相引入导致组件混乱,为了解决问题,互为对手的AMD和CommonJS出现,他们可以让开发者在约定的沙箱以模块化的形式编写自己的代码。 AMD 异步模块定义 RequireJS目前是现在最流行的实现方式 例如foo模块依赖于jquery // ...

2018-10-30 17:59:57

阅读数 36

评论数 0

vue源码探究---读vue技术揭秘(1)

需要了解 RollUp Flow RollUp Rollup是一个js的模块打包器,可以将小块代码编译成大块复杂代码,那为什么这样做呢,为了降低开发问题时候的复杂度 Tree-shaking(摇树优化) 除了使用ES6的模块外,Rollup还能静态分析代码中的import // 使用 ES6...

2018-10-30 17:58:36

阅读数 190

评论数 0

数据类型与es6 复习

之前做一个项目,老是不系统了解,年底做完了,总结一下 参考:es6小技巧 数据类型 1:数据类型 六种 es6增加了第七种symbol 数值number 字符串 string 布尔值 boolean undefined 未定义 null 空值 对象 obj...

2018-02-11 09:57:33

阅读数 60

评论数 0

vue 组件与通信与vuex与computed与生命周期(2)

二:vuex 先看官方文档 Vuex 官方文档:https://vuex.vuejs.org/zh-cn/ vuex 是一个专为vue应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 vuex 不同于localst...

2018-02-09 17:53:24

阅读数 1727

评论数 0

vue 组件与通信与vuex与computed与生命周期(1)

一:组件 1:先看官方文档 ——– 什么是组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生...

2018-02-09 16:58:49

阅读数 743

评论数 0

webpack 二次总结

前言:在6月份的时候写了一个关于vue-cli的webpack探究,当时似懂非懂,现在回过头来,感觉还是欠缺不少,这次看了技术胖的博客,感觉受益匪浅 技术胖博客 1:webpack介绍 webpack 模块打包机 目的:分析你的目录接口,找到JavaScript模块以及其他一些浏览器不...

2018-02-01 01:26:57

阅读数 134

评论数 0

node.js学习(3)

一:网络操作 1:简介 通过node.js可以编写服务端的程序协助前端和测试,还需要http协议和socket协议 var http = require(‘http’); http.createServer(function(request,response){ respon...

2018-01-23 11:18:26

阅读数 70

评论数 0

node.js学习(2)

node.js 模块学习 学习一门新语言,就要学习它的api。(ps:这笔记其实早写好了,前几天做个h5,没时间排版,等h5结束了,再总结。) 1:nodejs 文件操作 node.js不只是能做网络编程,还能操作文件 基本api (1)小文件拷贝 var fs = requi...

2018-01-19 18:37:46

阅读数 48

评论数 0

年终总结之数组

今天看到了一篇文章,关于数组的,想想年终了,总结下自己所学的 文章地址:数组总结 1:创建数组 var colors = []; var colors = ['red','blue']; var arr = new Array(); var arr2 = new Array(10)...

2018-01-16 09:55:35

阅读数 101

评论数 0

node.js学习(1)

之前用koa2+mysql,和koa2+mongodb仿过一个多人博客论坛和个人博客,但对于node还是感觉没有入门,所以就有了下面的博客。 本文参考了七天学会node.js,算了做笔记了 链接:七天学会node.js node.js中文api文档:api文档 1:node.js ...

2018-01-15 17:54:16

阅读数 59

评论数 0

call和apply用法

一直都知道call和apply,用的真的很少,今天想起来了,就随便说说吧 1:基本用法 看到call和apply,大家想到的应该都是一句话 改变对象执行的上下文 2:apply和call的用法 其实call和apply的用意简单来说都一样,就是改变this 的指向 这也是他们的相...

2018-01-15 11:56:00

阅读数 56

评论数 0

vue-cli 遇到的问题

1:切换子路由时,数据不刷新,在子路由进入时,观察watch 代码: watch:{ '$route'(to,from){ const toDepth = to.path.split('/').length const fromDepth ...

2017-09-07 10:21:24

阅读数 120

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭