H5
蚂蚁上的大象
一个大龄的前端渣渣
展开
-
H5页面适配 iPhoneX,就是这么简单
前言iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。笔者通过查阅了一些官方文档,以及结合实际项目中的一些处理经验,整理了一套简单的适配方案分享给大家,希望对大家有所帮助,以下是处理...转载 2018-02-26 15:38:52 · 1512 阅读 · 0 评论 -
移动端H5的数据库,IndexDB和WebSql
本篇封装了移动端H5的数据库,兼容了IndexDB和WebSql,只需使用key-vale的方式进行存取;为什么要封装WebSql呢?ios9还不支持IndexDB;闲话少说,直接上代码var isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);//判断是否是iosvar isoVersion = ...原创 2018-08-16 10:38:57 · 8514 阅读 · 3 评论 -
姓名,身份证input验证过滤
在项目中总会出现一些身份校验的需求,今天跟大家说一下姓名和身份证的验证方法姓名验证:需求,可输入英文、汉字for(let i=0;i<e.length;i++){ if(/^[a-zA-Z\u4e00-\u9fa5]+$/.test(e[i])){ this.ruleForm.name= e; }else{ if(i == 0){ ...原创 2019-08-02 17:56:36 · 1611 阅读 · 0 评论 -
vue里px转rem,适用于移动端
1.安装lib-flexible我使用的是vue-cli+webpack,所以是通过npm来安装的,如果安装失败的话推荐用cnpm淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm install lib-flexible --save2.引入lib-flexible在main....转载 2019-08-03 17:18:55 · 318 阅读 · 0 评论 -
postcss-px2rem-exclude打包rem影响其它项目的解决方案
在同一个VUE实例下的多个项目,比如一个是H5,另一个为Admin管理系统,那么在H5中使用了"postcss-px2rem-exclude",这样会影响到Admin页面里的样式变化,这个时候我们就需要把需要的文件在编译时打包成rem,而不需要的文件则过滤掉。emmmmmm.......找了很多方法都没能做到,最后请教了一位大神,只需要在 .postcssrc.js 文件中配置一下就好了,下面...原创 2019-08-07 16:36:28 · 4436 阅读 · 0 评论