H5活动页开发有关
活动页开发流程 针对各种节日各种活动，临时定稿开发的活动页，往往时间安排都比较急 ———— 产品定下需求方向 UI实现设计稿 1. 草图和交互逻辑定稿=>多少个页面，每个页面表达的含义以及和用户的交互逻辑; 2. 具体到每个页面的UI设计稿; 3. 动效脚本稿; 基于2.1 ...
原文：移动端H5活动页优化方案
背景 项目：移动端H 电商项目 痛点：慢 初始方案：最基本的图片懒加载，静态资源放到cdn，predns等等已经都做了。但是还是慢，慢在哪 显而易见的原因：由于前后端分离，所有的数据都由接口下发，之后根据模板渲染页面。也就是说，我们需要先加载js，等到js加载完毕之后，请求接口，接口返回数据之后，渲染页面，加载图片等等。尽管使用了模块化的加载方式，但是对于要求高的首页和活动页，给用户的感知也不是很 ...
2018-04-06 21:06 0 917 推荐指数：
相关推荐
h5活动页开发总结记录
前几天在做h5活动页面的时候,有这样一个需求 上面的活动排行点击查看历史排行数据，弹出日期选择框，如下图 点击要查看的日期排行数据，这里需要对还没到的日期做处理，让用户不能选择，只可选择今天或者之前的日期 那这个功能怎么实现，主要有以下几个点： 1.点击日期单选功能，添加选中样式 ...
H5活动页面与APP交互规则
...
vue移动端h5页面根据屏幕适配的四种方案
最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。 方法一：引入淘宝开源的可伸缩布局方案 引入淘宝开源的可伸缩布局方案 ...
h5 移动端适配方案
h5 移动端适配方案 设定viewport 打开public\index.html，在html\head结点下加入<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale ...
移动端H5页面高清多屏适配方案
背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高 ...
解惑好文：移动端H5页面高清多屏适配方案（2）
视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×667 ...
移动端，h5页面1px 1像素边框过粗解决方案
//h5有个小bug 1像素边框过粗，其实有个解决方案，就是利用伪元素：after，结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //完美解决h5下 1px 边框过粗的问题，是不是很简单呀。 //当然，有时候也会遇到按钮边框使用border-radius ...