读《滴滴 webapp 5.0 Vue 2.0重构经验分享》笔记

技术栈

MVVM框架:Vue 2.0
源码:es6
代码风格检查:eslint
构建工具:webpack
前端路由:vue-router
状态管理:vuex
服务端通讯:vue-resource

几个问题

1、如何实现组件化?
组件化现在几乎成为webapp开发的标准。作为开发者我们要从众多的组件中提取出哪些是基础组件,哪些是业务组件。
基础组件主要是指那些本身不包含任何业务逻辑、可以被轻松复用的组件,例如picker、toast、actionsheet等等...滴滴基于Vue 2.0实现了一套移动端端的基础组件库,打包了所有基础组件,并托管到npm私服上,便于使用。基础组件的通信基本就是往组件传入prop,并监听组件$smit的事件。
业务组件主要指那些包含业务逻辑,包括一些与后端接口通讯的逻辑。业务组件会包含若干个基础组件,通常我们会把一些业务逻辑的数据通过vuex管理起来。

2、同时开发与持续集成
滴滴使用gitlab管理代码,在开发人员较多的情况下,如果每个开发者都拉一个分支,那么会面临着分支太多,功能联调麻烦等问题。因此,滴滴约定了一套 git 的管理规范,每个大需求版本,我们会约定以 "dev +上线时间日期" 作为分支名创建开发分支,所有人在这个分支上开发,开发完成让 QA 测试该分支,上线前才会将分支合入主干发布。在两个版本发布期间如果有 bug fix,则约定以 "bugfix + 功能描述" 为分支名创建 bugfix 分支,修复完成后合入主干上线。每次上线前,都会运行脚本新增版本号,编译打包,保证前端资源的增量发布。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天早上并没有叫儿子起床,于是他美美地睡到了九点。 中午,虽然天还是下着蒙蒙小雨,但是我们几个还是...
    王王_5edc阅读 197评论 0 0
  • 闲来无事时,我随手翻看了一下手机里的电话本,竟然发现里面保存的电话号码有很多都是从来不联系的,也有的是很久都没联系...
    陌上花开平子阅读 879评论 0 1
  • 当我在中学历史中学到的商鞅变法,歌颂商鞅的成功,为中国第一个法家而流芳千古,并为我们在秦朝就开始依法治国而自豪。可...
    TeresaW阅读 490评论 0 0