前端性能优化
Raaabbit
从入门到精通,脚踏实地
展开
-
前端性能优化第一篇-http请求
前端性能优化第一篇-http请求 本系列文章是我在阅读《高性能网站架设指南》时的读书笔记,文章的顺序基本和书的顺序是相同的,同时由于这本书的出版时间比较早了,我会根据现代前端的发展变化做出备注。http请求是提升性能的一个重要方面,我们可以在打开一个网站的时候打开开发者工具的时候看看发生的请求(如果你正在看这篇文章,不妨打开开发者工具,然后看看network,刷新页面),这是就能发现...原创 2018-04-15 22:12:43 · 362 阅读 · 0 评论 -
前端性能优化第二篇-回流和重绘
前端性能优化第二篇-回流和重绘 先给自己持续更新的专栏打个广告,欢迎大家读一读专栏中的其他文章,戳一戳->前端性能优化浏览器渲染过程先请今天的主角“回流”和“重绘”在后台等一下,我们先来看看浏览器渲染页面的过程,不要跳过这个重要的部分啊~当浏览器得到页面的时候,就开始了它的渲染过程: 1. 解析HTML,构建DOM树(包括了发起http请求来获取链接的内容) 2...原创 2018-06-14 19:32:59 · 1160 阅读 · 0 评论 -
前端性能优化第三篇-documentFragment
前端性能优化第三篇-documentFragment 虽然说是第三篇,但是其实算作对第二篇的补充比较合适,没有看第二篇的小伙伴可以戳下面的链接~ 前端性能优化第二篇前戏在第二篇中提到了回流和重绘,一个重要的优化策略就是在创建dom节点的时候将创建多个节点的操作变为一次操作。下面我以我做的一个小项目——服务中心课表查询中的部分代码为例进行一下说明。栗子抱歉抱歉这是...原创 2018-06-14 21:31:20 · 1097 阅读 · 0 评论 -
前端性能优化第四篇-为什么在head中引入CSS
前端性能优化第四篇-为什么在head中引入CSS写在前面:有很长一段时间没有更新这个专栏,是因为在准备一些课程上的东西,不过这个专栏一定不会烂尾的~写这篇文章的原因是因为从我初学前端开始,就一直有人告诉我:“样式表文件在head中通过link引入,script文件在body的末尾引入,这样页面加载速度更快。”那么着一切究竟是为什么呢,下面我们来看一下~(如果真的不想看这些铺垫内容,不妨直...原创 2018-10-14 16:24:30 · 935 阅读 · 0 评论 -
JS的异步加载
JS的异步加载自觉自己基础不扎实,不应该心猿意马,所以很久没有更新性能优化专栏,回顾总结了一段时间后再来一发吧~在学习前端开发的最开始,就可能有人告诉你,在 body 的末尾再引入 script 标签(收到依赖的jQuery更适合放在前面),书写js代码就提高效率,这到底是为什么呢?引入外部js带来的问题先看一个不好的例子:<body> <!-- body ...原创 2019-03-16 00:20:09 · 168 阅读 · 0 评论 -
XSS攻击了解一下
XSS攻击了解一下在准备春招实习的时候突然意识到自己对 web安全领域的知识几乎是空白,下面对在前端可能会遇到的web安全问题进行一个简单的总结,今天就从XSS开始~什么是XSS攻击XSS攻击的全称是 Cross-site script,也就是跨站脚本攻击,为了和 CSS 区分,这里把攻击的第一个字母改成了 X,于是叫做 XSS。XSS攻击是一种经常出现在 web应用的攻击,攻击者通过...原创 2019-04-01 10:28:49 · 373 阅读 · 0 评论