自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除