- 博客(6)
- 问答 (1)
- 收藏
- 关注
原创 Vue3.0移动端适配自适应
1、安装 lib-flexible npm install lib-flexible --save-dev 2、在main.js中引入lib-flexible import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' // px2rem 自适应 import 'lib-flexible' createApp(App).use(s
2021-07-08 10:52:20
1348
1
原创 React Hook中useEffect代替的生命周期
简单介绍一下hook中useEffect在函数组件使用可以代替类组件中的哪些生命周期和写法 1、useEffect代替componentDidMount的写法 类组件的写法 class Example extends React.Component { componentDidMount() { console.log('Did mount!'); } render() { return <div></div>; } } 函数组件的写法 func
2021-07-02 20:20:58
2129
3
原创 简单实现Vue2.0(Object.defineProperty)和Vue3.0(Proxy)的数据双向绑定
下面展示一些 内联代码片。 vue2中通过Object.defineProperty实现数据双向绑定 <body> <input type="text" id="ipt" > <h1 id="h1"></h1> <script> let obj = { val:"" } //每次修改obj对象中的val会造成死循环,所以我们需要定义一个新对象作为中间人
2021-07-02 19:46:51
340
原创 重绘和回流
**重绘:**当dom树中的一些元素需要更新属性时,但是这个属性只影响外观、 分格、而不影响布局,这就叫重绘! **回流:**当dom树中的一部分或全部,因为元素的大小、位置、布局、隐藏,而改变时需要重新构建,这就叫回流! **注:**回流一定会引起重绘,重绘不一定引起回流 ...
2021-06-29 19:39:25
146
原创 防抖节流的概念和使用
定义:防抖与节流是一种最常用的高频操作优化方式,能对性能有较大的帮助。 防抖 将多次高频操作优化为只在最后一次操作执行 使用场景 用户输入(模糊搜索) 下面是封装的防抖方法 //防抖方法 //两个参数:fn函数(我们需要执行的操作)、delay(时间) const debouned = (fn, delay) =>{ //判断window上的times是否有值 if (window.times){ //有值就清除(相当于终止了上次的setTimeout) clea
2021-06-25 21:58:41
377
原创 watch 和 computed 差异
watch : 是进行数据监听,然后进行相应的操作,执行方法等 conputed 和 methods 的合体使用,比较耗性能,与 vue 性能优化相背而驰,尽量减少使用! computed : 是数据改变进行 相应的数据变化,由老数据迸发新的数据(return 返回), 会利用缓存机制对数据进行缓存 ,只有当依赖数据变化的 时候才会进行相应的变化 ...
2021-06-25 20:03:09
266
4
空空如也
前端导出excel如何添加水印?
2022-02-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅