相关文章
【移动端h5常用的几款插件 】
移动端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…
建站知识
2024/11/14 6:45:35
h5移动端开发中配置真机测试
前言 在前端开发过程中,时常遇到移动端需求。若是每次部署完成后再查看开发效果,可能过于费时费力,因而需要可直接完成真机测试的配置 方法一:无需部署,直接同步本地调试
一:查询电脑本地IP地址 1…
建站知识
2024/11/18 14:56:41
H5移动端适配 rem 和 vw 的区别
当我们做H5移动端项目或移动官网时,要求要根据不同机型做等比例缩放
一、rem适配
rem是相对单位,是相对HTML根元素的 font-size 来决定它的大小,1rem 就等同于 html标签font-size的大小。所以rem的适配就是去调整 html标签的font-size&…
建站知识
2024/11/27 0:17:42
h5移动端 简单的触底分页加载方法
1. 初始化页面 滚动监听事件
mounted() {window.addEventlinster(scroll, this.windowScroll, false)
}2. 滚动事件
//数据
data(){return{list:[],page:1, // 分页页数limit:10, // 分页条数total:0, // 总数isLoading: false //是否加载中}
}
methods:{windowScroll(){let …
建站知识
2024/11/16 8:59:02
H5移动端开发之基础字体大小设置
前段时间接触了h5移动端的开发,移动端字体大小不同于pc端一般直接用px单位,而是经常用rem作为基础单位,常规做法使用1rem=100px的换算方式,如果设计稿是375px作为整个屏幕端度的话,那么我们换算过的屏幕宽度则为3.75rem;如果设计稿是450px的话,屏幕宽度则为4rem。具体设…
建站知识
2024/11/26 1:03:56
移动端h5 顶部菜单栏_移动端H5开发之顶部固定导航布局
在开发移动端h5应用时,尤其是在开发混合app时,一般情况下,顶部导航会一直固定在页面头部,如下图: h5的常规操作是直接来个fixed定位,代码如下: position:fixed; top:0; left:0; right:0; 但是,这种写法,在ios系统下,会出现一些,类似下拉页面时,导航会一起滚动,无法…
建站知识
2024/11/14 8:36:01
Vue-cli4创建H5移动端项目
一、安装vue-cli
npm install -g vue/cli查看版本打开cmd 输入
vue -V如图是我的版本,后续以此搭建移动端项目并引入vantUI等
二、创建项目
1、随意找一个盘打开Powershell,我就在桌面创建输入
vue create demo-h52、选择配置项 3、选择Manually select featu…
建站知识
2024/11/14 8:36:03