本文是 “H5 必知必会” 系列第二篇。我们提到过，所谓 “H5” 本来应该是 HTML5 的简称。但是，在中国，“H5”并不是 HTML5 的简称那么简单，它更多地被用于指代内嵌在手机 App 中的网页。无论国外有没有 “H5” 这个说法（应该没有），反正在国内只要说到 Ap…

以往用到图片上传功能都是直接使用现成的插件，今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时，此属性才有意义。 返回一个 FileList，列出每个所选文件对象。除非 multiple 指定了属性，否则此列表只有一…

1. 默认全屏 在 viewport 的 meta 属性中，添加 viewport-fit=cover 即可。 viewport-fit 默认值为 auto/contain，全屏值为cover，是不是感觉很熟悉？嗯，和 background-size 以及 object-fit…

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，…

使用postcss插件转换px为vw安装配置在postcss.config.js中配置解决宽高比安装加入通用样式使用解决1px安装加入通用样式使用

有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。…

单入口与多入口地址app的入口是确定的惟一的，只能通过app的主页面一级级进入，这就决定了app没有一些异常进入的途径，从而大大的降低了app产品的复杂度。这样的设定对于流程界面是非常好的，比如从a>