浏览器主要结构 目前，常用的浏览器主要有：Chrome、IE（Edge）、Safari、Firefox等。不同的浏览器在结构方面虽然有所差异，但是整体的设计理念是相似的。因此，可以抽象得到如下图所示的参考结构： image.png 组成 1 ...

按照先后顺序有以下：1.去掉无意义的修饰。嗯，我会瞎说吗？除了内容图片，其他的图片的作用是修饰，也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片！所以在优化之前要做的，首先是确认设计，设计本身是否需要用那么多图片？还是说可以更 ...

在之前工作的地方，我们一直使用webpck去构建。但是，经过长达四年的更新迭代，每个人都在同一个项目中做了不同的操作和更新，这导致我们生产构建时间达到了惊人的一分半，watch模式的rebuild也达到了14秒之久。 这导致你每次保存代码都 ...

一、初识requestAnimationFrame requestAnimationFrame解决了浏览器不知道javascript动画什么时候开始、不知道最佳循环间隔时间的问题。它是跟着浏览器的绘制走的，如果浏览器绘制间隔是16.7ms， ...

小编今天跟大家讲讲近几年非常热门的数据可视化，特别是在前端岗位上，需要完美的展现出来数据和形式上相结合的美观，在前端岗位上数据可视化的展现就转换成了一些能让人一眼看过去就能明白要传递的信息。因为可视化图形可以直接给人立体的展现出来数据的对比 ...

Google 近日宣布，计划在 Chrome 浏览器上逐步淘汰 user-agent 字符串。 这里稍微解释下，user-agent (UA，用户代理) 字符串是现代 web 和浏览器功能的重要组成部分。 UA 字符串是浏览器建立连接时向网 ...

今日内容： 1、图片整合的概念，使用图片整合的优势 2、最小宽度、最小高度、最大宽度、最大高度 3、过滤器的使用 4、宽高自适应的概念和使用 5、最小高度和高度自适应引发的兼容问题(针对IE浏览器) 6、浮动元素父元素高度自适应引发的高度坍 ...

更多精彩内容，请关注公众号【平凡而诗意】，新浪微博：【Jackpopc】~ 不同岗位的程序员也有千差万别，前端、算法、架构设计、测试......不同的岗位日常使用的工具截然不同。这些天我总结了一下我在开发中常用的软件/网站/插件/命令行工 ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...

之前看了大佬的对层叠上下文的解释 https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/ 然后感觉对各种设置了z ...