会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
ajaXJson
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
···
15
下一页
2022年7月28日
单页面应用首屏加载速度慢怎么解决
摘要: 加载慢的原因 网络延时 资源文件体积是否过大 资源是否重复发送请求去加载了 加载脚本的时候,渲染内容堵塞了 解决方案 减小入口文件体积(方法:路由懒加载) 静态资源本地缓存(利用localStorage) UI框架按需加载 图片资源的压缩 组件重复打包 开启GZip加载(安装compression-
阅读全文
posted @ 2022-07-28 14:22 ajaXJson
阅读(101)
评论(0)
推荐(0)
2022年7月27日
子传父的3种方式
摘要: 1.Props传 通过Pros将父亲的methods方法传给子,子用 click来接收这个方法。 A(父) <template> <div> <B :cutPrice="cutPrice"></B> </div> </template> <script> import B from "./B.vue
阅读全文
posted @ 2022-07-27 11:14 ajaXJson
阅读(2487)
评论(0)
推荐(0)
2022年7月22日
Echarts 折线图
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-07-22 00:58 ajaXJson
阅读(80)
评论(0)
推荐(0)
Echarts 柱状图
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-07-22 00:57 ajaXJson
阅读(108)
评论(0)
推荐(0)
2022年6月9日
Vue 列表为什么加 key?
摘要: key值性能优化,diff算法节点比对,因为vue是虚拟DOM,更新DOM时用diff算法节点进行一一比对,比如有很多li元素,要在某个位置插入一个元素,但是li没有加key值,那么进行运算,将所有li元素重新渲染一边,但如果有key 那么就会对照key 比对li元素,,插入即可。不需要对其他元素进
阅读全文
posted @ 2022-06-09 11:12 ajaXJson
阅读(71)
评论(0)
推荐(0)
重绘与回流
摘要: 回流:当一个元素的位置、尺寸等发生改变的时候,浏览器需要重新计算该元素的几何属性并且摆放到正确的位置的过程叫做回流。一般像页面初次渲染,带有动画的元素,添加/删除功能,图片放大缩小,浏览器窗口发生改变的时候都会触发回流 重绘:当一个元素的外观、样式发生改变而布局不会改变,重新绘制的过程叫做重绘。 回
阅读全文
posted @ 2022-06-09 11:11 ajaXJson
阅读(38)
评论(0)
推荐(0)
浏览器输入URL发生了什么
摘要: 1.URL解析:判断是搜索内容还是请求URL2.查找本地缓存:如果有缓存直接返回给页面,没有缓存则进入网络请求阶段3.DNS解析4.通过3次握手建立TCP连接5.合成请求头信息,发送http请求6.处理响应信息7.通过四次握手释放TCP连接8.如果响应状态码301,则重定向9.浏览器进行页面渲染 1
阅读全文
posted @ 2022-06-09 11:10 ajaXJson
阅读(32)
评论(0)
推荐(0)
如何实现可过期localstorage数据
摘要: 因为localStorage只能长久保存整个网站上的数据,保存的数据没有过期时间,直到手动删除。1.惰性删除:键值对过期后不会立马删除,下次使用时检查到过期才得到删除。2.定时删除:每隔一段时间执行一次删除操作。
阅读全文
posted @ 2022-06-09 11:10 ajaXJson
阅读(145)
评论(0)
推荐(0)
$nextTick作用
摘要: vue中更新dom是异步操作,在修改完数据后,视图不会立刻更新,而是当同一事件循环中的所有数据变化完成之后,再进行统一的更新,所以有的时候在修改完数据后想要获取更新后的dom,则需要在nextTick中获取,nextTick的作用就是在当前渲染完成后执行,解决了异步获取不到更新后dom问题,本质是反
阅读全文
posted @ 2022-06-09 11:09 ajaXJson
阅读(64)
评论(0)
推荐(0)
new会发生什么
摘要: 1.创建一个空对象 2.将新对象的__proto__指向构造函数的prototype(原型对象) 3.将此对象作为this的上下文4.判断是否有返回值,如果有则返回此对象,如果没有则返回this
阅读全文
posted @ 2022-06-09 11:09 ajaXJson
阅读(45)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
···
15
下一页
公告