前端香菜酱

我们可以根据需求定制规则，激活或者挂起某项规则。 然而现实中，作为搬砖前线的一份子，我们并非单打独斗，团队每个人，都得遵循共同的编码规则，这时候，SonarQube 就出场...

浏览器中的安全，可以按照系统安全、网络安全、页面安全三个方面来了解。 谁也无法保证浏览器自身不存在漏洞，浏览器在执行前又无法分辨从网络拿到的资源是否安全，而操作系统的各种权...

跨域，即跨域资源共享——Cross-origin resource sharing，这是一个 w3c 标准，这个标准允许浏览器向非同源服务器发出 XMLHttpReques...

修 bug 时，我常常用 console.log 去查看问题到底出在哪儿了。但当我打印一个对象时，经常不得不使用 JSON.stringify 去打印对象某个时刻的值。 c...

总括: 本文梳理了异步代码和同步代码执行的区别，Javascript的事件循环，任务队列微任务队列等概念。 未曾失败的人恐怕也未曾成功过。 Javascript是单线程的编...

顾名思义，在内存中缓存资源。 控制权在浏览器，前后端没办法干涉。 硬盘缓存。 也可以叫做 http 缓存，因为它的缓存规则严格遵守 http 头部规范。 disk cach...

大家都知道缓存的英文叫做 cache。但我发现一个有趣的现象：这个单词在不同人的口中有不同的读音。为了全面了解缓存，我们得先从读音开始，这样才能够在和其他同事(例如 PM)...

js 中，Number 是一种 定义为 64位双精度浮点型（double-precision 64-bit floating point format） (IEEE 754...

我在一个名为Admin UI的Vue UI组件库（GitHub地址：https://github.com/BboyAwey/admin-ui）上投入了大量时间。该库到目前版...

可能有信息敏感的同学已经了解到：Lodash 库爆出严重安全漏洞，波及 400万+ 项目。这个漏洞使得 lodash “连夜”发版以解决潜在问题，并强烈建议开发者升级版本。...

虽然 2020 的今天，各种前端框架、工具林立，而这些框架跟工具也帮我们提前解决了不少麻烦的问题，但是工具始终是工具，扎实的基本功才是最核心的，现在一起来通过几个实际的代码...

对于 debounce 和 throttle 这俩概念，我发现，如果非要翻译成中文的「防抖」和「节流」，我很容易就混淆了，咱也不懂什么工业节流，单从字面意思看，deboun...

1. undefined 和 null 有什么区别？ 2. && 运算符能做什么 3. || 运算符能做什么 4. 使用 + 或一元加运算符是将字符串转换为数字的最快方法吗...

明白了，我需要对横向滚动模块中的图片们实施滚动捕捉（Scroll Snap），只 css 就可以实现 pm 想要的效果了。 Google 翻译为「滚动捕捉」，什么是捕捉呢？...

js 中，「一切皆对象」，有对象，就要考虑其属性的存取。 对象的属性的值，可以是一个指向 Function 实例的引用。指向 Function 实例的引用的属性和一个普通的...

Es6 中引入了 class 关键字，但只是语法糖， js 仍然是一门基于原型的语言。 当谈到继承时，js 只有一种结果：对象。 对象是动态的属性包。 每个对象都有一个私有...