async/await是异步代码的新方式，以前的方法有回调函数和Promise。 async/await是基于Promise实现的，它不能用于普通的回填函数。 async/await与Promise一样，是非阻塞的。 async/await使得异步代码看起来像同步代码，这正是它…

权限设计的出发点在于，让不同权限的用户，看到的内容、可实现的操作是不同的,到具体设计上来说，可以分为路由级权限和按钮级权限。本文使用 vue 进行前端按钮级权限控制的实现。

WebSocket 是一种网络通信协议，很多高级功能都需要它。初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？ 答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。 举例来说，我们想…

一项指标的变好，总少不了相应优化策略的实施。优化并不是简单的一蹴而就，而是个不断迭代与推翻的过程。更深层的优化方案，往往是在某种思维策略之下，对问题场景和基本策略优缺的深刻理解后做出的当下最优的权衡结果。本文笔者从前端高并发优化这一具体点出发，逐步向大家阐述笔者在优化的“术”之…

最近接到个任务，业务场景是需要处理高并发。 原谅我第一时间想到的居然是前段时间阮一峰的博客系统遭到了DDoS攻击，因为在我的理解中，它们的原理是想通的，都是服务器在一定时间内无法处理所有的并行任务，导致部分请求异常，甚至会像阮一峰的博客一样崩溃。 之前不太有接触过高并发的机会，…

BFC(Block Formatting Context)全名叫块级格式化上下文。它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进…

是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。 是一个相对长度单位，最初是指字母…

指的是粘性定位元素最近的可滚动元素（overflow属性值不是visible的元素）的尺寸盒子，如果没有可滚动元素，则表示浏览器视窗盒子。 它的定位效果完全受限于父级元素们。如果父元素的overflow属性设置了scroll，auto,overlay值，那么，粘性定位将会失效 …

我们想要给页面添加一个元素，同时该元素出现在页面一开始应该是隐藏的。但是是否你会感觉看起来很难受，你不知道是否用户会看到在该元素在隐藏之前发生闪现。 但实际上，上面的两种写法的效果是一样的，它们没有竞争关系， 在 JS 运行和渲染页面在浏览器中都有着规定且确定的时间段， 这些东…