一般人之所以不使用 css来绘制仪表盘，基本都是因为这个原因，canvas简简单单通过设置一个 ctx.lineCap = 'round'就能解决的问题。似乎 css无解了

此外还要注意这里不一定就是正式进入规范的语法。 1. let 和 const 在我们开发的时候，可能认为应该默认使用 let 而不是 var，这种情况下，对于需要写保护的变量要使用 const。 然而另一种做法日益普及：默认使用 const，只有当确实需要改变变量的值的时候才使…

本次文章描述尽量，也尽量以『前端开发者』的身份去思考和描述问题。当然范围不限于前端本身，技术本身是没有边界，思考和意识也一样。这次去上海最大的感受就是 ：不要给自己设限。 分享的视频 Google 搜索就可以找到。内容不在一一介绍了。今年谷歌开发者大会的主题是：更好赋能开发者!…

之前在一个移动端的抽奖页面中，在抽奖结果的展示窗口需要弹幕轮播显示，之前踩过一些小坑，现在总结一下前端弹幕效果的实现方式。 1. css3实现乞丐版的弹幕 其中如果I）中和II）中的属性发生变化会发生reflow(回流)，如果仅仅III）中的属性发生改变，只会发生repaint…

前面几节我们学习了节流函数 throttle，防抖函数 debounce，以及各自如何在 React 项目中进行应用，今天这篇文章主要聊聊 Lodash 中防抖和节流函数是如何实现的，并对源码浅析一二。下篇文章会举几个小例子为切入点，换种方式继续解读源码，敬请期待。 有什么想法…

本文的目的就是通过一个案例分析了解前端性能的指标及其对应的优化手段。 根据刚刚疑问，前端性能优化的难点在于制定指标，并且将其具现化为数据展示，如果有个评分最好了，那我们就只要努力提供我们网站的评分就行了。 Ligthhouse收集了我们感兴趣的大部分数据，并对其进行了分析，将分…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 1. this 的奥秘 很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大，但需要一定付出才能慢慢理解它。 对Java、PHP或其他标准语言来看，this 表示类方法…

可以将可迭代对象理解为“宽泛意义上的数组”——就是说，不一定是数组（Array.isArray(iterable) 返回 false），但却能够被 for...of 循环遍历。 可迭代对象不一定是数组，数组一定是可迭代对象。 为了能让 range 这个普通对象变为可迭代对象，我…

正则表达式在几乎所有语言中都可以使用，无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支持正则表达式。 但很神奇的是：无论你大学选择哪一门计算机语言，都没有关于正则表达式的课程给你修，在你学会正则之前，你只能看着那些正则大师们，写了一串外星…