首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
浏览器
订阅
stiveYan
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
从浏览器渲染层面解析css3动效优化原理
引言 在h5开发中,我们经常会需要实现一些动效来让页面视觉效果更好,谈及动效便不可避免地会想到动效性能优化这个话题: 减少页面DOM操作,可以使用CSS实现的动效不多出一行js代码 使用绝对定位脱离让
你不知道的浏览器页面渲染机制
浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Sa…
史上最详细的经典面试题 从输入URL到看到页面发生了什么?
很多大公司面试喜欢问这样一道面试题,输入URL到看见页面发生了什么?,今天我们来总结一下。 连接结束。 DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.baidu.com,而这个网址并不是百度的真实地址,互联网中每一台机器都有唯一标识的IP地址,这个才是关键,但…
chrome地址栏命令和快捷键,强大到天际,你知道多少!
chrome地址和快捷键记得好,根本没菜单什么事! chrome地址和快捷键记得好,根本没菜单什么事!
(1.6w字)浏览器灵魂之问,请问你能接得住几个?
作为一个合格的前端工程师,浏览器相关的工作原理是我们进行性能优化的基石,我之前也强调过知识体系的重要性,这部分原理性的内容就是知识体系中的重要部分,必须牢牢掌握才能面对瞬息万变的实际场景,针对性地给出实际方案,而不是背诵各种开发军规和性能优化的条例,这样很难发现真正的问题所在,…
文件上传,搞懂这8种场景就够了
本文阿宝哥将介绍工作中遇到过的八种文件上传的场景,并介绍每种场景背后所使用到的技术,从而让大家能更好地理解成熟上传组件所提供的功能。
深入理解HTTP缓存机制及原理
上周阿里的面试官问了个面试题 “ 能不能说下 304 的过程,以及影响缓存的头部属性有哪些?”OMG.......因为之前只是大概了解 304 状态码是表示缓存,且因为平时项目开发过程中也没有在缓存这块踩过坑,所以这一块也没有去做特别深入的研究。所以当被问这个问题时,有被当头一…
一文读懂前端缓存
大家都知道缓存的英文叫做 cache。但我发现一个有趣的现象:这个单词在不同人的口中有不同的读音。为了全面了解缓存,我们得先从读音开始,这样才能够在和其他同事(例如 PM)交(zhuāng)流(bī)时体现自己的修(bī)养(gé)。 友情提示:文章有些长,您可能需要分批次读完…
「硬核JS」一次搞懂JS运行机制
多进程:多进程指的是在同一个时间里,同一个计算机系统中如果允许两个或两个以上的进程处于运行状态。多进程带来的好处是明显的,比如大家可以在网易云听歌的同时打开编辑器敲代码,编辑器和网易云的进程之间不会相互干扰 JS的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript…
为你重新系统梳理下, Web 体验优化中和图有关的那些事(万字长文)
Web 页面性能优化,解决了图片相关,问题就解决了大半。本文从 Web 常见的图片格式入手,引出与图片优化相关的有效方案,期望对大家能有一点帮助。 有损压缩:借由将次要的信息数据舍弃,牺牲一些质量来减少数据量、提高压缩比。这个过程是不可逆的。图片常见的有损压缩手段是合并相近的像…