7个好用的TypeScript 新功能
在下面的例子中，要访问 address ，你必须遍历 data.customer.address，而且 data 或 customer 有可能是 undefined，所以通常使用 && 运算符或类似例子中的技巧遍历检查每个层次的定义。
如何使用SASS编写可重用的CSS？
Sass 是一个CSS预处理程序，至今使用广泛，它之所以流行，是因为它修复了几个CSS缺陷：Sass 也是 Bootstrap 4 运行的基础。这意味着为了理解如何操作引导代码而学习Sass是非常有帮助的
前端防抖和节流
窗口的resize、scroll、输入框内容校验等操作时，如果这些操作处理函数是较为复杂或页面频繁重渲染等操作时，在这种情况下如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕
优秀好看的弹窗界面设计
不管是用户还是设计师角色，弹窗界面应该都是经常能碰到的。弹窗（pop-up）能够让用户更聚焦，不用离开当前页面便能轻松快速地完成任务。 但是千篇一律的界面设计很容易让人忽略了它本身的美感。
聊一聊 JavaScript 的 URL 对象是什么？
如果我们自己编写从URL中分析和提取元素的代码，那么有可能会比较痛苦和麻烦。程序员作为这个社会中最“懒”的群体之一，无休止的重复造轮子必然是令人难以容忍的，所以大多数浏览器的标准库中都已经内置了URL对象。
Promise 使用、原理以及实现过程
promise 是目前 JS 异步编程的主流解决方案，遵循 Promises/A+ 方案。promise 对象原型上有一个 then 方法，then 方法会返回一个新的 promise 对象，并且将回调函数 return 的结果作为该 promise resolve 的结果
vue 过渡
添加过渡效果的方法：在 CSS 过渡和动画中自动应用 class，可以配合使用第三方 CSS 动画库，如 Animate.css，在过渡钩子函数中使用 JavaScript 直接操作 DOM，可以配合使用第三方 JavaScript 动画库，如 Velocity.js
Js实现HSL&RGB互转
RGB和HSL（也叫HSB/HSV）是两种色彩空间，即：红,绿,蓝（Red,Green,Blue）和色调,饱和度,亮度（Hue,Saturation,Lightness或Brightness或Value），前者适用于机器采样，目前的显示器颜色即由这三种基色构成，而后者更符合人类的直观感觉
浏览器中的 Event Loop
当我们执行 JS 代码的时候其实就是往执行栈中放入函数，那么遇到异步代码的时候该怎么办？其实当遇到异步的代码时，会被挂起并在需要执行的时候加入到 Task（有多种 Task） 队列中。一旦执行栈为空