场景一：页面中存在多个按钮（A、B、C……按钮们都可以达到大致相同的目的，A点不动可以试试B，依次类推），每个按钮点击后都会触发请求，假设用户点击按钮A后迟迟未响应，于是很自然地点击按钮B，B收到响应结果后没多久A也收到了（A请求一直pen ...

web开发中经常会做滚动监听，比如商品分类功能：左右两列，左侧类目，右侧商品，需要监听右测商品列表的滚动，滚到哪个类目区间，左侧就点亮哪个类目标签。如果在滚动的过程中一直监听而不做性能优化的话，浏览器是很容易卡死的。下面提供两种优化性能的方 ...

一份工作干得顺心长久，除了本来就很热爱这份工作以外，跟同事的关系也要处的和睦，特别是跟领导的关系，一旦跟领导关系闹僵，不光日常的工作很受影响，有可能也会影响自己的前途。尽管现在跳槽是件很容易的事情，但是因为跟领导关系搞僵，就算跳槽，也会让下 ...

优秀的Web前端开发工程师要在知识体系上既要有广度和深度！应该具备快速学习能力。前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维 ...

太长不读版： 问： 什么是单线程？单线程和异步的关系是怎样的？ 答： 单线程只有一个线程，同一时间只能做一件事情，而异步就是一种解决方案。 再问： JS作为单线程语言是如何实现异步操作 再答： 通过事件循环（event loop）实现异步 ...

问： Virtual dom 是什么？为何会存在Virtual dom? 答： 用JS模拟DOM结构。原因： 1.DOM操作是昂贵的，将DOM对比放在JS层，JS运行效率高 2.需要尽量减少DOM操作 我们通过个小例子来看什么是用JS模拟D ...

JSX是React引入的，但不是React独有的 React已经将它作为一个独立标准开放，其他项目也可用 React.createElement是可以自定义修改的 本身功能已经完备，和其他标准兼容和扩展没问题 问: JSX的本质是什么 答 ...

前言 本文4089字，阅读大约需要12分钟。 总括: 本文基于Javascript的正则表达式，结合笔者个人的思考来对正则表达式的特性进行讲解。 参考文章：A Practical Guide to Regular Expressions ...

上篇我们讲解了不同类型元素的特点，我们可以随意的排列组合他们来达到我们想要的效果。但是他们都是基于一个二维平面的，如果我们想在布局中有遮挡，重叠之类的更丰富效果，我们就需要使用到定位和浮动的相关知识。 1.文档流 文档流就是按照页面元素书写 ...

1.1块级元素 & 行内元素 & 行内块级元素 元素除了自己的盒模型外还有自己的分类。从元素的布局特性来分，主要可以分为三类元素：块级元素，行内元素，行内块级元素。 接下来看下他们的定义： 块级元素：display属性取block、tabl ...