07 2021 档案

面试中经常被问到，介绍一下“重绘（repaint）”与“回流（reflow）”
摘要：1.了解浏览器的渲染机制 ①浏览器采用流式布局模型。 ②首先浏览器会将HTML解析成DOM，把CSS解析成CSSOM，把CSSOM与DOM结合产生render tree。 ③有render tree之后，我们知道了节点样式，然后浏览器会计算节点的位置，然后把节点绘制到页面上。 总结：回流一定会引起重 阅读全文
posted @ 2021-07-15 14:01 onceweb 阅读(235) 评论(0) 推荐(0)
javascript深拷贝
摘要：**** **********什么是深拷贝？：把数组/对象所有层的值，复制到新的数组/对象中********** **********如何实现深拷贝？：①创建新数组/对象②判断基础类型，直接赋值③判断对象类型，递归调用函数，继续创建判断********** ①思考下面问题，希望用10秒钟作答 let 阅读全文
posted @ 2021-07-10 18:13 onceweb 阅读(53) 评论(0) 推荐(0)
javascript浅拷贝
摘要：拷贝：准备一个新的数组/对象，把旧的内值复制过来 **********浅拷贝：把数组/对象第一层的值，复制到新的数组/对象中********** **********浅拷贝使用场景？：修改数组/对象，影响另一个数组/对象，'砍断'它们的联系********** **********如何实现浅拷贝？： 阅读全文
posted @ 2021-07-10 17:11 onceweb 阅读(30) 评论(0) 推荐(0)
vue-router路由标题title修改
摘要：tag="li" //标签 linkActiveClass:'active'//class const Home = () => import('../components/Home')//异步加载组件 一、在routes中添加，例如:meta添加title const routes = [ {pa 阅读全文
posted @ 2021-07-09 22:27 onceweb 阅读(4896) 评论(0) 推荐(0)
eslint报错
摘要：module Error (from ./node_modules/eslint-loader/index.js) error:unexpected console statement (no-console) at src/components/xxx.vue:xx:xx 在xxx.vue文件中的 阅读全文
posted @ 2021-07-09 22:05 onceweb 阅读(27) 评论(0) 推荐(0)
Proxy的set方法---数组可以触发
摘要：let obj = [10,20,30] // 创建一个代理对象 let obj2 = new Proxy(obj, { get(target, property){ // 什么时候执行？？ // 获取obj2的属性的时候执行这里的代码 // target就是obj // property就是想要获 阅读全文
posted @ 2021-07-04 22:11 onceweb 阅读(188) 评论(0) 推荐(0)
Vue2中的set方法---数组不可以触发
摘要：Vue的双向数据绑定原理：借助Object.defineProperty()对数据进行劫持，并结合发布-订阅者模式，来实现双向数据绑定 <div id='app'> <input type="text" v-model="iptVal"> <p>{{iptVal}}</p> </div> <scri 阅读全文
posted @ 2021-07-04 22:10 onceweb 阅读(241) 评论(0) 推荐(0)
Vue3.0双向数据绑定
摘要：html代码： <input type="text" id="ipt" > <p id="op"></p> JavaScript代码： let obj = { txtVal:"默认值" } function myReactive(obj){ return new Proxy(obj,{ get(ta 阅读全文
posted @ 2021-07-04 22:00 onceweb 阅读(124) 评论(0) 推荐(0)
Proxy的set方法
摘要：let obj = { name:"Vue", age:7 } // 创建一个代理对象 let obj2 = new Proxy(obj, { get(target, property){ // 什么时候执行？？ // 获取obj2的属性的时候执行这里的代码 // target就是obj // pr 阅读全文
posted @ 2021-07-04 21:54 onceweb 阅读(308) 评论(0) 推荐(1)
Proxy的get方法
摘要：//创建对象 let obj = { name:"Vue", age:7 } // 创建一个代理对象 let obj2 = new Proxy(obj, { get(target, property){ // 什么时候执行？？ // 获取obj2的属性的时候执行这里的代码 // target就是ob 阅读全文
posted @ 2021-07-04 20:26 onceweb 阅读(191) 评论(0) 推荐(0)
vant-weapp的toast
摘要：开发小程序时用npm安装vant-weapp参考官方引入到xxx.js import Toast from 'path/to/@vant/weapp/dist/toast/toast'; 把路径替换成和下面一样就可以了 import Toast from '@vant/weapp/toast/toa 阅读全文
posted @ 2021-07-01 19:57 onceweb 阅读(314) 评论(0) 推荐(0)