长安城下翩翩少年

2020年11月19日

摘要： plugin 的本质类（构造函数） 1 重要概念 tapable 类 const { SyncHook, // 同步执行 SyncBailHook, // 同步执行，但是一旦有返回值，就执行退出，不再继续执行其他 AsyncParallelHook, // 异步并行执行 AsyncSerie 阅读全文

posted @ 2020-11-19 21:28 长安城下翩翩少年阅读(779) 评论(0) 推荐(0) 编辑

webpack 自定义 loader ？

摘要： loader的本质 - 函数 module.exports = function (content, source , meta){ this.callback(null,content,source,meta);// 同步loader const callback = this.async(); 阅读全文

posted @ 2020-11-19 21:21 长安城下翩翩少年阅读(304) 评论(0) 推荐(0) 编辑

webpack 基础篇？

摘要：一 webpack 配置五大重要概念？ 1.entry：入口文件 2.output:出口文件 3.loader：翻译官 4.plugin：插件 5.mode："development','production' 二 webpack 常用的loader 1.处理样式： [style-loader,c 阅读全文

posted @ 2020-11-19 21:11 长安城下翩翩少年阅读(126) 评论(0) 推荐(0) 编辑

webpack 是什么？

摘要：什么是webpack ？ webpack 是一种前端构建工具，前端静态资源打包工具。 webpack 是以入口文件开始递归便利所有依赖，生成一个静态依赖图 - chunk文件。再通过不同的loader对文件进行编译处理，最终生成一个bundle文件输出。为什么要使用webpack ？复杂的J 阅读全文

posted @ 2020-11-19 20:21 长安城下翩翩少年阅读(775) 评论(0) 推荐(0) 编辑

2020年11月18日

http 状态码总结

摘要：状态码 200 ：请求成功 300 ：重定向 400： Bad Request，传的参数有误 401： Unauthorized，未授权的，比如未登录，没有相应访问该接口的权限。 403： Forbidden，访问被服务器端拒绝。原因，需要后端给出一定的解释。比如并没有访问当前资源的权限等阅读全文

posted @ 2020-11-18 14:47 长安城下翩翩少年阅读(130) 评论(0) 推荐(0) 编辑

2020年11月17日

前端比较常用的库（欢迎补充交流）

摘要：一时间处理 moment.js 是一个优秀的时间格式处理库，但是库本身体积比较大，没有特定的需求，能够用dayjs 替代 dayjs 推荐使用二 js库 rxjs 库，是一个优秀的observable 数据流处理方案 lodash库是一个优秀的 javascript 工具库，比如节流，防阅读全文

posted @ 2020-11-17 18:13 长安城下翩翩少年阅读(640) 评论(0) 推荐(0) 编辑

react-create-app 中 webapck配置解析

摘要：一调出隐藏的webpack配置文件 npm run eject 发射出配置文件之后会出现两个文件夹，一个是config文件夹，一个是scripts文件夹。二 script 文件夹下 start.js 首先关注script文件夹的start.js 文件 - 定义环境变量为development，然阅读全文

posted @ 2020-11-17 15:46 长安城下翩翩少年阅读(2612) 评论(0) 推荐(0) 编辑

2020年11月11日

Cannot find module 'webpack-cli/bin/config-yargs

摘要： webpack5 ：启动 webpack-dev-server 报错： “Cannot find module 'webpack-cli/bin/config-yargs” 分析原因 webpack，webpack-cli 以及 webpack-dev-server版本不兼容解决方案：回退版阅读全文

posted @ 2020-11-11 19:53 长安城下翩翩少年阅读(164) 评论(0) 推荐(0) 编辑

2020年11月3日

TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'

摘要： ts使用枚举类型引用报错解决方案一：在对象接口中使用 keyof typeof 枚举变量 enum color { b = 'black', w = 'white', g = 'green' } interface Style{ bg:keyof typeof color, [key:string 阅读全文

posted @ 2020-11-03 11:03 长安城下翩翩少年阅读(5521) 评论(0) 推荐(0) 编辑

2020年10月29日

js 创建私有变量

摘要：一通过闭包存储 let CPrivate = function(value){ let _private = value; return { getValue:()=> _private, setValue:(value)=> {_private = value} } } 二通过Symbol创建阅读全文

posted @ 2020-10-29 18:09 长安城下翩翩少年阅读(464) 评论(0) 推荐(1) 编辑

报错集锦及解决方案

摘要：一 TS2538: Type 'symbol' cannot be used as an index type. ts 中使用 let 定义 Symbol类型值时候会报改错误，将let 改为const 即可。解析：Symbol的值为不可变的值，故应该定义为常量而不是变量阅读全文

posted @ 2020-10-29 10:27 长安城下翩翩少年阅读(344) 评论(0) 推荐(0) 编辑

字符串截取 slice，substr，substring 的区别

摘要：一只传递一个参数时候 let str = '0123456'; str.slice(5); //'56' str.substr(5); // '56' str.substring(5); // '56' str.slice(-2); // '56' str.substr(-2); // '56' 阅读全文

posted @ 2020-10-29 09:59 长安城下翩翩少年阅读(485) 评论(0) 推荐(0) 编辑

2020年10月21日

React.Component 和 React.PureComponent 、React.memo 的区别

摘要：一结论 React.Component 是没有做任何渲染优化的，但凡调用this.setState 就会执行render的刷新操作。 React.PureComponent 是继承自Component，并且对重写了shouldComponentUpdate周期函数，对 state 和 props 阅读全文

posted @ 2020-10-21 23:06 长安城下翩翩少年阅读(751) 评论(0) 推荐(0) 编辑

2020年10月19日

git 撤销push到远程仓库的无用commit

摘要：一回退代码 git reset <版本号> --soft // 软回退 - 所有的commit修改都被撤销了，且修改的代码统一撤回到暂存区 git reset <版本号> --hard // 硬回退，也叫暴力回退 - 回退版本后的所有commit以及修改的代码全部被撤销，谨慎使用二重新进行co 阅读全文

posted @ 2020-10-19 10:39 长安城下翩翩少年阅读(281) 评论(0) 推荐(0) 编辑

2020年10月16日

react中受控组件和非受控组件浅析

摘要：受控组件，非受控组件都是针对于 input，select，textarea 等表单元素的。一受控组件顾名思义，受控 - 能够被控制，简而言之也就是，组件的value 通过外部state控制，并通过onChange改变外部state。二非受控组件组件的value值不受外部的state决阅读全文

posted @ 2020-10-16 17:55 长安城下翩翩少年阅读(315) 评论(0) 推荐(0) 编辑