Vue中实现组件通信的方式

在VUE中实现通信有很多种的方式,每一种都有其对应的使用情况。首先我们看看有哪些方式: props emit v-model refs provide/inject eventBus uex/pinia(状态管理工具) 常见的...

Vue-router

一、路由常见的属性路由的两个属性$router和$route。$router1.$router.app2.$router.mode3.$router.currentRoute4.router.addRoutes(routes)5.router.bef...

Vue的生命周期

一、各个生命周期的作用 Vue 的生命周期就是 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登录...

SPA首屏优化

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

前端路由

把不同路由对应不同内容或页面的任务交给前端来做,之前通过服务端根据的不同返回不同的页面实现前端路由实质上就是检测URL的变动,截获URL地址,通过解析、匹配路由规定实现UI更新单页面应用中的路由分为hash和history模式 hash模式监听浏览器...

输入URL回车后

简易版1.URL解析2.查找缓存3.域名解析:浏览器缓存>系统缓存>本地hosts>根域名>顶级域名>二级域名>三级域名4.TCP三次握手5.发送HTTP请求6.服务器处理请求并返回报文7.浏览器解析渲染页面8.T...

微前端

一种类似于微服务的架构,它将微服务的理念应用于浏览器端,将Wb应用由单一的应用转变为多个小型前端应用聚合为一的应用各个前端应用可以使用不同技术栈、独立运行、独立开发、独立部署不是框架或工具,而是一套架构体系解决问题1.将庞大应用拆分,每个部分可以单独...

CDN

Content Delivery Network,内容分发网络我们访问一个页面的时候,会请求很多资源,包括各种图片、声音、影片、文字等信息。这和我们要购买多种货物一样网站可以预先把内容分发至全国各地的加速节点。用户可以就近获取内容,避免网络拥堵、地域...

12345