移动端项目总结

从当初的项目构建，使用什么框架来进行搭建和模拟后台数据，到现在这个小项目基本完成 大概也花了近一个星期。 花的时间还是太多了，之前我写过类似这种的，但是使用的是原生 js 结合 jquery 来进行实现的 但是现在我选择的是使用的 angularjs 。 至于为什么要使用这个框架，其实我就是使用它的双向绑定功能以及里面的指令和模型等功能 为什么不适用 reactjs 都知道这两个库都有双向绑定功能 而且都是可以开发组件的 就是一点我不喜欢 jsx 虽然是 JavaScript 的加强版 但是 我始终喜欢不起来啊 所以还是使用 angular ，有人又要问了为什么不适用 angular2 正式版不是出来了么？ 是的，虽然正式版已经出来但是 我使用过 Ionic2 使用 nodejs 热编译出来的打包 js 有两点多兆 试问我就这么一两个页面逻辑也不是很复杂为啥要用如此庞大的库 还不如使用 Vue 有点儿大材小用的感觉 。 说一说项目里面遇到的坑 第一个就是使用 iscroll 相信 开发移动端的朋友都用过这个库 其中使用过程中遇到了滚动内容区域无法进行点击 第一个我网上查了下 便 设置了 preventDefault 为 false 但是我在移动端测试的时候感觉滚动会卡 所以 pass 掉 设置 click 为 true 解决了这个问题，不知道我的解决方法是不是很好，反正至少 目前是解决了的 第二个坑就是 在使用 angularjs 过程中 虽然现在已经写完了 但是我感觉还是不够好 还可以优化那就是使用 angularjs 的自定义指令功能 在这个自定义指令中定义独立的作用于 scope 第三个 我拿到的设计稿是 640*1200 这种设计稿 所以熟悉移动端设计尺寸的都知道这是 iPhone5 的设计稿 640/2 ，我第一想到的是使用 rem 来进行构建 但是想了想没有必要还是用 vm 吧， 但是 vm 这个单位最近才火起来的 兼容性不好 所以也 pass 最后就用像素来进行设计 但是所有 psd 量出的尺寸都要除以 2 （为什么这样可以百度，这里不细讲了） 这其中我没有使用 webpack 结合 gulp 对项目代码进行打包 主要是代码比价少 而且 还是用的 cdn 模块引入的公用库 所以没有必要再进行打包压缩。也不是不可以 总结就到这里。放一些效果图