- 博客(10)
- 收藏
- 关注
原创 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
157
原创 手写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
119
原创 我觉得我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
1350
原创 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
106
原创 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
146
原创 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
127
原创 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
1294
原创 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
1161
原创 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
435
原创 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
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人