- 博客(14)
- 收藏
- 关注
RSS订阅原创 Reduce实践与实现
作用按顺序返回数组中的上一个元素与当前处理元素，用以处理一些复杂的逻辑参数callback：prev 上一个元素， 如果传入初始值，则为初始值， 默认为第一个元素curr 当前处理元素， 如果有初始值，则为第一个元素， 默认为第二个元素index 下标， 如果有初始值， 则为0， 默认为1arr 当前处理的数组initValue： 初始值使用[1,2,3,4].reduce((prev, current, index)=>{ return current},
2021-08-16 20:04:18
125
原创 变量提升与预解析
js预析三个要素：var方法参数function预解析过程就是变量提升的过程，每当出现这三要素之一，首先形成预先解析空间，预解析完成以后，再逐行执行。如果在本作用域中没有找到值得定义，那么将会向上查找，形成作用域链什么是作用域？个人理解：一段解析空间配合题目加深理解：console.log(a)var a = 1;console.log(a)function a(){ console.log(1)}var a = 2;console.log(a)function
2020-12-23 11:08:55
268
原创 Less 进阶使用及常见问题
大纲函数判断语句运算符循环语句数组与数组函数Mixin使用自定义函数常见问题函数.testfn(); // 函数后面要加分号.testfn(){ // 返回变量 或 类名 @color: red .background-color{ background-color: white }}.testfn1();.testfn1(@var1:1){ // 参数默认值 @color: red .background-co
2020-12-22 16:35:33
701
原创 Ts+Cra项目 文件路径别名不生效问题
在配置完成启动项目时发现，tsconfig.json中的paths配置项被删除。导致编译时一直找不到文件经过一番查找，后来得知原因可能是项目启动时tsconfig.json被重写。避免重写的办法：新建一个ts.paths.json文件，内容如下：{ "compilerOptions":{ "paths": { "@/*": ["./src/*"] } }}然后再tsconfig.json中使用extends方法引入：{
2020-12-22 16:31:33
1070
原创 代码提交时自动格式化配置
前言多人合作的问题就在于大家代码风格都不一样，有了代码提交时自动格式化，可以避免再开发过程中去考虑代码格式的问题（经常气的想关掉eslint），同时保证了一定的规范性husky一个git钩子工具，这里主要用pre-commit钩子。通俗点讲就是husky可以在你commit之前帮你做一些事情。prettier一个很流行的代码格式化工具，你很容易在编辑器找到实现它的各种插件，像vscode,atom,webstom都可以找到。这里用它在代码提交前做代码格式化。eslint代码检查工具。eslin
2020-12-22 16:30:02
1257
原创 Yarn记录
常用命令：查看全局安装路径yarn global dir设置全局安装路径yarn config set global-folder '路径'设置全局缓存路径yarn config cache-folder '路径'全局安装yarn global add [packname]全局卸载yarn global remove [packname]安装当前所有依赖yarn install安装yarn add [packname]yarn add [packname]@[v]
2020-12-22 16:25:28
100
原创 gulp使用指北
因为公司业务需求，需要用到gulp。但是第一次使用，于是有了这篇使用指南。gulp的概念与作用概念：基于流（stream）的自动化构建工具作用：压缩合并js、css文件图片优化添加文件指纹项目按需打包项目实时刷新预编译服务代理eslint…Global字符片段与分隔符gulp 将 / （一个斜杠）作为分隔符简单说就是以 / （一个斜杠）为分割单位进行分割view/script这里view/script 将被视为两个字符片段特殊字符： *（一个星号）可以匹配一个字
2020-08-31 23:16:21
182
原创 instanceof与typeof详解
instanceof与typeof的区别typeof 判断 值得类型instanceof 判断 是否是某一对象的实例console.log(typeof 11) // numberconsole.log( {} instanceof Object ) // true typeof有哪些值stringnumberobjectundefinedsymbolfunctionboolean// stringconsole.log( typeof '一一' === string )
2020-08-12 00:41:22
266
1
原创 Http缓存小结
http缓存：强缓存200协议缓存304强缓存浏览器判断本地缓存没有过期，就直接使用，不需要再发起http请求1.Cache-Control参数：private: 可以进行缓存pubilc: 客户端与服务端都可以进行缓存 （ 对于前端来说 与 private 是一样的max-age: 最大缓存时间no-cache: 需要进行协议缓存no-store: 不进行缓存2.Expireshttp1.0时代的api如果设置了cache-control： max-age 则不会生效
2020-08-11 12:48:03
141
原创 JS中的继承—继承的几种方式
个人理解：所有实现继承的实现主要是根据 原型链，构造属性来完成。根据设计规范所衍生出了不同的方法在Objec.create方法出现之前，主要依靠三种方法：原型链继承构造函数继承组合继承（原型继承 + 构造继承）在Objec.create方法出现之后，衍生出了另外三种：原型式继承寄生式继承寄生组合继承ES6规范出台后：class 类Object.create()接收两个参数：proto, 创建对象的原型对象 , 默认为 Object.prototypeproper
2020-08-09 14:47:33
277
原创 CMD UMD AMD CommonJS ES6的特点及差异
原因：为了解决 文件模块化 以及 加载问题CommonJS同步加载依赖（速度慢）运行后缓存结果应用于服务端（因为加载的模块多存储在本地，加载速度较快，所以不考虑异步）输出运行得到的值的拷贝AMD：异步加载依赖（速度快）预加载所有模块（浪费资源）使用时执行（性能较高）更适用于浏览器端（避免加载模块时导致的页面假死）CMD同步加载依赖（速度慢）懒加载、使用时加载依赖（节约资源）使用时定义依赖（性能较差）适用于服务端ES6异步加载依赖编译时执行输出值的引用
2020-08-07 00:53:03
368
原创 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
317
原创 JS中的继承—原型篇
原型对象一个对象的基本描述， 它本身是一个普通对象当我们在创建一个对象时，这个对象往往会附加一些基本属性，这些基本属性则被称之为原型对象const person = {}console.log( person.__proto__ )// 每一个普通对象都有 __proto__ 属性function person (){}console.log( person.prototype ) // 每个函数对象都有prototype属性// prototype 和 __proto__ 包含了对象
2020-08-06 23:48:29
135
原创 react入门指南（全过程）
react项目的创建流程基于create-react-app的完整项目所需要的依赖：安装 create-react-app安装 react-router-dom安装 react（可选）安装 redux-redux（可选）项目流程创建一个挂载实例的根文件 创建路由创建状态store(可选)这样就可以简单的在本地跑起项目关于create-react-app手脚架创建的...
2019-03-19 16:28:45
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人