闲谈 好久都没有畅所欲言的写点东西了，不由发自内心的感叹这一句。 何出此言？因为之前不敢写、不能写。Now，我正式辞职了，我开始 单份 职业了。 为什么我会着重强调这个 单份， 因为大概可能是从去年开

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…

面试官：来手写一个 new。 看到这道题，不要急不要慌，jsliang 逐步深入带你搞一个。 那么，这道题中的 new 做了啥呢？我们深入研究研究。 那么我们开始理解 new 里面的内容，看看怎么手写一个 new。 首先创建一个空对象 tempObj = {}。 接着调用 Fo…

React 是实现了组件的前端框架，它支持 class 和 function 两种形式的组件。 class 组件是通过继承模版类（Component、PureComponent）的方式开发新组件的，这

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 「这篇文章准备梳理一下渲染流程，也就是浏览器是怎么把HTML，CSS，JS，图片等资源最后显示漂亮的页面。」 「这篇主要是…

一、BFC是什么？ BFC：block formatting context 块状格式化上下文 理解：BFC元素可以理解成被隔离的区间（BFC的子元素不会对外面的元素产生影响）； 二、BFC如何触发？

在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…

Flex布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。

本篇文章总结一些CSS垂直居中的方法，例子用到的各个元素属性不做解释，详情请看MDN文档，非常的详尽，例子在chrome浏览器下完全好使，IE这个渣渣就不测了