前端
文章平均质量分 67
Miniature.
这个作者很懒,什么都没留下…
展开
-
React Hooks学习
使用hooks理由1. 高阶组件为了复用,导致代码层级复杂2. 生命周期的复杂3. 写成functional组件,无状态组件 ,因为需要状态,又改成了class,成本高原创 2023-12-13 17:59:42 · 345 阅读 · 1 评论 -
React类式组件和函数式组件的区别
(2)必须继承自React.Component类。(1)使用ES6的类语法定义组件。原创 2023-10-18 15:56:02 · 57 阅读 · 1 评论 -
前端跨域的处理方式
b.qq.com 设置document.domain为qq.com,那么他俩就能互相通信了,不受跨域限制了。在发送消息的时候,如果目标窗口的协议、主机地址或端口这三者的任意一项不匹配targetOrigin提供的值,那么消息就不会被发送;(做法:动态插入script标签,设置其src 属性指向提供JSONP 服务的URL地址,查询字符串中加入 callback 指定回调函数,返回的 JSON 被包裹在回调函数中以字符串的形式被返回,需将 script标签插入 body 底部)。原创 2023-08-23 22:01:41 · 52 阅读 · 0 评论 -
前端性能优化技巧
data中的所有数据都会被劫持,所以将数据尽可能扁平化,如果数据只是用来渲染可以使用Object.freeze,可以将数据冻结起来,这样就不会增加getter和setter。,其他非响应式数据不需要放在data中,data中的数据都会增加getter和setter,会收集对应的 watcher,这样就会降低性能。因为组件粒度最细,改组件的数组,它只会渲染当前的组件。造成进入首页时,需要加载的内容过多,时间过长,会造成长时间的白屏,即使做了loading也是不利于用户体验,原创 2023-08-22 22:50:04 · 73 阅读 · 1 评论 -
强缓存和协商缓存的区别
缓存的原理是在首次请求后保存一份请求资源的响应副本,当用户再次发起相同请求后,如果判断缓存命中则拦截请求,将之前存储的响应副本返回给用户,从而避免重新向服务器发起资源请求。私有缓存指的是只能单独被用户使用的缓存,如浏览器缓存。算是前端开发中最常接触的缓存机制之一,它又可细分为强制缓存和协商缓存,二者最大的区别在于判断缓存命中时,浏览器是否需要向服务器端进行询问以协商缓存的相关信息,进而判断是否需要就响应内容进行重新请求。原创 2023-08-06 23:07:38 · 60 阅读 · 0 评论