- 博客(109)
- 收藏
- 关注
原创 vue-virtual-scroller和vue-virtual-scroll-list长列表虚拟滚动两个插件的用法
当我们遇到移动端有大量的数据需要展示,我们一般想到的方法就是分页处理,但是如何不能用分页处理的话怎么办呢,如果直接展示的话,浏览器出出现大量的重绘和回流,大家都知道这两个时非常消耗性能的,所以会非常的卡顿慢。由此我们选用虚拟滚动的方法来解决这个问题,只渲染固定高度的列表。
2023-05-16 17:44:44
1229
原创 CommonJS模块和ES6模块的区别
1.CommonJS的require语法是同步的。2.CommonJS输出的是一个值的拷贝。3.CommonJS是运行时加载。2.ES6输出的是一个值的引用。3.ES6模块是编译时输出接口。
2023-04-24 10:58:05
253
原创 字符串转化为对象的方法
只能转化标准的JSON字符串(键必须是字符串,字符串必须使用双引号括起来)转化标准json字符串使用JSON.parse(),否则用function。如果不希望转化后是js语句,可使用括号将字符串包裹起来。非必要别用eval ,尽量使用Function代替。将字符串转化为js语句,并执行。
2023-04-07 16:36:44
1130
原创 样式穿透原理及写法
这样如果需要给子组件的元素修改样式就不能直接修改了,需要使用到样式穿透。在什么情况下scoped会添加标记?css、stylus写法。
2023-03-29 11:35:28
171
原创 babel-plugin-component如何配置按需引入
安装之后在项目根目录下创建.babelrc最新版本的脚手架可能改为babel.config,js。这样我们可以直接在项目中这样引入组件,新建一个文件夹element,下创建index.js。插件会帮我们自动解析注册组件和对应的样式。
2023-03-21 17:12:03
789
原创 react生命周期
一、初始化阶段:由ReactDOM.render()触发初次渲染1.constructor2.componentWillMount3.render()4.componentDidMount()二、更新阶段:由组件内部this.setState()火父组件更新render触发1.shouldComponentUpdate()2.componentWillUpdate()3.render()4.componentDidUpdate()三、卸载组件:由ReactDOM.unmountComp
2023-03-15 09:49:01
168
原创 项目打包后chunk-vendors.js体积过大如何优化
chunk-vendors.js不是我们自己写的模块包。他是捆绑所有不是自己的模块,而是来自其他方的模块的捆绑包,它们称为第三方模块或供应商模块。项目 /node_modules 目录的所有模块,会将所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中。
2023-02-23 16:19:32
2144
原创 responseType几种类型
responseType值 xhr.response 数据类型 说明。xhr.response的数据类型。响应responseType。
2023-01-05 10:01:56
1421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人