- 博客(6)
- 问答 (1)
- 收藏
- 关注
原创 Vue3.0移动端适配自适应
1、安装 lib-flexiblenpm install lib-flexible --save-dev2、在main.js中引入lib-flexibleimport { 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 1217 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 1879 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 237
原创 重绘和回流
**重绘:**当dom树中的一些元素需要更新属性时,但是这个属性只影响外观、 分格、而不影响布局,这就叫重绘!**回流:**当dom树中的一部分或全部,因为元素的大小、位置、布局、隐藏,而改变时需要重新构建,这就叫回流!**注:**回流一定会引起重绘,重绘不一定引起回流...
2021-06-29 19:39:25 89
原创 防抖节流的概念和使用
定义:防抖与节流是一种最常用的高频操作优化方式,能对性能有较大的帮助。防抖将多次高频操作优化为只在最后一次操作执行使用场景用户输入(模糊搜索)下面是封装的防抖方法//防抖方法//两个参数:fn函数(我们需要执行的操作)、delay(时间)const debouned = (fn, delay) =>{ //判断window上的times是否有值 if (window.times){ //有值就清除(相当于终止了上次的setTimeout) clea
2021-06-25 21:58:41 293
原创 watch 和 computed 差异
watch : 是进行数据监听,然后进行相应的操作,执行方法等 conputed 和 methods 的合体使用,比较耗性能,与 vue 性能优化相背而驰,尽量减少使用!computed : 是数据改变进行 相应的数据变化,由老数据迸发新的数据(return 返回), 会利用缓存机制对数据进行缓存 ,只有当依赖数据变化的 时候才会进行相应的变化...
2021-06-25 20:03:09 183 4
空空如也
前端导出excel如何添加水印?
2022-02-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人