
移动端
文章平均质量分 60
NAMECZ
职场新人
展开
-
【HTML】基于jsQR实现的HTML单页面扫码功能
使用jsQR实现的HTML5单页面 扫码签到功能页面。选择jsQR的原因:html5-qrcode:使用简单,识别率低,二维码小不可解析@zxing/library: 识别率优于html5-qrcode,部分安卓模糊无法使用jsQR:轻量小巧实用简单,识别率高,小型二维码也可解析,可以自动对焦。原创 2023-12-12 18:13:33 · 2516 阅读 · 0 评论 -
【移动端】vue脚手架项目手机实时预览方法
在很多情况下,开发移动端项目 为了避免模拟器与真机之间的差异,大部分情况需要使用真机进行实测。非脚手架项目的手机实时预览方法相对比较简单,请参阅我的另一篇文章【移动端】移动端项目手机预览方法而脚手架项目则需要进行一些简单的配置才能实现手机实时预览的效果今天我们这里讲一下如何使用手机实时预览 VUE 脚手架项目:1、打开我们的 vue 项目目录,找到 config →index.js 文件2、在dev模块下,找到并修改 host 为 “0.0.0.0” (默认为local...原创 2020-08-31 16:56:42 · 1266 阅读 · 6 评论 -
rem布局实现不同分辨率移动终端的自适应、整体缩放
前言现在手机屏幕分辨率越来越多,但我们的需求比较唯一——最佳视觉。 当用户浏览网页时,根据屏幕的尺寸,来向用户展示更适合用户的布局、文字、图片、按钮等等,因此,rem应运而生。 rem(font size of the root element)是指相对于根元素的字体大小的单位。一旦根节点html 定义的 font-size 变化,那么整个网页中运用到 rem的也会随之变化。加之当前手机淘...转载 2018-08-29 17:28:44 · 847 阅读 · 0 评论 -
【移动端】移动端项目手机预览方法
移动端项目,手机预览方法:环境要求:node安装成功第一步:打开命令行工具 ① win + r 打开windows运行窗口 ② 输入 cmd 打开命令行工具第二步:安装全局http服务 nmp install -g http-server (npm安装全局http服务) ...原创 2018-11-01 17:08:23 · 2176 阅读 · 0 评论 -
【移动端】识别微信端和移动终端
经常写移动端的同学应该都知道,因为iOS和Android系统的差异化,导致一些样式和功能在两种终端上会展示出不同的页面效果。为了兼容以及对不同终端用户体验的提升,我们需要识别出不同的终端,并且定制出不同的方案。在写微信端项目的时候,有时我们希望用户的操作环境始终在微信端里,这样的话,我们也需要对微信端进行识别终端识别:var u = navigator.userAgent;va...原创 2018-12-03 10:39:04 · 687 阅读 · 3 评论 -
【移动端】部分安卓手机打开微信H5页面空白
之前写过一个微信移动端的页面,最近有客户反映部分手机页面加载不出来。拿到问题手机,进入http://debugx5.qq.com/ 页面 打开调试vConsole功能没有发现任何异常。该机型系统为 安卓8.0,微信为最新版本,页面js框架使用的是vue。经过排查发现问题所在:① 因为用的是后端框架,所以在vue中混编了一段php代码 问题机型识别不了vue+php代码所以报...原创 2019-02-27 13:56:58 · 6714 阅读 · 2 评论