前端路上的思考: 阿里前端委员会主席, 以史为鉴, 分析了当下前端的发展趋势, 为我们发展提供借鉴意义, 以及发出了灵魂叩问, 为什么总是别人引领趋势, 是我们能力问题吗, 是我们没思考吗, 值得我们学习和反思。 ...

小程序的模块化采用了Commonjs规范。也就是说，我需要提供一个monitor.js文件，并且该文件需要支持Commonjs，从而可以在小程序的入口文件app.js中导入： 但是考虑到代码量，为了降低耦合度，我还是倾向于把代码拆分成不同模块，最后把所有JS文件打包成一个mon…

在我们开发项目的时候，无论项目规模大小，在所难免会写一些工具型函数来解决一些问题，随着项目开发和维护的时间越来越长，这些工具型函数会越来越多，同时还会穿插在各个项目的各模块或者文件当中，使得项目变的越来越臃肿，也不方便复用和维护。这时我们就会提取出一个类似的工具库或者基础库作为项目基础依赖，在项目中重复利用起来，比如拿 AngularJS 这个框架来说，在他的全局作用域 (angular) 下就挂载很多类似 angular.foreach 这样的函数。 为了这样的工具库或类库更易扩展、易维护、易复用和更加稳定，我们就需要更好的去管理，参考前端业界，正好 underscore.js 作为这样的一个工具型”类库”在各大项目而被广泛使用，那么我们就基于 underscore.js，站在巨人的肩上，看看巨人怎么来打造前端类库的。

IOC（控制反转）是一种编程思想，可以解耦组件，提高组件复用性。 士兵的武器应该是多种多样的，但是在Soldier类内部依赖了Rifle。 理想的状态是：士兵不依赖具体的武器，弹药库里有什么武器，就用什么武器。 在这种情况下，IOC作为弹药库，就派上了用场。 这一步被称为DI（…

关于组件化的探讨已经有不少了，在之前的文章iOS VIPER架构实践(三)：面向接口的路由设计中，综合比较了各种方案后，我倾向于使用面向接口的方式进行组件化。 这是一篇从代码层面讲解模块解耦的文章，会全方位地展示如何实践面向接口的思想，尽量全面地探讨在模块管理和解耦的过程中，需…

当我们去实现一个组件库的时候，并不会一上来就撸码，而是把它当做产品一样，思考一下我们的组件库的需求。那么对于 element-ui，除了基于 Vue.js 技术栈开发组件，它还有哪些方面的需求呢。 丰富的 feature：丰富的组件，自定义主题，国际化。 文档 & demo：提…

一个业务工程Project1，会同时依赖于lib1、lib2、lib3，其中lib2又依赖于lib1，lib3又依赖于lib1和lib2这种复杂依赖情况。（lib1,lib2,lib3是自己开发维护的npm包，分别发布到私有服务器，我们称为自研依赖库，以区别第三方依赖库）。 方…

从而提高业务的开发效率。但是我发现埋在明确需求之后，开始调研技术方案时，很多同学并不清楚要调研哪些技术点，怎么找到某个具体方向的解决方案，找到方案之后都需要试哪些case, 以及怎么把这些方案集成在一起等等。 其实不用想那么复杂，你只需要按照以下三个技术实现的关键点搞定就可以了…

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。 结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录…