前言 不知道大家在工作中是否遇到需要把一个非移动端的项目快速改造成为移动端适配的需求 此篇以 理论+实战演示 快速分析改造一个项目使其能进行移动端适配 同时对移动端适配方案也进行了总结 妈妈再也不用担

作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 之前两篇文章已经详细的论述了1px 问题与 响应式布局问题，并给出了原理和解决…

最近写了第三个移动端 H5 的项目，准备记录下自己在 H5 项目中的一些实践探索。移动端 H5 与 PC 端开发最大的区别之一，大概就是响应式布局问题。 那么下面我们就来聊聊移动端响应式布局，了解他的来龙去脉，对现有的最佳解决方案探索吧。 H5 这个命名本身是一个很不讨巧的命名…

出来混，那些混过去的，迟早是要还的 (￣Д ￣)┍ 。 1. 什么是 viewport ? 它的的作用是啥？ 提到 viewport，之前总感觉挺突兀的，但是当我最近做移动端项目时，突然关注到一直被忽略的 meta 标签的时候，才恍然大悟（o(╯□╰)o）。那么，首先让我们来了…

最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1 物理像素。 CSS 像素 (虚拟像素)：指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对单位以及相…

本文整理了前端开发同学在开发手机页面的时候遇到的各种问题，希望能够对解决移动前端开发中遇到的问题提供帮助。 在 Android 中提供了 WebView 控件用来展示网页内容。对于 WebView 需要注意：Android 的 WebView 的主要问题在于不同 Android…

侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~ 侧边栏特效一 先看效果： 点击按钮侧边滑动 wxml: …

HTML5现在本领太大了，PC端已经无法满足它的胃口了，它将强势攻入移动端，所以移动端中各种特效也得基于HTML5实现，看看我们将要介绍的slideout.js，能帮我们实现怎么样的侧边栏滑动特效呢~~ 先看下运行效果： 一、准备资料 只需要准备slideout.js库即可： …

1. 拉起数字键盘 2. 只允许用户输入6位数字 哎吆喂，就2个需求嘛，so easy！开始我们的input的type为number,给它来个最大的可输入长度。盘它！你会发现不管是在安卓手机还是苹果手机，系统自带的输入法，用户装的输入法，各式各样的奇葩都在里面。再加上在各种浏览…

我们用webpack做单页面应用开发应该尝试过很多次了，如果在同一个项目需要支持PC端和移动端，做成多页面应用，开发时能根据请求的终端返回不同的内容，应该怎么做呢？以下描述的是我尝试的一种方案，并且以vue-cli 2.x提供的模板为例，访问 Github 可查看本项目源码。 …