移动端
悦悦猪
一枚正在学习前端的小萝莉。
展开
-
app混合式开发中HbuilderX连接手机真机调试
苹果手机连接HbuilderX1.电脑上下载iTools 4版本2.连接数据线,打开HbuilderX,选中我们的项目,点击导航栏中的运行>运行到手机或模拟器>会出现我们的手机安卓手机连接HbuilderX1.手机使用数据线连接至电脑,打开HbuilderX,选中我们的项目,点击导航栏中的运行>运行到手机或模拟器>会出现我们的手机安卓小tip:之前有遇到安卓手机插上数据线只能充电,并不能检测到该手机,绕了一圈发现换个数据线就可以了。总结无论是安卓还是苹果,都要开启开发原创 2021-07-29 16:47:51 · 1414 阅读 · 1 评论 -
vue项目打包成app
1.将vue项目打包生成dist文件夹2.下载HbuilderX的APP开发版并且登录3.在HbuilderX里点击文件>新建>项目,选择5+APP,填写项目名称和存储位置,模板选择空项目。点击创建即可。4.将HbuilderX里新建项目里的js、css、image文件夹以及index.html删掉。打包的dist的文件夹里的static文件夹和index.html复制粘贴进去。5.打开manifest.json文件配置几个核心项。选择基础配置,将应用名称填写上,应用标识(APPID)原创 2021-07-12 15:41:15 · 6913 阅读 · 1 评论 -
宽度一定且使背景图片不变形的情况下,背景图片不随内容滚动(固定)
情景描述在做一个移动端的项目时,内容如果超出手机高度,出现滚动条向下滑动时要求背景图片不能跟随内容滑动,且背景图片不会变形。这里会想到用background-attachment:fixed;来解决这个问题。下面先上一段代码。代码html代码<div class="wrapper"> <div class="wrapper-container"> <p>我是内容啊</p>原创 2017-08-23 17:08:11 · 5286 阅读 · 1 评论 -
苹果手机点击输入框页面自动放大
问题描述一个项目里用了bootstrap的日期插件bootstrap-datetimepicker,在显示日期的那个input输入框被点击时在苹果手机上页面会被放大,该input输入框type等于text。后来发现忘记加了一些东西。解决办法一开始我的meta标签是这样的<meta name="viewport" content="width=device-width, initial-scale=1原创 2017-10-18 15:34:00 · 12491 阅读 · 2 评论 -
初接触H5的踩坑之旅
1、情景描述:这部分可忽略,我只是话比较多而已啦。最近,这不是快到2018年了嘛,为了迎接新的一年,我们公司接了一个项目(H5),表演者是我,一个刚接触H5的前端小白。一开始吧,看到这个页面,觉得,哎呦,没那么难嘛,就两页,但是呢,没想到,里面有一些我从未接触甚至不知道的东西,就这样,我陷入了泥潭,不可自拔。2、需求首先,整个H5页面就两页,后来增加一页,所以总共三页。 第一页: 用户在输入框里输原创 2017-12-29 17:51:37 · 1014 阅读 · 1 评论 -
我所遇到的canvas上绘制图片,绘制不上去的问题。
场景哈哈哈,笑死我吧。前几天在做一个H5的时候,给自己挖了个坑,然后跳进去好久,出不来了,最终被大师给救出来了。 该H5是换装类的H5,我要根据用户点击选择的不同衣服、鞋子等搭配,在画布上绘制不同的图片,也就是清除画布和重绘,然后呢,就会出现多张图片绘制是吧。做法以前我是这样在canvas上绘制图片的var img = new Image();img.onload = fu...原创 2018-07-04 18:32:50 · 2958 阅读 · 0 评论 -
ios系统点击元素时出现蓝框
场景在做移动端开发时,经常会遇到在苹果手机上点击a链接或者可点击的元素时,出现蓝框之类的。那么怎么解决呢?解决方案* { -webkit-tap-highlight-color: rgba(0,0,0,0);}-webkit-tap-highlight-color当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色...原创 2018-09-12 12:10:38 · 2480 阅读 · 0 评论