首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
浏览器
订阅
Madoor_Junior
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
「前端进阶」高性能渲染十万条数据(时间分片)
在实际工作中,我们很少会遇到一次性需要向页面中插入大量数据的情况,但是为了丰富我们的知识体系,我们有必要了解并清楚当遇到大量数据时,如何才能在不卡主页面的情况下渲染数据,以及其中背后的原理。 我们对十万条记录进行循环操作,JS的运行时间为187ms,还是蛮快的,但是最终渲染完成…
浏览器层合成与页面渲染优化
Web 页面性能是前端开发特别需要关注的重点,评判前端 Web 页面性能的指标有很多,页面的流畅度是其中的一种,如何让页面变得 “柔顺丝滑”,要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候,就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出…
你了解浏览器原理吗?浏览器的缓存机制及缓存策略是什么?
在前端开发中,我们追求性能和用户体验。对于一个网站,查看性能最简单的方式就是打开网站的速度。而一个好的缓存策略可以大大提升网站的性能,使得已经下载后的资源被重复利用,减少客户端和服务器之间的请求次数,
一文彻底弄懂浏览器缓存,只需动手操作一次
合理利用缓存,可以提高页面的打开速度,这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢?为了彻底弄懂浏览器缓存,从动手验证下这条准则开始吧
「前端进阶」彻底弄懂前端路由
现代前端项目多为单页Web应用(SPA),在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现,例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式,而是介绍前端路由的基…
浏览器从输入URL到页面渲染加载的过程(浏览器知识体系整理)
以 前端领域 的知识为重点,并且本文内容超多,建议先了解主干,然后分批次阅读。 这篇文章真的写了好久好久…
画了20张图,详解浏览器渲染引擎工作原理
今天来学习一下浏览器渲染引擎的工作原理,全文8500+字,文章内容较多,建议先收藏再学习!确定不点进来看看吗?
图解 script 标签中的 async 和 defer 属性
浏览器在解析 HTML 的时候,如果遇到一个没有任何属性的 script 标签,就会暂停解析,先发送网络请求获取该 JS 脚本的代码内容,然后让 JS 引擎执行该代码,当代码执行完毕后恢复解析。整个过程如下图所示: 可以看到,script 阻塞了浏览器对 HTML 的解析,如果…