问题 大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含 ...

一、元素分类 首先要知道元素分三种：内联元素（行内元素）、块级元素、内联块级元素。 1、内联（行内）元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度，不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...

1.BFC简要定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，它规定了内部如何布局，是决定块盒子的布局及浮动相互影响范围的一个区域，并且与这个区域外部毫不相干。 2.BFC ...

看了一篇外文，讲如何使用node环境变量的。这期我也结合自己的一些经验写写读后感吧。 概述 说来话长，我最早接触环境变量还是在学Java的时候。特地找了张比较复古的图片，记得当时照着书本配环境变量都折腾好了几天。我后来还写到了百度知道里，现 ...

节流（throttle）节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例：我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应 ...

文章首发于公众号【大数据学徒】，感兴趣请搜索 dashujuxuetu 或者文末扫码关注。 我正在用 Jetty 开发自己的一个玩具项目，在这个项目中，涉及到使用 WebSocket 在前后端之间交换 JSON 数据，本文对此做一个总结。 ...

从2017年到现在，前端开发行业内并不平静。受到资本寒冬导致互联网和创业市场整体遇冷的影响，前端岗位需求有很大程度上的收缩。 一边是互联网红利期过后，市场回归理性，找工作艰难的抱怨声四起；但一边却是前端技术也异常活跃，薪水和地位继续见长。看 ...

元素浮动定义 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 如果浮动非替换元素，则要指定一个明确的宽度；否 ...

事件冒泡 IE的事件流叫做事件冒泡。顾名思义当事件发生后，事件就开始从里向外传播，查看下方代码： <tit ...

碰撞检测（边界检测）在前端游戏，以及涉及拖拽交互的场景应用十分广泛。 那么啥叫碰撞？JavaScript 又是如何检测 DOM 发生碰撞的呢？ 碰撞，顾名思义，就是两个物体碰撞在了一起，眼睛是可以直观的观察到碰撞的发生。但对于前端实现，如何 ...