阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错…

之前写过一篇 web安全之XSS实例解析，是通过举的几个简单例子讲解的，同样通过简单得例子来理解和学习CSRF，有小伙伴问实际开发中有没有遇到过XSS和CSRF，答案是有遇到过，不过被测试同学发现了，还有安全扫描发现了可能的问题，这两篇文章就是简化了一下当时实际遇到的问题。 跨…

本文会带你简单的认识一下webpack的loader，动手实现一个利用md转成抽象语法树，再转成html字符串的loader。顺便简单的了解一下几个style-loader，vue-loader，babel-loader的源码以及工作流程。 webpack允许我们使用loade…

最近团队内有同学，由于写react hooks引发了一些bug，甚至有1例是线上问题。团队内也因此发起了一些争执，到底要不要写hooks？到底要不要加lint？到底要不要加autofix？争论下来结论如下： 团队再出一篇必读文档，必须要求每位同学，先读再写。 因此便有了此文。 …

举个真实日常例子：前两天，在业务代码中，需要获得数据的中位数，并使用 echarts 绘制出中位线，辅助分析。写代码之前，先找了一下中位线的定义。 其中 [].concat(arr) 达到的效果就是代码的 immutable。 数据污染：经过一个方法，数据就变化了，多么可怕。 …

webpack 对于每个前端儿来说都不陌生，它将每个静态文件当成一个模块，经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述了 webpack 的功能 —— bundle js / css / ... （打包全世界ヾ(◍°∇°◍)…

函数式强调在逻辑处理中不变性。面向对象通过消息传递改变每个Object的内部状态。两者是截然不同的编程思想，都具有自己的优势，也因为如此，才使得我们从 class 组件 转化到 函数组件式，有一些费解。 从 react 的变化可以看出，react 走的道路越来越接近于函数式编程…

这个是项目的主文件, 也是整个程序的总控. 正如注释, 执行命令前, 从这里检测我们的命令目录下是否已经存在了用户请求的命令, 避免了用户误操作程序报错的风险. command 目录下存放的是我们整个项目中所有的命令文件, 不同的命令对应不同的文件, 体现了单一职责的设计. d…

本期我来给大家推荐的书是《高性能JavaScript》,在这本书中我们能够了解 javascript 开发过程中的性能瓶颈,如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。同样我们今天还是用思维导图的方式来精读一遍。（思维导图图片可能有点小，记得点开看，…