一、各个生命周期的作用 Vue 的生命周期就是 Vue 实例从创建到销毁的过程，包括了它的初始化、渲染、更新、销毁等多个阶段。每个阶段 Vue 都会触发特定的生命周期钩子函数，让开发者有机会在不同的时间点执行代码。 首先在Vue生命周期中有十个阶段：...

一、优点1.首先是双向绑定这也是我们使用框架的一大优势，VUE使用MVVC架构，在VUE.2X中使用Object.definProperty (来劫持绑定数据，在VUE.3X中使用Proxy劫持。如果按照最初的开发，我们前端开发不仅仅是需要完成业务代...

XSS跨站脚本攻击Cross Site Scripting为了和CSS区别，CSS指的是层叠样式表(Cascading Style Sheets)用户输入或使用其他方式向代码中注入其他S,然后S代码被执行。1.可能是写一个死循环、获取cookie登录...

浏览器从响应用户输入网址地址，到首屏内容渲染完成时间，整个网页不一定要完全渲染完成，但需要展示当前视窗内容加载慢的原因 网络延时 资源文件体积过大 资源加载重复发送请求 加载脚本时，渲染内容阻塞 解决 减少入口文件体积 静态资源本地缓存 UI框...

1.服务端开启文件压缩功能2.执行JS代码过长会卡住渲染，对于需要很多时间计算的代码可以使用WebworkerwebWorker是运行在后台的JS,另开一个子线程，不会影响性能

电商类项目，存在大量图片，banner广告图、菜单导航栏、列表头图等图片众多以及体积过大影响页面加载速度为啥？有些图片请求并发，Chrome最多支持并发请求数有限，其他请求被push进队列中等待或停滞，直到上轮请求完成后才被发出，一部分资源需要排队等...

懒执行将某些逻辑延迟到使用时再计算。该技术可以用于首屏优化，对于某些耗时逻辑并不需要在首屏就使用的，就可以使用懒执行。懒执行需要唤醒，一般可以通过定时器或者事件的调用来唤醒。懒加载将不关键的资源延后加载一尽量只加载用户正浏览或即将会浏览的图片只加载自...

1.网站打开速度2.动画流畅3.表单提交速度4.列表滚动页面切换是否卡顿优化手法1.聚焦用户2.尽快响应用户输入3.动画执行流肠4.最大化主线程空闲时间5.网页可交互性

Cookie服务端响应客户端请求时，会返回一个cookie,后续客户端的请求携带这个cookie特点1.存储在客户端，可随意纂改2.影响性能，最大为4kb3.一个浏览器对于一个网站只能存不超过20个Cookie,而浏览器一般只允许存放300个Cook...

Cookie 曾一度用于客户端数据的存储，因当时并没有其他合适的存储办法而作为唯一的存储手段，但现在推荐使用现代存储 API。由于服务器指定 Cookie 后，浏览器的每次请求都会携带 Cookie 数据，会带来额外的性能开销（尤其是在移动环境下）。...