if else、switch case 是日常开发中最常见的条件判断语句，这种看似简单的语句，当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。 下面我们会分别从 JavaScript 语法和 React JSX 语法两个方面来分享一些优化的技…

在上一篇文章中介绍了前端工程化中脚手架工具，这篇文章作为前端工程化的第二部分，自动化构建。 一切重复工作本应自动化。 自动化构建是前端工程化中一个重要的组成部分。 自动化就是通过机器代替人工，构建就是将源代码转换为生产代码。 机器自动将源代码转换为生产代码的过程就是自动化构建工…

由于现在开发中，前端可以负责的范围越来越大，早已不是仅限制于网页。像 App、小程序、甚至桌面应用，都可以使用前端技术来开发。 所以原来通过前端写 Demo，后端套数据的模式早就无法支持现代多元化前端开发。 前端工程化就是在这个背景下成为了受人重视的技术，并且是目前前端开发必备…

推荐几个非常实用的 VS Code 插件. 附 gif 图. 1. Better Comments Better Comments 你可以使用不同的前缀来让注释显示为不同的颜色。 非常适合快速扫描并发现重要的代码片段。 若使用的话, 建议团队统一规范. 2. Bracket P…

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

😃 感谢大家阅读, 最后推下自己的小工具, 作为工作了8,9年的老菜鸟插件用多了自己也造了几个小工具, 大家看看有没有需要的. 🔥 支持vscode版本, 查正则再也不用"百度"了. 😃 vscode中搜索"any-rule"进行安装. 👋一个手势库, 支持tap(点击…

内容有点儿多，将分为两篇内容与大家分享。有的地方确实难以理解，可以多动手实现一下，看看效果。 一直听说有这么一句话，在JavaScript中，一切皆为对象。 经本人慎重研究之后发现，此言的确不虚。（这不废话么，虚不虚的还用你说。） 今天斗胆跟大家一起讨论一下JavaScript…

基础决定一个人的上限，很多时候我们感叹别人在实现一个功能时使用方法的精妙，并且反思，为什么别人想的出来自己却想不出来？我觉得主要是因为对于基础的掌握上有很大的差距。本文总结数组的所有方法的基础使用，希望对你有帮助，如果有错误，请指出。 1、该类数组对象必须具有 length 属…