项目改版总结

改版背景: 滴滴乘客端 升级改版,加上合并了 Uber 客服中心的样式要和端上保持一致,也是为了让 Uber 和 滴滴的 UI 趋同,避免维护两套代码,成本较高(我猜的,哈哈哈)。 改版情况 业务线众多,滴滴,Uber ,一号专车,小巴,等等,角色分为司机和乘客(用的一套代码)。 首页大变动,功能基本不同,但是司机端要保持原来风格,导致改版会很尴尬。 代码耦合比较严重,此次改版并不涉及所有页面,只是部...

谈谈自动部署

自动部署,听起来很厉害的样子,其实实际上并不那么复杂。 自动部署也是基于 GIT 等版本控制工具,所以在做回滚操作会比较方便。 我们现在大部分都是使用 git 来做版本控制,个人代码可能放在 github 但是 public 仓库,我的个人代码一般放 码云,有私有仓库,免费,公司一般使用 gitlab。上述网站都有 webhook 这种东西,是做什么用的呢,简单的来说就是你做了某个操作之后,他会自动的请求你设置的地址,...

模块化

什么是模块化打包 通俗来说,就是项目很大,要处理的业务逻辑很多,导致单个页面要加载众多的 js 影响性能,模块打包就是将一个个的 js 文件合并起来,当然不止这么简单。 如何打包 CommonJs,AMD,ES6 模块化 区别 CommonJS 是同步载入模块的,这对浏览器来说不是很理想,Browserify 首先会通过抽象语法树(AST)来解析代码中的每一个 require 语句,在分析完所有模块的依赖和结构之后,就会把所有的代码合...

采用 Mock.js

为什么要 mock 数据 很多时候后端没有做好的时候就要前端自己来造数据进行开发或者调试,为了提高效率,避免前端等后端的情况,所以大部分时间需要进行 mock 数据。 直接改代码 mock 数据 vs mock.js mock 数据可以有很多种方式,比如直接修改 ajax 返回的数据,或者使用一个请求拦截工具如:Charles 代理,或者使用 mock.js mock.js 好处: 不污染你的 js 代码,但是要在 html 中加载 mock.js ,可以在打...

一个简单的项目文件生成工具

github地址:https://github.com/4013465w/didi-kf 不知道什么原因,目前所在公司的项目结构十分奇怪 ├─css │ ├─module │ └─pages ├─images │ ├─common │ └─temp └─js 一个页面引用一个 css,在这个 css 里面 import 所有要加载的 css,也就是说如果要创建一个html页面,至少要创建四个页面,还要拷贝共同代码,引用 css,js 当然,这样是不能忍受的,所以产生做命令行工具的念头,也不是第一次做这个东西...

价格输入框

需求很简单: 对就是这么一个框而已     其实这个输入框看起来简单,仔细想想还是听麻烦的,首先要居中,恩,第二还要确定是价格,而且最后的价格标志不能被删除,要确保输入的是可以使用的价格,而且有保留小数的限制。 第一种方案,一个input框,type是number,难点在于如何确保两个居中 第二种方案,text-align:center,type是text,难点在于如何保证价格格式。 我采用的是第二种方案,代码...

Chrome 书签找回之路

手贱,在 chrome 登陆着账号的时候清空了标签,因为电脑要还了,当时只是退出了 google 搜索的账号,后来回到家,傻眼了,打开浏览器,书签就没了,要哭了,收藏了很多网址。 在网上看到书签本地有备份,可以改回来C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default,这地方下面有bookmarks.bak文件和bookmarks文件,干掉bookmarks,然后把bookmarks.bak的扩展名去掉。 但是有一个问题就是,...

npm scripts兼容 windows 和 linux

npm 的 scripts 可以简化我们开发使用指令,但是在不同的平台上使用起来是有差异的,比如: "start": "NODE_ENV=local DEBUG=koa node --harmony app.js" 在 Mac 下运行时正常的,但是在windows 下却会报错 'NODE_ENV' 不是内部或外部命令,也不是可运行的程序或批处理文件。 在 Windows 下使用 set NODE_ENV=local && DEBUG=koa 是正常的,但是在 Mac 下却可能出问题,那么有什么可以解决的办法么...

提高效率的工具推荐(Windows)

推荐三个个可以提高效率的工具: Cmder:代替 cmd 1. 支持复制粘贴,非常方便 2.窗口size能便捷缩放 3.支持多Tab页(如:chrome),方便管理 4. 颜值很高 5.支持大部分 Linux 命令,方便快捷, 下载地址:http://bliker.github.io/cmder/ full版本比较大,模拟了一些常用linux命令,自带git,vim Clover:给资源管理器加上多Tab管理 地址:http://ejie.me/ Wox:强烈推荐 Wox 是一个高效的本地快速搜索框,...

前端测试 mocha+chai+sinon.js

以前写代码就没测试过,哈哈哈,主要是以前大多数写的都是业务代码对测试要求不高,一般都是手测就可以啦,最近做了个node的项目,发现手测不大给力,于是上了自动测试。 Mocha 是一个JavaScript的测试框架,可以运行在node 中也可以运行在浏览器中。 chai 和 assert 一样是一种断言库,主要用来判断结果是否正确 sinon.js 可以用来mock 数据   那么怎样进行测试呢 ...
Copyright © 奋斗的承诺 保留所有权利.   Theme  Ality 鲁ICP备15004471号

用户登录

分享到: