04 2020 档案
摘要：css的处理： 1 css在dev环境下，可以打包在 html的 style中 { test: /\.css$/, // loader 的执行顺序是：从后往前 loader: ['style-loader', 'css-loader', 'postcss-loader'] // 加了 postcss
阅读全文
摘要：1.react 异步加载 React性能优化 1. 渲染列表时加 key 2. 自定义事件、DOM事件及时销毁 3. 合理使用异步组件 4. 减少函数 bind this 的次数（把band放在constructor中） 5.合理使用SCU PureComponent和memo 6.合理使用 imm
阅读全文
摘要：1 react的事件是统一合成事件 为何要合成事件机制优点： 1.更好的兼容性和跨平台； 2.挂载到 document，减少内存消耗，避免频繁解绑； 3.方便事件的统一管理（如事务机制） setState和batchUpdata 1.有时异步（普通使用），有时同步（setTimeout、DOM事件）
阅读全文
摘要：1 正则表达式在线工具 http://regexper.com eg1:查找单词is 结果 \bis\b eg2:去掉http协议的jpg文件的协议头 http://img.host.com/images/fsda.jpg http://img.host.com/images/fsda.png ht
阅读全文
摘要：有关Vue相关知识的汇总，从基础到原理 兄弟组件之间相互传递数据 首先创建一个vue的空白实例（兄弟间的桥梁） 两个兄弟之间建立一个js文件 子组件 childa 发送方使用 $emit 自定义事件把数据带过去 自组件childb 父组件： 父组件与自组件之间的生命周期 父组件 created 子组
阅读全文
摘要：react相关知识汇总 react的相关知识汇总 1. react的绑定事件 1.1 使用 bind 在 constructor 中绑定this； 1.2 使用箭头函数，因为箭头函数没有this，this指向当前实例； 1.3 event事件是react的模拟事件 1. event 是 Synthe
阅读全文
摘要：vue router的实现原理简介 如何在vue中使用vue router? 1.Vue使用插件，即调用Vue的use方法； 2.实例化router，并配置router的配置对象，含routes路由； 3.在vue实例上配置router实例； 4.使用 5.效果 点击home，form，helloW
阅读全文
摘要：1 全局变量和局部变量 1.1 let、const 1. 在es5中，存在全局作用域和函数作用域，没有块级作用域的概念； 2. 在es6中，新增了块级作用域，由大括号构成； 3. 、`const` 因为暂时性死区的原因，不能在声明前使用。 4. 在全局作用域下声明变量会导致变量挂载在 上，其他两者不
阅读全文
摘要：如果不想让ts检查某个文件，在文件的最上面写上： //@ts-nocheck
阅读全文
摘要：create-react-app 脚手架已经内置了 Jest 测试功能，只需要在命令行中执行，则实时监听测试文件 npx jest 文件名 --watch ReactTestUtils 可搭配你所选的测试框架，轻松实现 React 组件测试。http://zh-hans.reactjs.org/do
阅读全文
摘要：1. 使用命令安装初始化： npx create-react-app myUI --typescript 2. 组件库使用eslint， 新建 .vscode/settings.json 文件 { "eslint.validate": [ "javascript", "javascriptreact
阅读全文
摘要：1 使用了react官方脚手架：create-react-app https://github.com/facebook/create-react-app npm run eject 可以打开配置文件 自定义配置文件 执行安装： npx create-react-app ts-with-react
阅读全文
摘要：1. 网站示例：http://vikingship.xyz/?path=/story/%E6%AC%A2%E8%BF%8E%E6%9D%A5%E5%88%B0%E8%AF%BE%E7%A8%8B--welcome 2. npm地址：https://www.npmjs.com/package/viki
阅读全文
