项目说明
项目周期:1个月
参与人数:3人
线上地址:https://sh.jiabasha.com/m/
产品图片
技术栈
gulp + browsersync + webpack + jade + jquery +sass
browsersync 本地服务器,支持热更新
gulp-autoprefixer 添加浏览器前缀
gulp-uglify js文件压缩
gulp-sass sass文件编译
gulp-imagemin image压缩
gulp-jade jade模板
webpack 模块化封装
等等
使用gulp构建过后的文件将输入到dist目录,目录结构如下:
1 | |---dist |
布局方案
1、采用了手淘flexible布局方案,动态计算根节点的font-size
- 参考:https://github.com/amfe/lib-flexible
2、使用pxtorem2模块对px进行编译 - 参考:https://www.npmjs.com/package/pxtorem2
本文作者:
老左
本文链接: https://zuojiquan.com/post/20180301/jiabahsa-mobile/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可,转载请注明出处!
本文链接: https://zuojiquan.com/post/20180301/jiabahsa-mobile/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可,转载请注明出处!