E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
移动端H5
中高级前端必须注意的40条
移动端H5
坑位指南 | 网易三年实践
作者:JowayYoung仓库:Github、CodePen博客:官网、掘金、思否、知乎公众号:IQ前端特别声明:原创不易,未经授权不得转载或抄袭,如需转载可联系笔者授权前言不知不觉在网易已有三年半,占了一半时间都在与移动端打交道,整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在,不是说它多难而是说它坑位实在太多了,怎样填都填不完。Android和iOS各显神通,Android的系
·
2021-03-19 11:17
利用flex解决input定位的问题
用简单的布局搞定input框使用fixed下输入的问题最近在做
移动端H5
聊天应用发现,当input框在最底部并且使用position:fixed属性的时候在苹果手机中会出现不兼容的情况大概布局就是上面是列表底部是
·
2021-03-15 03:40
利用flex解决input定位的问题
用简单的布局搞定input框使用fixed下输入的问题最近在做
移动端H5
聊天应用发现,当input框在最底部并且使用position:fixed属性的时候在苹果手机中会出现不兼容的情况大概布局就是上面是列表底部是
·
2021-03-15 02:55
移动端H5
开发常用技巧总结
常用的meta属性设置meta对于移动端的一些特殊属性,可根据需要自行设置//Android禁止屏幕旋转//全屏显示//UC应用模式,使用了application这种应用模式后,页面讲默认全屏,禁止长按菜单,禁止收拾,标准排版,以及强制图片显示。//QQ强制竖屏//QQ强制全屏//QQ应用模式电话号码识别在iOSSafari(其他浏览器和Android均不会)上会对那些看起来像是电话号码的数字处理
·
2021-03-14 06:34
html5css前端css3
利用flex解决input定位的问题
用简单的布局搞定input框使用fixed下输入的问题最近在做
移动端H5
聊天应用发现,当input框在最底部并且使用position:fixed属性的时候在苹果手机中会出现不兼容的情况大概布局就是上面是列表底部是
qq_34393429
·
2021-03-12 22:07
移动端
css
html5
css3
vue.js
移动端h5
模拟长按事件
这个需求其实在app上很常见,但是在
移动端h5
中,我们没有长按的事件,所以就需要自己模拟这个事件了。大概效果如下:ps:为了做个gif还下了app,还得通过邮件发到电脑上,脑瓜疼。。
·
2021-03-12 06:16
移动端H5
坑位指南
移动端H5
坑位指南HTML方向调用系统功能使用能快速调用移动设备的电话/短信/邮件三大通讯功能,使用能快速调用移动设备的的图库/文件。
qsj0606
·
2021-02-21 09:35
javascript
css
html5
记录上传音频的兼容问题
记录一下
移动端h5
上传音频遇到的兼容问题测试的文件类型有:.mp3,.wma,.amr,.wav,.m4a1.accept只设置audio/*,ios无法选取音频文件实验发现设置accept="audio
RiverSouthMan
·
2021-01-29 15:35
浅谈移动端开发技术
浅谈移动端开发技术前言之前上家公司主要是做
移动端H5
开发的,但相关技术和配套体系已经很成熟了,很难接触到背后的这套体系。在现在的公司也做了一些零散的H5页面,有一些相关实践。
奇舞周刊
·
2021-01-14 14:47
编程语言
java
android
python
大数据
移动端兼容:手机端唤起键盘时fixed布局发生改变
BUG描述在做
移动端H5
页面时,当出现input元素,唤起键盘时,如果没有对一些样式进行特别的调整,很容易导致布局错位。今天遇到了一种情况,是fixed布局的元素,而且其高度是用百分比设置的。
DDD7
·
2021-01-13 20:38
css
javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
用Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能图片上传图片压缩拖拽排序、拖拽删除之前在公司开发过一段时间的
移动端H5
页面,有个功能就是要上传图片+压缩。
·
2021-01-05 13:06
display 隐藏上传按钮_React移动端前端上传OSS实践
由于项目需求,需要在
移动端H5
页面实现一个图片和pdf文档资料上传到阿里云的oss(见上图),此项目是采用react技术编写,于是就有了这篇文章。
weixin_39810856
·
2021-01-01 14:36
display
隐藏上传按钮
移动端h5
踩坑之 显示富文本内容设置图片宽度
经常会遇到在后台新增编辑的富文本在前端需要用v-html之类的显示,然而有时候会发现,富文本中的图片超出了页面的宽度导致显示不全,像这样:1.png例子是在vue的项目中,如果你去当前页面的有scope属性的style里面设置img的宽度,尽管设置为!important还是不起作用,img还是按照自身行内属性显示了大小;2.png原因是通过v-html创建的DOM内容不受作用域内的样式影响。就是s
吼不平
·
2020-12-31 15:29
移动端rem.js使用方法
下面的代码一是我根据rem的使用经验,自己写的一个rem.js,发现很好用,能适用所有
移动端h5
页面的自适应需求:代码一:window.onload=function(){/*720代表设计师给的设计稿的宽度
CodeMan
·
2020-12-11 15:09
javascript
html5
ZooTeam 前端周刊|第 107 期
前端周刊|第107期浏览更多往期周刊,请访问:https://weekly.zoo.team桌面端混合开发总结不知不觉在阿里已经入职满一年时间了,在这一年时间里主要接触了低代码(LowCode)、小程序、
移动端
政采云前端团队
·
2020-11-18 17:53
前端
总结几个
移动端H5
软键盘的大坑
1、部分机型软键盘弹起挡住原来的视图解决方法:可以通过监听移动端软键盘弹起Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。参数如下。true,表示元素的顶部与当前区域的可见部分的顶部对齐false,表示元素的底部与当前区域的可见部分的尾部对齐Element.scrollIntoViewIfNeeded()方法也是用来将不在浏览器窗口的可见区域内的元素滚
lzg9527
·
2020-11-16 12:45
前端
javascript
移动端web
总结vue知识体系之高级应用篇
相关推荐总结vue知识体系之基础入门篇总结vue知识体系之实用技巧总结几个vue-router的使用技巧搭建一个vue-cli的
移动端H5
开发
lzg9527
·
2020-11-16 12:45
前端
vue.js
es6
第三方支付公司toB产品线梳理
收款类按照支付场景:线上收款-外部应用发起:app支付,
移动端H5
付款,pcweb端网关/二维码收款,免密支付;线上收款-支付工具内发起:小程序支付,微信的JSAPI支付(公众号、朋友圈);线下收款:商扫客
熊大锅
·
2020-10-12 16:09
常见的
移动端H5
页面开发遇到的坑和解决办法
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3的。想
Aniugel
·
2020-10-09 15:36
vconsole—
移动端h5
调试工具 (查看打印,网络请求等)
CDN:https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js使用:varvConsole=newVConsole();效果:
努力努力再努力0918
·
2020-09-17 08:54
vconsole
关于
移动端h5
页面不能滑动问题的解决办法
页面不能滑动无非就是css和js两个方面的问题有的人说如果我写很多个p标签不写任何样式看能不能滑动,如果能滑动说明是样式的原因,要是也不能滑动那就应该是js的原因,是有一定的道理的,但是先别忘了看一下你的html或body是不是加了height:100%;overflow:hidden;1.下面分先说css的问题,主要排查overflow:hidden;检查也有一定的顺序,检查超出高度的标签是否用
qq_36167454
·
2020-09-16 18:54
移动端H5
长按事件 自定义vue指令
importVuefrom'vue'Vue.directive('longpress',function(el,binding){//if(typeofbinding.value!=='function'){//throwError(binding.value+'不是函数')//}//Makesureexpressionprovidedisafunctionif(typeofbinding.val
Solo❀。
·
2020-09-16 12:17
经验分享
vue
vue
移动端H5
嵌入iframe滚动问题
背景(1)实现功能如图,悬浮窗中为iframe,点击展开内容,如果超出容器大小实现滚动。(2)问题在iOS上,悬浮窗容器中的内容如果不是一个iframe,则可以滚动。但换成iframe后就无法在其中滚动。解决方案(1)思路问题在于overflow:auto或者overflow:scroll没有生效。需要在容器上使用-webkit-overflow-scrolling:touch;来解决这个问题。如
辰煦湲
·
2020-09-16 08:22
html5
CSS
时间轴组件 by Vue.js
在公司的项目开发中,涉及到了
移动端H5
页面的时间轴展示效果。现有的轮子比如ElementUI、iView中,都没有专门的时间轴组件,于是就萌生了自己封装一个的想法。
weixin_33812433
·
2020-09-16 05:25
python selenium TouchAction模拟移动端触摸操作(十八)
最近做
移动端H5
页面的自动化测试时候,需要模拟一些上拉,下滑的操作,最初考虑使用使用seleniumActionChains来模拟操作,但是ActionChains只是针对PC端程序鼠标模拟的一系列操作对
青少儿编程STEAM
·
2020-09-15 20:40
python
selenium
webdriver
Vue-H5移动端项目中使用 Antv F2数据分析可视化图表
项目需要求在
移动端H5
需要展示一些数据统计的图表,虽然第一时间想到的是echarts,常用还有Highcharts,D3等,antv家族的图表UI好看一些,再加上F2是移动端可视化方案于是就选择F2,打开官网果然眼前一亮
你好!YOYO
·
2020-09-15 09:58
移动h5 图片字体等适配
背景开发
移动端H5
页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。
fhb19870610
·
2020-09-15 07:57
web前端
前端开发【WEUI框架】
移动端H5
页面开发
目录一、WEUI框架说明二、引进步骤1、源码下载2、CSS文件引入3、示例代码引入一、WEUI框架说明WEUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。UI演示:https://weui.io/二、引进步骤1、源码下载源码所在的GitHub链接:WEUI;源码地址:https://github.com/Tencent/weui2、CSS文件引入c
Pointer_Sky
·
2020-09-15 02:55
前端
html
css
搭建自己的脚手架—“优雅”生成前端工程
我平时工作会做
移动端H5
多一些,所以我通过webpack搭建了自己的前端工程(x-build),主要是编译stylus、jade、es6,自适应解决方案,还有一些自己写的一些插件。
weixin_34124939
·
2020-09-13 23:20
移动端h5
长按删除效果
粘贴到html即可看到效果,用于移动端长按删除删除//长按$.fn.longPress=function(fn){vartimeout=undefined;var$this=this;for(vari=0;i<$this.length;i++){$this[i].addEventListener('touchstart',function(event){timeout=setTimeout(fun
不宅的程序园
·
2020-09-13 07:12
常用方法总结
热门
移动端H5
开源前端开发框架搜集整理
antdesign官方网站:ant.design介绍:这里蚂蚁金服出的一款框架,提供了桌面版和移动版两大块。移动版的首页是:https://mobile.ant.design/index-cn。应用者:蚂蚁金服、阿里巴巴、口碑、滴滴Framework7官网:framework7.taobao.org介绍:出处看官网域名便知。Framework7是一个开源免费的框架可以用来开发混合移动应用(原生和H
唐大麦
·
2020-09-13 06:07
●
移动开发
图片连接处出现白线
最近做
移动端h5
活动页,涉及到多图片拼接,遇到了一个坑就是图片连接处出现白线,当然查资料都说是img自身属性是inline-block导致,只要父元素设置font-size:0或者设置imgdisplay
風缘
·
2020-09-13 01:00
移动端开发
移动端h5
ios 拍照 图片上传后旋转问题的解决
1、使用exif.js获取图片信息再用canvas旋转后转base64再转blogvarfile=document.querySelector('input[type=file]').files[0];//IE10以下不支持EXIF.getData(file,function(){varOrientation=EXIF.getTag(this,'Orientation');if(Orientati
只会切图的前端
·
2020-09-12 23:16
web移动端
移动端h5
页面拍照上传图片的时候图片旋转问题
0.问题描述在项目中有个图片上传的组件(vue项目)在ios中点击的时候会有一个拍照的选项,但是!!!拍照的时候手机拿的方向不同,上传的图片会出现不同角度的旋转,具体现象如下:所以我们需要将旋转了的图片再转回来!!!具体实现思路:1.知道图片文件当前的旋转情况2.将图片文件旋转指定角度3.上传旋转后的文件流1.步骤一:获取图片文件的旋转情况每张图片文件都有其对应的数据信息,这里我们通过第三方库ex
TowYingWang
·
2020-09-12 21:28
开发踩坑与技巧
移动端h5
调试方法总结
方法一:使用Chromeinspect调试手机页面效果:同步手机画面,像调试pc页一样使用devtools调试手机页面1.用USB线连接手机和PC2.手机开启开发者模式,并开启USB调试选项(不同品牌不同操作,用户可自行搜索)3.PC上打开Chrome浏览器。进入chrome://inspect/#devices。正常情况下会看到对应的手机和页面信息。附:Chrome官方指导文档https://d
landiyaaa
·
2020-09-12 16:17
web
移动端
vue-cli脚手架,怎么做
移动端H5
的多屏适配?
(1)安装lib-flexiblenpmilib-flexible--save(2)在main.js中引入//导入屏幕适配模块import‘lib-flexible/flexible.js’(3)在index.html中设置手机端适配的meta的代码(4)安装px2rem-loader使用flexible插件时会自动把px转换成rem单位时,我们将使用px2rem这个工具npminstallpx2
帅气欧巴
·
2020-09-11 11:02
前端框架
vue
移动端
HTML5 的 JS 接口
1.
移动端H5
哪些地方支持JS注:目前文档内容还是FR9.0的,待10.0适配好之后再进行更新。
hzp666
·
2020-09-10 14:17
帆软
盘点那些你在开发H5遇到过的坑!!!
(经常更新该文)
移动端H5
相关问题汇总:1px问题响应式布局iOS滑动不流
毒舌程序员
·
2020-08-25 21:59
常见的
移动端H5
页面开发遇到的坑和解决办法
转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!!1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone4的960640分辨率,在网页里只显
lyyvscc
·
2020-08-25 12:41
react小项目 - canvas海报生成器
1.背景 之前做过一个营销类
移动端h5
项目-海报生成器,上传用户本地图片合成海报并支持下载,这次有时间了整理整理。
weixin_34233421
·
2020-08-24 17:38
Go Web编程--解析JSON请求和生成JSON响应
现在无论是网站、App、小程序还是
移动端H5
页面应用,都是采用前端与后端单独部署,相互之间以API接口交互的形式构建而成的。
Kevin
·
2020-08-24 17:01
golang
json
web
request
responsebody
移动端H5
开发遇到的坑
微信分享签名错误invalidsignaturevue单页应用history模式下微信分享一直提示签名错误invalidsignature按照微信官网文档,已经引入jssdk,正确的配置js安全域名,后台开发人员生成的签名也通过微信签名工具验证,但是前端的自定义分享一直报签名错误,没有办法自定义分享,如果确保了哪些基本配置没有问题,并且签名也通过了微信签名工具验证,那么可能就是前端访问的url和后
yuxiaoxia28
·
2020-08-24 14:22
javascript
微信
h5播放器
移动端H5
日历组件,已废弃不在维护
适用场景该组件目前仅适用于
移动端H5
页面展示,后期高级用法中会讲述到如何基于日历基类实现自定义模板传入。(即:开发者只需要传入自己的模板即可实现出自己的优美的日历出来。)
writeoncerunanywhere
·
2020-08-24 14:28
javascript
calendar
日历
移动端H5
-音视频资源优化方案实战方案推荐
很久没更新了,近期在做资源播放相关的,看到很多方案很少人分享,来给大家马下分享分享。在微信中做H5端的页面开发时,尤其会有做视频或音频播放的最最最常见的一些问题如下:IOS音视频自动播放IOS加载音频/视频较慢视频播放全屏1.IOS音视频自动播放自动播放我之前的文章有说过,音频的实现可以看这里至于视频很不巧在IOS视频的自动播放一定得有"交互动作"这里的交互动作对用户是友好的这也是为什么IOS在做
_Daniel_
·
2020-08-24 07:50
前端
妙味课堂 Html5实战打怪游戏开发教程
├1-
移动端H5
游戏开发——第一集,多层圆环背景_.mkv├2-
移动端H5
游戏开发——第二集,第一屏移动端布局_.mkv├3-
移动端H5
游戏开发——第三集,第一个动画_.mkv├4-
移动端H5
游戏开发—
momomo7758
·
2020-08-23 17:35
《
移动端H5
图片上传》
前言:故事的开始要从接受的项目中说起,在用户的使用过程中,发现一个问题:使用安卓手机的用户无法再上传图片时进行拍照的选择,并且一次性无法上传多张照片,经过查阅资料发现:H5在实现图片上传是有兼容性问题正文:首先,在上传图片时不能进行拍照的选择,这个问题很容易解决,在代码中添加:accept=“image/*”,问题就解决了。然后,第二个问题:一次性无法上传多张照片的问题,无法解决,经过查阅资料发现
杨晓风-linda
·
2020-08-22 20:05
微信小程序
区分
移动端H5
断网后操作
if(navigator.onLine){//truefalsealert('连网情况下进行操作')}else{alert('断网情况下进行操作');layer.msg('网络异常')}navigator对象如下txt="浏览器代号:"+navigator.appCodeName+"";txt+="浏览器名称:"+navigator.appName+"";txt+="浏览器版本:"+navigat
极客之男♂
·
2020-08-22 19:40
js
总结几个
移动端H5
软键盘的大坑
1、部分机型软键盘弹起挡住原来的视图解决方法:可以通过监听移动端软键盘弹起Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。参数如下。true,表示元素的顶部与当前区域的可见部分的顶部对齐false,表示元素的底部与当前区域的可见部分的尾部对齐Element.scrollIntoViewIfNeeded()方法也是用来将不在浏览器窗口的可见区域内的元素滚
lzg9527
·
2020-08-22 14:55
前端
javascript
移动端web
【2019-03-29】记录过去一周看过觉得很好的文章
跨平台抓包工具,亲自测试并使用,总的来说就是配置非常简单好用,值得拥有MobileDebug官方网站(代理抓包/
移动端H5
调试/请求劫持/HTTPS支持/Hosts管理/WebSocket数据捕获/跨平一个可以更好排版微信公众号工具微信公众号工具一个专门收集
sanyang
·
2020-08-22 10:29
android
ios
flutter
html5
大前端
移动端H5
页面-微信内浏览器软键盘弹起input失焦后不回弹
场景:IOS微信内置浏览器在打开H5页面的时候,input输入时软键盘弹起,页面会被顶起来,软键盘收起的时候页面不回弹出现的条件为:页面高度过小&&聚焦时,页面需要往上移动的时候解决:(以vantUI的输入框为例)给输入框添加一个失去焦点的事件//解决微信端页面被顶起temporaryRepair(){letcurrentPosition,timer;letspeed=1;//页面滚动距离time
你好!YOYO
·
2020-08-22 10:16
采坑总结
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他