自定义博客皮肤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-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

空空如也

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

TA关注的人

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