首页 > 手机js特效 > 前端框架 > 手机移动端开发脚手架基于gulp的使用js特效下载

手机移动端开发脚手架基于gulp的使用js特效下载

上一篇 下一篇
移动端开发脚手架
基于 gulp 的使用 zepto、handlebars、sass 并且带移动端适配方案(flexible.js)的前端工作流,旨在帮助移动端项目的开发。
 
背景
在移动端项目的开发中,我们会遇到诸如移动端技术选型、移动端适配、预处理器语言的使用规范和编译、各种繁琐的工作(压缩、合并、内联、雪碧图、CSS前缀……)等问题,在一遍又一遍的重复劳动中,我们需要一个能够结合最佳实践的项目初始文件,本套工作流就是以这个目的进行构建,旨在提高移动端项目开发效率。
 
技术选型
zepto.js + deferred.js + callbacks.js + touch.js(库)
flexible.js(移动端rem适配方案)
handlebars(模板引擎)
gulp(自动化构建工具)
sass(预处理器语言)
功能
Sass 编译
CSS JS 图片压缩
CSS JS 合并
CSS JS 内联
HTML 的 include 功能
Autoprefixer
自动刷新
去缓存
提供Handlebars模板文件的预编译
提供常用功能函数
雪碧图
ESLint
rem 移动端适配方案
内置样式与 WeUI 样式相同的 loading、dialog 组件
教程
针对移动端的前端工作流
 
共 13 篇,讲解了本套脚手架的各个方面。
 
使用
git clone git@github.com:mqyqingfeng/lnv-mobile-base.git
 
cd lnv-mobile-base
开发和编译
1.开发时使用:
 
gulp
当你开启 gulp 命令后,不要关闭终端,gulp 会监控 src 目录下的变化,根据文件的不同进行对应的操作。
 
2.最终构建:
 
gulp build
当你执行 gulp build 命令后,会自动压缩、合并、内联、去缓存,这是最终的上线版本。
 
说明
如果有疑问或者发现错误,可以在 issues 进行提问或勘误。
 
如果对你有所帮助,欢迎 star,对作者也是一种鼓励。
 
License
MIT

模板简介:该模板名称为【手机移动端开发脚手架基于gulp的使用js特效下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【前端框架】栏目查找您需要的精美模板。

  • 下载密码 lanrenmb
  • 下载次数 9,983次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 11-07
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
  • 焦点图
  • 导航菜单
  • 悬浮漂浮
  • tab标签
  • 前端框架
  • 热门推荐 更多 >
    微信公众平台 单页式简历模板 微信文章 html5 微信模板 自适应 微信图片 微信素材 响应式 企业网站
    您可能会喜欢的其他模板