前言 文章较长，建议收藏～ 笔者个人实话实说，是第一次做活动页相关的前端开发工作，所以也算是初体验之后的总结： 第一：活动类经历会短期内提升一个业务前端的技术水平 如果你从来没写过活动类型的需求，第一

屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式，即 分层。 对于屏幕适配这类…

1. 原生开发 比较快捷地使用设备端提供的接口，处理速度上有优势。 必须等下载完毕用户才可以打开，获得新版本时需重新下载应用更新。 新需求迭代，上线慢。 2. web APP (h5开发) HTML5应用开发，是利用Web技术进行的App开发，可以在手机端浏览器里面打开的网站就…

来自我司业务方要求，需开发一款APP。但由于时间限制，只能采取套壳app方式，即原生app内嵌webview展示前端页面。本文主要记述JavaScript与原生app间通信，以及内嵌webview开发时，前端方面可能踩的一些坑。 android 传送门 和ios 传送门，因为两…

.net混合开发的vue模板语法的单页面应用，所以不存在脚手架以及没有路由可以跳转。 需要写两个页面，在订单详情页需要点击“请输入手机号”进入手机号绑定页面，手机号绑定成功后自动跳转到订单详情页，如果该手机号已经绑定成功，则不显示“请输入手机号”（即不可点击进入下一个页面），只…

骨架页面（Skeleton Page）指的是当你打开一个 H5 页面，在页面解析和数据加载之前，首先给用户展示页面的大概样式。在骨架页面中，图片、文字、图标都将通过灰色矩形块来展示，在真实页面展示之前，用户能够感知到即将加载页面的基本 CSS 样式和页面布局。饿了么移动 web…

移动端h5经常遇到的情况就是，活动多，迭代快。但单页面的情况显然会不适用，主要体现在以下几个方面： 重复建立项目，手动😭添加，效率低。 1. 在pages下建立自己的页面 2. 项目启动和打包 3. nginx配合 nginx只需要配置个location的根目录即可。 构建的…

2016年刚接触移动端开发，刚开始比较疑惑，每次遇到问题都是到社区里提问或者吸取前辈的经验分享，感谢热衷于分享的开发者为前端社区带来欣欣向上的生命力。本文结合先前写的文章和开发经验分享给大家，希望也能帮助刚步入移动端开发的新人解惑。以下会以其中一个以公积金页面开发项目作为例子，…