• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

xiangst0816/AppDownloadPage: 10分钟完成App下载页面编写的Gulp工程,建议Fork! ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

xiangst0816/AppDownloadPage

开源软件地址(OpenSource Url):

https://github.com/xiangst0816/AppDownloadPage

开源编程语言(OpenSource Language):

JavaScript 49.8%

开源软件介绍(OpenSource Introduction):

10分钟完成App下载页面编写

差不多前端工作上一段时间完成这样的页面没什么难度。当时项目经理说App发布会在中午2点开始,12点半告诉我要完成这个页面,要求如下:

  • 解决手机端兼容性的问题,尤其是小米浏览器
  • 解决响应式的问题,iphone5上能显示全
  • 在微信中显示提示“在手机浏览器中打开”
  • 图片上传到CDN,区域资源全部打包到一个html中并压缩(最终交付一个html)

看样子要上一个Gulp工程了,于是着急的写了一个gulpfile.js,然后吭哧吭哧了差不多1个多小时完成了页面。页面完成后,觉得这样的需求应该不是突发的,日后App发布时的H5下载页都需要写一份,所以将项目当做种子文件,发布到Github上便于以后应对。

项目地址

点这里,预览最终预览如下:

如何开始

  1. 点击上面的地址下载该项目
  2. 进入目录运行npm install
  3. 执行gulp serve开始编码

Gulp任务

任务名称 任务介绍
serve 开启服务,页面修改能自动刷新
default 清理dist目录,执行build
build 生成最终文件
serve:dist 生成最终文件,并进行预览



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap