
笔记
叉有熊
这个作者很懒,什么都没留下…
展开
-
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 · 158 阅读 · 0 评论 -
手写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 · 123 阅读 · 0 评论 -
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 · 107 阅读 · 0 评论 -
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 · 147 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 1297 阅读 · 0 评论 -
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 · 1174 阅读 · 0 评论 -
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 · 157 阅读 · 0 评论