Vue/2/3重点总结—理论篇
一、Vue哪里好? 我认为一个好的框架首先有以下几点必要的特点 简单易学,文档完善,Api清晰易懂,容易上手 不会给程序员的开发过程带来很大的心智负担 社区完善,长期维护,有完整的生态系统 对业务逻辑及数据的关注度优先于框架本身的使用 低学习成本和使用成本 我认为,前端的发展思路永远是:在保证性能的基础上,...
一、Vue哪里好? 我认为一个好的框架首先有以下几点必要的特点 简单易学,文档完善,Api清晰易懂,容易上手 不会给程序员的开发过程带来很大的心智负担 社区完善,长期维护,有完整的生态系统 对业务逻辑及数据的关注度优先于框架本身的使用 低学习成本和使用成本 我认为,前端的发展思路永远是:在保证性能的基础上,...
一切性能优化是根据网站测试结果去针对性进行的,不需要无脑的进行优化。另外,没有固定的优化策略,不同的项目要分而治之。 性能优化思路 了解浏览器工作原理及web渲染原理,认识影响性能的因素 使用如Performance、Lighthouse、PageInsight等工具对性能进行评估,帮助了解短板,说服Linder 使用控制台面板功能(如请...
什么是Service Worker Service worker是一个注册在指定源和路径下的事件驱动worker。它采用JavaScript控制关联的页面或者网站,拦截并修改访问和资源请求,细粒度地缓存资源。Service Worker 可以使你的应用先访问本地缓存资源,包括js、css、png、json等多种静态资源。 Service Worker的特点 独立于主JavaScript线程(...
本文介绍了前端开发如何优化资源的加载,减少资源往返时间。 Preload Preload 是一个新的控制特定资源如何被加载的新的 Web 标准,这是已经在 2016 年 1 月废弃的 subresource prefetch 的升级版。这个指令可以在 <link> 中使用,比如 <link rel="preload">。一般来说,最好使用 preload 来加载你最重要的资...
文档流加载生命周期 DOMContentLoaded 是指页面元素加载完毕,但是一些资源比如图片还无法看到,但是这个时候页面是可以正常交互的,比如滚动,输入字符等。 jQuery 中经常使用的 $(document).ready() 其实监听的就是 DOMContentLoaded 事件。 load 是指页面上所有的资源(图片,音频,视频等)加载完成。jQuery 中 $(do...
当有人问起:你们的公司的这款应用用户体验怎么样呀?访问量怎么样?此时,你该怎么回答呢?你会回答:UV(独立访客数,以cookie或token为依据)、PV(访问量,页面浏览次数) ,IP(独立IP数)等页面流量指标。 秒开率、RTT(延迟,数据往返时间)、TTI(页面可交互时间,用户与页面进行互动之前所花费的时间) 、FCP(...
XSS,CSRF,SSRF三种常见的Web服务端漏洞均是由于,服务器端对用户提供的可控数据过于信任或者过滤不严导致的。 XSS,CSRF,SSRF区别 XSS:(跨站脚本攻击)是服务器对用户输入的数据没有进行足够的过滤,导致客户端浏览器在渲染服务器返回的html页面时,出现了预期值之外的脚本语句被执行。通常指黑客通过 HTML 注入 篡...
ECMAScript 发展困境 JavaScript这门语言受限于历史因素,有许多问题,其中一个就是新的语言特性始终无法在浏览器中得到全面支持与应用。 如果你要写一个支持绝大多数浏览器的网页,最好的选择可能就是ES5了,但你要知道ES5之后,JavaScript也一直在不停的更新,其中最重要的一个版本是ES 6,而到今年2022年,已经是ES 2...
1、基本用法 基本用法基本是相同的,没有什么改动,vue3和vue2都可以这样用 2、具名插槽 具名插槽两者用法有稍微不同,Vue3使用v-slot:[name](缩写#[name]),而Vue2用的是slot="name" vue3写法 vue2写法 这里有两点需要注意 vue3在父组件中使用具名插槽使用v-slot,而vue2使用slot vue3必须把v-slot写在template标...
1. 何为vite 法语意为 "快速的",发音 /vit/,同 "veet"。 是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 (ESM)提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出...