2020年08月_一一.

原创 gulp使用指北

因为公司业务需求，需要用到gulp。但是第一次使用，于是有了这篇使用指南。 gulp的概念与作用概念：基于流（stream）的自动化构建工具作用：压缩合并js、css文件图片优化添加文件指纹项目按需打包项目实时刷新预编译服务代理 eslint… Global 字符片段与分隔符 gulp 将 / （一个斜杠）作为分隔符简单说就是以 / （一个斜杠）为分割单位进行分割 view/script 这里view/script 将被视为两个字符片段特殊字符： *（一个星号）可以匹配一个字

2020-08-31 23:16:21 201

原创 instanceof与typeof详解

instanceof与typeof的区别 typeof 判断值得类型 instanceof 判断是否是某一对象的实例 console.log(typeof 11) // number console.log( {} instanceof Object ) // true typeof有哪些值 string number object undefined symbol function boolean // string console.log( typeof '一一' === string )

2020-08-12 00:41:22 284 1

原创 Http缓存小结

http缓存：强缓存200 协议缓存304 强缓存浏览器判断本地缓存没有过期，就直接使用，不需要再发起http请求 1.Cache-Control 参数： private: 可以进行缓存 pubilc: 客户端与服务端都可以进行缓存（对于前端来说与 private 是一样的 max-age: 最大缓存时间 no-cache: 需要进行协议缓存 no-store: 不进行缓存 2.Expires http1.0时代的api 如果设置了cache-control： max-age 则不会生效

2020-08-11 12:48:03 154

原创 JS中的继承—继承的几种方式

个人理解：所有实现继承的实现主要是根据原型链，构造属性来完成。根据设计规范所衍生出了不同的方法在Objec.create方法出现之前，主要依靠三种方法：原型链继承构造函数继承组合继承（原型继承 + 构造继承）在Objec.create方法出现之后，衍生出了另外三种：原型式继承寄生式继承寄生组合继承 ES6规范出台后： class 类 Object.create() 接收两个参数： proto, 创建对象的原型对象 , 默认为 Object.prototype proper

2020-08-09 14:47:33 298

原创 CMD UMD AMD CommonJS ES6的特点及差异

原因：为了解决文件模块化以及加载问题 CommonJS 同步加载依赖（速度慢）运行后缓存结果应用于服务端（因为加载的模块多存储在本地，加载速度较快，所以不考虑异步）输出运行得到的值的拷贝 AMD：异步加载依赖（速度快）预加载所有模块（浪费资源）使用时执行（性能较高）更适用于浏览器端（避免加载模块时导致的页面假死） CMD 同步加载依赖（速度慢）懒加载、使用时加载依赖（节约资源）使用时定义依赖（性能较差）适用于服务端 ES6 异步加载依赖编译时执行输出值的引用

2020-08-07 00:53:03 392

原创 JS中的继承—构造函数与实例

实例概念实例可以当作一个对象的描述 const person = new Object() // person 是 Object的实例实例与对象的关系实例都是对象，而对象不都是实例 const chinese = { area: '亚洲', color: '黄', // ... } console.log( chinese.__proto__.constructor === Object ) // true // chinese 是 Object 的实例 // Ob

2020-08-07 00:37:14 330

原创 JS中的继承—原型篇

原型对象一个对象的基本描述，它本身是一个普通对象当我们在创建一个对象时，这个对象往往会附加一些基本属性，这些基本属性则被称之为原型对象 const person = {} console.log( person.__proto__ ) // 每一个普通对象都有 __proto__ 属性 function person (){} console.log( person.prototype ) // 每个函数对象都有prototype属性 // prototype 和 __proto__ 包含了对象

2020-08-06 23:48:29 148

Huhuf5的博客