骤雨

全球疫情仍在持续之中，虽然国内情况正在日渐好转，但国外疫情却愈演愈烈。大家应该 每天都会查看疫情地图来了解世界各地的疫情情况，那如何使用前端知识来绘制我们自己的疫情地图呢。 这里在d3.select方法内部传入svg标签的id值来取到render方法定义的svg标签，然后通过a…

各位前端的小伙伴应该都知道，继承与原型链大概是面试中被问过比较多的问题了。它不仅考察面试者对javascript这门语言的理解，更是前端人进阶必须要掌握的知识。今天就让我们来一起学习一下这个js语言的重中之重吧。 说到继承，对于程序员们应该是再熟悉不过了，尤其是开发Java，C…

Visual Studio Code（简称 VSCode）目前已经成为了大多数前端开发人员的标配IDE了，之所以有这么多开发者使用这款软件，我想最大的原因之一就是它的扩展系统。拥有了扩展系统，就能够DIY出属于自己的IDE，能够提升我们的开发效率，提升我们开发时的体验。 ext…

由于Javascript起初是在浏览器中运行的编程语言，其执行会阻塞浏览器对dom树的解析和渲染，所以js中充满了大量的异步操作，例如：dom事件绑定，Ajax异步请求。Javascript起初是使用回调函数作为异步操作的解决方案。 但使用回调函数面临了一个问题，就是当多个异步…

引言：在React项目开发的过程中，怎么减少代码冗余，提供代码质量，加强代码的可维护性，都是我们经常要考虑的问题。接下来，我会用HOC、Render Props、Hook这三种方式，示范一些常用的组件封装的技巧 高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧…

所谓的双向绑定其实就是，ui或者数据有一方做了修改，那么另外一个也会随着改变。 视图驱动数据，这个很简单，我们只要绑定事件就可以，但是数据要怎么驱动视图呢？这里就需要去对数据做监听，我们通常称之为”数据劫持“在每一次数据改变的时候，去执行更新视图的操作。 当我们读取或者设置被定…

transition和animation都是css3提出的新特性，我们可以使用这两个特性做出丰富的动画效果。但由于这两个特性的功能又有部分重叠，很多时候不知道该选择哪一种。接下来让我们了解一下这两个特性以及他们的使用方法吧。 transition的字面意思即为过渡，它通过控制元…

随着前端技术体系逐渐成熟，前端开发人员的必备技能已经不仅仅局限于简单的页面的编写，而是有越来越多工程化的事情需要我们去考虑。怎么才能让一个项目的开发变的顺畅，不需要考虑太多的浏览器兼容的问题？如何降低代码的冗余，减少生产环境代码的体积？如何提升用户使用产品时的体验？等等这些问题…

随着前端技术的飞速发展，前端开发也从静态页面发展到了web应用，简单的静态页面已经不能满足前端开发的需求。这时涌现了大量的工程化工具，例如早期的gulp，grunt等任务流工具，他们类似于使用javascript完成了shell的一些功能。这些工具虽然解决了大量静态文件的批处理…

缓存能够减少浏览器请求资源的次数，当第一个请求资源完成后，根据相应的缓存机制，将一些静态资源存储在本地磁盘当中，这样下次请求资源的时候，浏览器直接从本地缓存中读取文件，不需要再次发送请求。这样可以减少了网络延迟，加快了页面响应速度，增强了用户体验；减少了网络带宽消耗；减轻了服务…