一个webAPP 写完了，并不代表就结束了，优化过程非常重要，手机端的软件往往追求的体验和性能。 1)减少js加载体积 很多库能用CDN的尽量使用CDN，这样打包出来的js体积会很小，加载很快。 2）尽量采用比较轻量级的UI 组件库 比如museUI，mintUI等 3）图片尽量放在图片服务器…

移动端H5的一些总结 页面禁止滚动（滑动穿透） 1.在移动端h5中，经常会遇到下图这种情况的弹窗，弹窗背景后面的内容不允许滚动 2.只需要在背景节点身上加上touchmove.prevent即可(vue中)，此时处于该节点及其子节点等将无…

移动端h5常用的几款插件 1、拖拽排序插件——Sortable.js演示地址：https://www.jq22.com/yanshi10850 2、日期选择插件——rolldate.js演示地址：https://weijhfly.github.io/rolldate-index.html 下载地址：https://www.jq22.com/jquery-info19834 3、图片裁剪插件——croppe…

前言 在前端开发过程中，时常遇到移动端需求。若是每次部署完成后再查看开发效果，可能过于费时费力，因而需要可直接完成真机测试的配置 方法一：无需部署，直接同步本地调试 一：查询电脑本地IP地址 1&#xf…

当我们做H5移动端项目或移动官网时，要求要根据不同机型做等比例缩放 一、rem适配 rem是相对单位，是相对HTML根元素的 font-size 来决定它的大小，1rem 就等同于 html标签font-size的大小。所以rem的适配就是去调整 html标签的font-size&…

1. 初始化页面 滚动监听事件 mounted() {window.addEventlinster(scroll, this.windowScroll, false) }2. 滚动事件 //数据 data(){return{list:[],page:1, // 分页页数limit:10, // 分页条数total:0, // 总数isLoading: false //是否加载中} } methods:{windowScroll(){let …

前段时间接触了h5移动端的开发，移动端字体大小不同于pc端一般直接用px单位，而是经常用rem作为基础单位，常规做法使用1rem=100px的换算方式，如果设计稿是375px作为整个屏幕端度的话，那么我们换算过的屏幕宽度则为3.75rem；如果设计稿是450px的话，屏幕宽度则为4rem。具体设…

在开发移动端h5应用时，尤其是在开发混合app时，一般情况下，顶部导航会一直固定在页面头部，如下图： h5的常规操作是直接来个fixed定位，代码如下： position:fixed; top:0; left:0; right:0; 但是，这种写法，在ios系统下，会出现一些，类似下拉页面时，导航会一起滚动，无法…