15年刚来运满满，那个时候的前端团队还只有2个人，还没有用到打包的相关工具，我们重构了前端的开发流程，引入了vue做基础开发框架，使用了fis3做项目打包，由于项目快速迭代，公共库的增加，我们引入了webpack，配合npm进行基础库的拆分，方便维护和管理。同时也带来了一个新的…

本文主要结合GitHub GraphQL API，从前端使用者的角度来谈GraphQL，没有GraphQL项目的同学可以拿GitHub GraphQL API练手，具体代码可参见我的GitHub Blog，欢迎star、fork。 那么问题来了：两个页面的数据结构title和u…

npm是JavaScript的包管理系统，提供通用的模块给其他开发者及工程内使用，类似于Java语言 的 maven库，设计师使用的素材库。 好用的npm包系列致力于挖掘一些好玩实用的npm包，聊些使用场景和实现思路。如果说程序员喜欢用自己的方式去实现别人已实现的东西，叫做重复…

说到抓包这个问题，很多初级的前端都不太能意识到这个问题，虽然本人也就是个小菜，但是对于抓包工具可以说是熟练掌握了，因为有过太多接口的问题被测试指派了我，那么如果熟练掌握了抓包不仅能快速定位出问题，还能分析网络请求，以及一些前端逻辑的问题导致接口多次触发等现象。 所以一个合格的前…

Proxy 是 JavaScript 2015 的一个新特性，下面让我们看看他实现哪些有趣的东西。 在 JavaScript 里，我们通常用一个对象来表示枚举值。 但这往往是不安全，我们希望枚举值： 如果不存在的话，报错。 不允许动态设置，否则报错。 不允许删除，否则报错。 我…

周一入职，同事JJ让我熟悉一下基于React的新项目。 “咦，yarn是什么鬼？难道npm更高级的替代品？为什么要替代npm？难道有什么好的地方？”，内心一连串的问题冒出来。我就默默的问了一下JJ：“yarn是跟npm一样的东西吗？”，“嗯。”JJ忙碌的敲着键盘，显然这个问题不…

然后在根目录下新建index.html文件。 entry文件夹是webpack打包的入口，page文件夹是各个.vue页面。 weex最常见的使用场景就是编写某一个页面而不是整个APP，即开发一个一个的页面，然后把这个页面放到native端呈现。所以我们的weex-starte…

公司的前端构建及部署工作都是人工去做，随着业务扩大，项目迭代速度变快，人员增多，各种问题都暴露出来，本文是对前端自动化工作流进行探索后的一篇经验分享，将通过一个简单案例分享一下基于Jenkins的前端自动化工作流搭建的过程，搭建完这套工作流，我们只需要在本地发起一个git提交，…

随着web开发变得越来越复杂，我们需要使用工具来帮助我们构建现代化网站。这是一个完整通过复杂webpack4配置的线上生产例子。 构建现代化网站已经成为自定义应用程序开发，网站期望能做的更多，具有传统应用的功能，而不仅仅是一个推广网站。 随着一个流程变得复杂时，我们就会将它分解…