当前位置: 首页 > Web前端 > vue.js

2022.01遇到的知识点总结

时间:2023-03-31 18:19:12 vue.js

1.属性和属性有什么区别?property为js属性,修改js对象;attribute为html属性,通过getAttribute和setAttribute查询和修改html属性;get和set属性时,会触发dom查询或重绘重排,频繁操作会影响页面性能;2.可以做点统计。将url设置为后端接口地址。每次进入页面都会加载图片并请求url。后端可以利用它来进行统计。这种方案的优点:跨域,可以避免同源策略;几乎没有浏览器兼容性问题;缺点:有些网站会屏蔽图片;3.不透明度和可见性不透明度:0;无形与有形可见性:隐藏;它是看不见摸不着的,所以当你想隐藏元素和有动画效果的时候,需要两者结合使用。.test{不透明度:0;可见性:隐藏;过渡:不透明度0.3s,可见性0.3s;&.show{可见性:可见;不透明度:1;}}4.float的破坏性浮动会导致父标签崩溃,原因是float会使元素脱离文档流。根本原因是float的初衷是为了解决文字包围图片的问题。所有浮动元素的父容器应该是clearfix:.clearfix:after{content:'';显示:表格;清除:两者;}.clearfix{*缩放:1;/*兼容低版本ie*/}5.element-plus的分页组件el-pagination默认为英文copy如何显示为中文?方法一:适合全部导入importElementPlusfrom'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn'app.use(ElementPlus,{locale:zhCn})方法二:适合按需Importimport{ElPagniation}from'element-plus'importlangfrom'element-plus/lib/locale/lang/zh-cn'import{useaslocaleUse}from'element-plus/lib/locale'localeUse(lang)app.use(ElPagniation)方法三:适用于自动引入import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/lib/locale/lang/zh-cn'6.proxyoverdefineProperty的优点Object.defineProperty必须预先劫持属性,劫持属性被监控。后面添加的属性需要再次手动劫持。proxy代理的是整个对象,没有提前劫持,也没有在添加属性时手动劫持,属性发生变化时通过get/set获取通知。