「工欲善其事，必先利其器」，颜值高且好用的工具往往能让我们事半功倍，介绍一些个人觉得在`Mac`好用的工具以及配置，让你编码和工作效率提升

这是一份来自未来的文档，感谢你对前端技术领域持续关注。读完本文你将知道 2022 年前端人都在关注些什么？

canvas简单动画,window.requestAnimationFrame,太阳系天体运动绘制。

canvas英文翻译为画布,作为一种html5的标签,canvas主要功能是绘画.也就是说使用canvas可以用javasccript在网页上绘制图像,可以精确控制每一个像素. canvas是常规的html闭合标签,可以设置 width 和 height 属性，单位是 px ,…

“线”是可视化展现中最常见的图形元素，最直观的就是折线图，如图一。 我们也经常使用线来绘制闭合的路径，从而形成可填充区域，比如面积图和雷达图，如图三和图四。 本篇文章在 Canvas API 的基础上，为大家讲解可视化研发中线的画法封装和线的动画实现方案（整体方案建立在图形学基…

最近在学习使用框架的时候，分别使用vue和react开发了两个移动端产品，对这两个框架的学习曲线有了一些感悟，这两个都是现在比较热门的js框架，它俩在使用方式上和学习复杂度上还是有很大区别的，这里简单总结下两者的差异。 vue由尤雨溪开发，由独立团队维护，现在大部分的子项目都交…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

单例模式是创建型设计模式的一种。针对全局仅需一个对象的场景，如线程池、全局缓存、window 对象等。 JavaScript 是一门非正规面向对象的语言，并没有类的定义。而单例模式要求一个 “唯一” 和 “全局访问” 的对象，在 JavaScript 中类似全局对象，刚好满足单…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，