爱生活的前端狗

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给G...

有的同学会说带人是为了让团队更有战斗力，从而可以做好项目; 有的会说可以让自己从细节工作中慢慢解脱出来，有更多时间考虑架构的问题; 有的会说非常有成就感，看到下属一个个成长...

技术范：我是技术精英，所以我的团队也一定要是精英。像美剧硅谷一样，我不应该对我的团队过多干涉，尊重每个人的想法，让大家自由发挥，每周必须要搞高大上的技术分享，技术也要紧跟潮...

本文正在参与 “性能优化实战记录”话题征文活动，网页的卡顿性能优化，前端性能优化，javascript性能优化，首屏加载优化，css加载性能优化，前端服务端渲染性能优化。页...

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你...

在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以对图...

JavaScript很酷（不要@我），但是机器如何才能真正理解您编写的代码？作为JavaScript开发人员，我们通常不必自己处理编译器。但是，一定要了解JavaScrip...

叮叮当，叮叮当，吊儿个郎当，一年一度的圣诞节到咯，我不由的回想起了前两年票圈被圣诞帽支配的恐惧。打开票圈全是各种@官方求帽子的： 各种戴帽子的软件也如雨后春笋般浮现出来，不...

随着 Vue 3.0 Pre Alpha 版本的公布，我们得以一窥其源码的实现。Vue 最巧妙的特性之一是其响应式系统，而我们也能够在仓库的 packages/reacti...

你猜运行结果是什么？你可以自己去控制台试一下。 很多人都知道这个技巧，但是没有多少开发人员知道它到底是如何工作的。今天，我们就来看看它背后的执行原理。我们的目标是用这几个字...

随着越来越多的业务逻辑从后端转移到前端，前端工程中的专业技能变得愈发重要。作为一名前端工程师，我们可以依靠类似 React 一样的视图类框架来实现高效的产出。但视图框架反过...

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内...

一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击...

前段时间公司有个需求，需要在一个图表中展示两条折线，并且绘制出两条线的交点。为了满足需求大哥的需求，我也是着实想了有一会。下面我就把具体的实现过程给大家展示一下。 个人很喜...

昨天，“某某某”的代码出现了一个bug。大概是这个情况： 这行文字，在谷歌上一点问题都没有，但是在ie上出现了奇怪的框框。比如这样： 经过我的多次实验、摆弄，发现一件事，我...

通俗来讲，在开发和测试过程中，由于环境不稳定或者协同开发的同事未完成等情况下，有些数据不容易构造或者不容易获取，就创建一个虚拟的对象或者数据样本，用来辅助开发或者测试工作。...