- 博客(10)
- 收藏
- 关注
RSS订阅原创 apply与bind实现
apply /* 允许使用es6 */ // Function.prototype.apply2 = function (context, args) { // let fun_name = Symbol() // context.fun_name = this // let value = context.fun_name(...args) // delete context.fun_name // return.
2021-05-07 11:40:13
124
原创 手写js的call
/* 允许使用es6 */ // Function.prototype.call = function (object) { // let fun_name = Symbol() // object.fun_name = this // let arr = Array.from(arguments).slice(1) // let value = object.fun_name(...arr) // delete objec
2021-05-03 21:01:44
93
原创 我觉得我eslint格式化失效了？？？
eslint没有格式化了？？？网上教程统统失效了，原来eslint没有修复代码，每次CTRL +s我都以为是eslint修复的代码，其实是prettier修复的啦。你需要对prettier进行配置，而不是傻傻的找eslint文档，当然我就傻傻去找eslint文档了。"editor.codeActionsOnSave": { "source.fixAll.tslint": true, "source.fixAll.eslint": true },这个大家一般都配置了，我开始也以为是
2021-04-08 22:32:32
1282
原创 webpack学习笔记(三)
1.html中img标签的图片处理npm i html-withimg-loadermodule:{rules:[{ test: /\.(htm|html)$/i, loader: 'html-withimg-loader' }]} { test: /\.(png|jpg)$/, use: { loader: 'url-loader',//url-loader可以对图片 进行配置
2021-03-31 16:16:49
74
原创 webpack学习笔记(二)
loader1.处理css文件npm i css-loader style-loader -Dmodule: { rules: [ { //匹配规则，使用正则表达式 test: /\.css$/, //'style-loader'需要在 'css-loader'前面，loader是从右往左执行的 use: ['style-loader', 'css-loader'] } ] }css-l
2021-03-29 17:00:06
119
原创 webpack学习笔记(一)
1.在项目安装webpacknpm i webpack webpack-cli -D2.npx webpack打包3.浏览器无法使用commonJs规范，而commonJs规范webpack打包后代码可以在浏览器运行（require导入module.exports导入）4配置（入口entry，出口output，loader，plugin，mode）在根目录创建webpack.config.jsconst path = require('path')module.exports = { mo
2021-03-23 14:07:47
83
原创 ts测试代码
是js的超集，TypeScript 通过类型注解提供编译时的静态类型检查。1.npm install typescript -g2. 编译为tsc **.ts3.ts初始化tsc --init 可以在outdir和rootdir中设置输出目录和源文件存放位置，strict：true开启严格模式，使用tsc -p tsconfig.json进行编译//numberlet num: number = 100num = parseInt('1000')//stringvar names /*s.
2021-03-19 10:51:57
1176
原创 react-virtualized的scrollToPosition与scrollToRow
点击索引置顶该索引城市给索引列表绑定点击事件在点击事件中，通过index获取到当前项索引号调用List组件的 scrollToRow方法，让List组件滚动到指定行在constructor中，调用React.createRef() 创建ref对象将创建好的ref对象，添加为List组件的ref属性通过ref的current属性，获取到组件实例，再调用组件的scrollToRow方法设置List组件的scrollToAlignment配置项值为start，保证点击行出现在页面
2021-03-18 21:22:00
967
原创 vue3学习笔记
1.vue3是由ts重写的，由proxy实现的响应式数据2.优点1，性能比vue快了1.2~2倍。a.diff算法中与上次节点比较时只比较带有静态标记的。b.静态提升对于不更新的元素会做静态提升，只会被创建一次，下次渲染时直接复用。c，监听器缓存onclik会被视为动态绑定，所以每次都会去追踪它的变化，但是由于是同一个函数，所以没有追踪变化，而是缓存起来直接使用。b，ssr渲染当有大量静态内容时，这些内容会被当做纯字符推进buffer里面，即使存在动态绑定，也会通过模板插值嵌入进去，这样会
2021-03-11 21:12:48
380
原创 es6-generator学习笔记
Gennarator1.任意一个对象的Symbol.iterator方法，等于该对象的遍历器生成函数，调用该函数会返回该对象的一个遍历器对象。所以a[Symbol.iterator]().next()方法等于a的next（）方法，所以执行genatator函数生成的对象也是可以遍历的，可以使用扩展运算符和for of额外：对象有 for in方法 没有for of方法，for of方法需要对象实现iterator方法对象iterator方法简单实现：使用generator实现对象的ite
2021-03-11 21:06:09
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人