使用 SVG，实现带动画效果的圆环进度条

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

在面试中，常常会遇到一些手写XXX之类的面试题，因此好好总结一下，对于巩固我们的原生js的基础是非常必要的。 尽管在网上已经有了非常多的总结文章，但在我看来有一个普遍的问题，那就是把原理性的东西过于复杂化了。如果站在面试官的角度，他的目的是在最短的时间内考察出面试者对于JS语言…

最近对web的性能优化比较感兴趣，而前端代码主要在浏览器工作的。如果对浏览器的工作原理了解清楚，可以为web性能优化提供方向以及理论依据。 本文主要参考 How Browsers Work: Behind the scenes of modern web browsers 。在…

这可能是每一个写过 CSS 的人都知道的属性。它随处可见。 但它也十分的复杂。 我曾经也这么认为，直到我开始致力于实现 stylo。 Stylo 是一个将 Servo 的样式系统集成到 Firefox 中的项目。这个样式系统负责解析 CSS，确定哪些规则适用于哪些元素，通过级联…

前端 Web 开发复杂性的增加促进了前后端专业化和前后端分离。 这种专业化和复杂性的增加有许多好处 —— 网络用户体验的质量呈指数级增长，同时，更多的人将通过多种设备连接彼此，这是史无前例的。 但是，它也带来了一些挑战。 前端和 API 之间接口的摩擦、挑战和复杂性是一个常见的…

本教程的目标是利用 VueJS 以及 Webpack 从头创建一个基本的但是完整的渐进式 web 应用。我们的应用将会满足介绍里面的所有需求：渐进式的，响应式的，连接独立的等等。我想给你一个能够在 PWA 内完成的目标的总览：流畅的原生式的应用，离线行为，原生特性结构，推送通知。

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…