移动端
文章平均质量分 58
bug收集
doubleyong , NET开发出身,现在从事前端工作.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
将vue的dist文件夹打成app 的方法及注意事项
目标: vue的dist文件夹打成app安装包(android)方法: 1、下载软件 :hbuildx 2、hbuildx 将dist文件夹打包成app安装包的图解步骤 参考:https://my.oschina.net/u/3692129/blog/4471258 3、下载,测试 (如遇问题,欢迎留言)注意事项: 1、 dist文件夹中的index.html页面打开显示空白 需要在vue.config.js 中,设置 pu...原创 2021-03-18 16:48:42 · 1225 阅读 · 0 评论 -
web app 中物理返回键的监听
使用Vue + Vant 进行web app 的开发,需要处理 android 自带的物理返回键,对不同页面,点击物理返回键进行不同的处理 那如何监听到物理返回键,并进行相应的处理? app网页返回键 vs 手机物理返回键 网页上的返回键是返回上一个页面的意思,手机上的返回键是返回上一个操作。 并且手机上的返回键还有很多其它功能,在使用某些软件可以双击返回键退出app Vue 中监听物理返回键原创 2020-12-29 11:49:49 · 522 阅读 · 0 评论 -
web app 中如何调用支付宝app 进行支付
项目是vue+vant框架写的前端页面,利用HbuilderX将项目打包成APP的。在应用里调用支付宝APP进行支付的时候,需要用到html5plus函数里面的payment属性。首先看看HTML5+是什么?HTML5+是中国HTML5产业联盟的扩展规范,基于HTML5扩展了大量调用设备的能力,是的web语言可以像原生语言一样强大!如何使用原生APP中调起支付宝APP的功能呢?具体操作步骤:1、在需要调用该属性的组件里,先定义plusReady方法: plusReady () {...转载 2020-12-22 10:17:38 · 1435 阅读 · 0 评论 -
移动端Web App 的屏幕适配方法(总结)
移动端web页面的开发,由于手机屏幕尺寸、分辨率不同,或者需要考虑横竖屏问题,为了使得web页面在不同移动设备上具有相适应的展示效果,需要在开发过程中使用合理的适配方案来解决这个问题。01流式布局流式布局的解决方案有不少弊端,它虽然可以让各种屏幕都适配,但是显示的效果极其的不好,因为只有几个尺寸的手机能够完美的显示出视觉设计师和交互最想要的效果,但是目前行业里用流式布局切web app的公司还是挺多的,如:亚马逊,携程,兰亭流式布局并不是最理想的实现方式,通过大量...原创 2020-10-23 11:37:41 · 1940 阅读 · 0 评论 -
移动端(App)项目进行满屏高度的设置
问题:做使用 Vue 做移动端 App 的时候,高度一般会根据页面的元素进行自动设置,不会铺满整个屏幕。解决方案:通过以下代码实现满屏高度,在App.vue 里设置html,body,#app{ height: 100%;}转自:https://www.cnblogs.com/ljy-/articles/12574119.html...转载 2020-10-20 10:41:03 · 1102 阅读 · 2 评论 -
【转】移动端自适配 力荐viewport缩放解决方案
一、概述:做了几年的移动端一直用 rem ,感觉最烦琐的就是 rem 的计算。随便可以用 css rem 自动计算,但是有时候感觉宽度跟高度的 rem 并不是完全准确。所以决定用 viewport 缩放来试试看效果,经果一些网友的帮忙测试,发现缩放 viewport 这种方法更简单、高效、准确二、思路:例如效果图是:750*1334(px)的源文件。1、根据750 PSD源图 宽度尺寸进行比例缩放,高度并没有限止,所以高度是自由的2、缩放viewport的同时,宽度跟高度是等比的,.转载 2020-10-19 16:13:06 · 777 阅读 · 0 评论
分享