Chrome开发者工具
iamlujingtao
学而致用才是真理
展开
-
chrome执行js脚本的4种方法及优缺点分析
chrome执行js脚本的3种方法及优缺点分析方法一:标签执行方法二:开发者工具"代码片段"功能方法三:chrome自制插件执行方法一:标签执行新建或修改标签,然后在网址上输入代码,javascript: 后面是具体执行代码。执行的时候点击该标签即可。优点操作和执行都很简单缺点代码维护麻烦,只能执行不断行代码权限能获取并编辑页面元素方法二:开发者工具"代码片段"功...原创 2020-03-27 21:44:19 · 6774 阅读 · 0 评论 -
前端动画性能比较(js动画{ translate vs left/top } vs css动画)
前言js动画{ translate vs left/top }js动画vs css动画原创 2019-10-10 21:41:50 · 1453 阅读 · 0 评论 -
从chrome开发工具中直观了解浏览器的渲染过程
文章目录前言浏览器渲染过程浏览器渲染步骤重排重绘解析实例演示只修改背景色只修改宽度总结前言前端人员可能不太了解浏览器渲染Html的过程,或者了解相关知识,但是不能通过具体的方式来更深入认识。本文通过Chrome的开发者工具来直观了解浏览器渲染html的过程,能对于页面性能优化有更好的帮助。浏览器渲染过程我们先看一张图解:我们看到Html和Css先是分开解析,然后合在一起生成Rend...原创 2019-09-24 17:26:31 · 1693 阅读 · 0 评论