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
移动端web
移动端-webkit-user-select:none导致input/textarea输入框无法输入
移动端web
view中写页面的时候发现个别Android机型会导致input、textareat输入框无法输入(键盘可以弹起,不是webView.requestFocus(View.FOCUS_DOWN
allWords
·
2020-07-09 13:34
ui
移动端1px像素问题及解决办法
在
移动端web
开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在某些机型上,1px会比较粗,即是较经典的移动端1px像素问题。
可乐6666
·
2020-07-09 02:59
兼容性
HTML5缓存机制浅析:
移动端Web
加载性能优化
1.HTML5缓存机制介绍HTML5是新一代的HTML标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。HTML5引入的离线存储,这意味着Web应用可进行缓存,并可在没有因特网连接时进行访问。HTML5应用程序缓存为应用带来三个优势:离线浏览:用户可在应用离线时使用它们;速度:已缓存资源加载得更快;减少服务器负载:浏览器将只从服务器下载更新过或更改过的资源。根据标准,到
xjbclz
·
2020-07-09 02:53
网络知识
HTML
移动端 1px 像素问题以及解决办法
在
移动端web
开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在某些机型上,1px会比较粗,即是较经典的移动端1px像素问题。
若~~~
·
2020-07-08 22:34
项目
Android接入腾讯X5浏览器内核
技术特性腾讯浏览服务是致力于优化
移动端web
view体验的整套解决方案。该方案由SDK、手机QQ浏览器X5内核和X5云端服务组成,解决
移动端web
view使用过程中出现的一切问题,优化用户的浏览体验。
张千浪
·
2020-07-08 22:25
移动端Web
页面布局
viewportviewport就是浏览器上,用来显示网页的那一部分区域。和我们手机的宽度不一样的,无论你的手机宽度是320px,还是640px,在手机浏览器内部的宽度,始终会是浏览器本身的viewport的宽度。如今的浏览器,都会给自己的本身提供一个viewport的默认值,目前,新版本的手机浏览器,绝大部分是以980px作为默认的viewport值的。这样在我们的手机浏览器中,就会出现横向滚动
wylcc
·
2020-07-08 21:07
HTML5
移动端web
页面滚动不流畅,卡顿闪烁解决方案
移动端web
页面滚动不流畅,卡顿闪烁解决方案1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果,设置如下实现惯性滚动和弹性效果:-webkit-overflow-scrolling
weixin_34148456
·
2020-07-08 17:29
移动端web
app自适应布局探索与总结
1、困扰多时的问题在这之前做webapp开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640*1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置,例如背景图的多倍图、基础字体大小、图标宽高。这样做的弊端很明显:做出来的页面在各种手机端看起来的物理大小(高度
weixin_33860147
·
2020-07-08 15:26
手机端页面自适应解决方案—rem布局(进阶版,附源码示例)
但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案——rem布局(进阶版)另外:此方案仅适用于
移动端web
文章底部常见问题说明第四条,笔者已给出一个相当便捷的解决方案
weixin_33738555
·
2020-07-08 15:28
移动端Web
页面适配方案
更新:完整js代码和sassmixin已上传于gitHub,点击此处可获取===================================================
移动端Web
页面,即常说的
weixin_33722405
·
2020-07-08 15:34
移动端web
页面适配解决方案--flexible方案
做web开发的童鞋们通常都会遇到移动端页面开发,而手机屏幕尺寸不一,因此页面适配是我们必须解决的问题。下面介绍一种简单又效果非常不错的解决方案--flexible方案。(注:这里以vue项目为例)一、搭建vue项目首先我们搭建一个vue项目,关于搭建vue项目步骤,这里不再介绍,可以参考本人前面写的vue+axios+element-ui实战(一)--使用VueCLI搭建项目。只是第五步安装ele
hxf6060
·
2020-07-07 10:14
移动端1px问题的几种常见解决方案
前言在
移动端web
开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在retina屏机型中,1px会比较粗,即是较经典的移动端1px像素问题。
frontend_frank
·
2020-07-07 08:34
rem适配方案与
移动端web
开发之响应式布局
rem适配方案1.让一些不能等比自适应的元素,达到当设备尺寸发生改变的时候,等比例适配当前设备。2.使用媒体查询根据不同设备按比例设置html的字体大小,然后页面元素使用rem做尺寸单位,当HTML字体大小变化元素尺寸也会发生变化,从而达到等比缩放的适配。1.rem实际开发适配方案1.按照设计与设备宽度的比例,动态计算并设置html根标签的font-size大小;(媒体查询)2.CSS中,设计稿元
chenyiboke
·
2020-07-07 05:08
css
移动端web
页面知识小结之像素密度、分辨率、屏幕尺寸
一直以来,本人对移动端分辨率、像素等概念傻傻分不清,特查阅多位牛人博客后总结如下要点,以便日后查看。文档来源http://weizhifeng.net/you-should-know-about-dpi.htmlhttp://www.chinaz.com/manage/2015/0902/441624.shtmlhttp://www.cnblogs.com/2050/p/3877280.htmlh
aiolos1111
·
2020-07-07 02:49
移动Web
(转)倾力总结40条常见的
移动端Web
页面问题解决方案
原文链接:戳这里1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有
adz58294
·
2020-07-07 02:00
在移动端实施图片分段加载
需求:在
移动端web
应用内,每一屏(称之为slide)有其先后的顺序,自然地,根据slide的顺序,某些位于“后面”的图片不应该在页面第一次loading的时候加载,根据用户的动作(点击,上滑等)伺机加载图片是一种选择
stois
·
2020-07-07 00:55
移动端web
开发(一)
适配问题(手机屏幕尺寸不一)解决方案使用流式布局,也就是百分比自动适应布局,当然,光靠这一个远远不够,我们还要用到移动端的viewPort适口进行配置,这就能达到适配目的。什么叫流式布局当屏幕尺寸发生改变时,其中内容会像液体一样填充改变后的屏幕,而不会消失。流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局viewport视觉窗口:viewport,是移动端特有。
ANNENBERG
·
2020-07-06 20:05
h5
移动端
详解移动端页面细线实现方案
见下图:很多注重用户体验的
移动端web
设计都会使用细线,在PC端也就是简单的一句:border-bottom:1pxsolid#e0e0e0;在PC端web上只要简单的使用border-bottom属性去设置一条
大菜鸟231
·
2020-07-06 20:44
前端
JavaScript必知必会
倾力总结40条常见的
移动端Web
页面问题解决方案
原文链接:http://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651493053&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect1.安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是device
weixin_34109408
·
2020-07-06 19:37
移动端Web
页面适配方案(整理版)
@(概述)[基本概念|百分比|rem|vw/vh|响应式设计]
移动端web
页面的开发,由于手机屏幕尺寸、分辨率不同,或者需要考虑横竖屏问题,为了使得web页面在不同移动设备上具有相适应的展示效果,需要在开发过程中使用合理的适配方案来解决这个问题
Richarlie
·
2020-07-06 18:44
前端
移动端web
开发的设计稿与工作流
致谢一直以来移动端适配便是困扰自己的一个难题,今天休息,查阅了很多资料将其整理出来。本文中很多做法是直接借鉴了网上的文章,主要有从网易与淘宝的font-size思考前端设计稿与工作流跟手机端页面自适应解决方案—rem布局进阶版(附源码示例),向大神致谢。移动设备的分辨率设备屏幕尺寸逻辑分辨率(pt)Reader物理分辨率(px)iPhone3GS3.5寸320*480@1x320*480iPhon
5d18ee6b5b1c
·
2020-07-06 17:37
移动端web
页面知识小结之像素、物理像素、逻辑像素
一直以来,本人对移动端分辨率、像素等概念傻傻分不清,特查阅多位牛人博客后总结如下要点,以便日后查看。文档来源http://weizhifeng.net/you-should-know-about-dpi.htmlhttp://www.chinaz.com/manage/2015/0902/441624.shtmlhttp://www.cnblogs.com/2050/p/3877280.htmlh
aiolos1111
·
2020-07-06 15:47
移动Web
6种移动端 1px 解决方案(完整版)
前言在
移动端web
开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在retina屏机型中,1px会比较粗,即是较经典的移动端1px像素问题。
傲娇的koala
·
2020-07-06 15:52
原生js实现简单的移动端轮播图效果
近期接触了移动端html5和css3,想加入些轮播图,于是在网上搜集整理了一些资料,经自己补充改进使之较为完善原生JavaScript
移动端web
轮播图片实现功能索引小圆点过渡滑动动画的定时轮播移动端可以滑动切换图片滑动距离不够则吸附回去效果图代码
Zyaibrs
·
2020-07-06 11:12
JavaScript
CSS3
移动端web
开发的小技巧以及适配问题
1:小bug处理安卓手机上点击a标签会有阴影出现,处理的方式为在body和element上加上下面这几句css样式body{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-co
司马启奏
·
2020-07-06 02:01
移动端web
app 全面禁止事件默认行为--解决a标签跳转问题
1.全面禁止事件的默认行为:window.onload=function(){document.addEventListener('touchstart',function(ev){ev=ev||event;ev.preventDefault()})}//注意ev.preventDefault()阻止默认事件行为在Chrome浏览器手机端测试台上会发出警告不能阻止事件的默认行为应该以真机为准显示警
@meem@
·
2020-07-05 09:45
移动端web
开发
视口viewport浏览器显示页面内容的屏幕区域。可分为布局视口、视觉视口、理想视口。布局视口layoutviewportiOS、Android将这个布局视口分辨率一般设置为980px视觉视口visualviewport用户正在看到的网站区域理想视口idealviewport为了使网站在移动端有最理想的浏览和阅读而设定的宽度,需手动设置meta视口标签,布局视口的宽度应该与理想视口的宽度一致,即手
TabPHP
·
2020-07-03 18:00
运用react开发仿网易云音乐移动web端学习案例
仿网易云音乐(
移动端web
—基于react)代码下载地址码云下载github下载介绍这个项目是前端是基于react,后端是nodejs编写(github社区某大佬提供),之前看到也是基于这个api接口开发了一些项目
小子逆袭
·
2020-07-02 10:03
web打包app(h5+app)版本自动更新的实现
文章目录背景说明原生app自动更新实现android自动更新实现ios自动更新实现h5+app的特点说明h5+app自动更新实现背景说明web打包的app(也称为h5+app),是指将基于html5等
移动端
usun.he
·
2020-07-02 05:07
前端
架构
h5+app
app打包
app自动更新
h5+app自动更新
在开发
移动端web
app时遇到input,获得焦点键盘挡住输入框的bug
在开发移动端网页的时候遇到键盘挡住输入框的情况当容器设置了overflow:hidden属性的时候,导致Android手机下输入框获取焦点时,输入法挡住输入框的bug//相关issue:https://github.com/weui/weui/issues/15//解决方法://0..container去掉overflow属性,但此demo下会引发别的问题//1.参考http://stackove
坚强一点
·
2020-07-02 03:24
移动端解决input框被输入法挡住的问题
有过
移动端web
开发经验的人应该都会遇到这个问题,一个input在页面最底部或者偏下的位置,输入时由于输入法的弹出,在部分浏览器下由于不会自动计算window的高度,导致input被输入法挡住。
gs981600308
·
2020-07-02 01:39
笔记
学习笔记
Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台
前言最近在跟着Johnny的全栈之巅系列视频教程学习使用NodeJS+Express+Element-UI+MongoDB等开发王者荣耀,服务端server,
移动端web
,admin,学到了不少东西。
雪域迷影
·
2020-07-01 19:52
编程语言学习
NodeJS和Express
Vue学习
从淘宝和网易的font-size思考移动端怎样使用rem?
然而根据我以往做
移动端web
项目的时候,设计稿一般是640或者750的,我一般会在head里面这样写:做移动端活动的时候结构也一般这样:viewport通用varphoneWidth=parseInt(
liu__software
·
2020-07-01 15:49
web前端
移动端web
开发之坑---input内文字与同行文字不对齐问题
港币1、在chrome中设置p{display:flex;justify-content:flex-start;align-items:center}就可以很好的解决对齐的问题,此时input框中的文字就是垂直居中的在ios中,input内文字的靠下,顶框与同行文字对齐,设置inputvertical-align:top;效果良好在安卓中,input内文字靠上,设置inputvertical-al
screaming_color
·
2020-07-01 04:30
前端
css
fly.js vs axios
在Angular、React、Vue这些
移动端web
框架大行其道的今天,很大的改变了W
lazydu
·
2020-07-01 00:52
z-index无效的解决办法
今天在做
移动端web
页面开发的时候,由于UI方案的设计图需要部分层叠的效果,所以使用z-index,存在这种情况:使用z-index为负数实现了层叠效果,但是由于底层存在事件,但是由于z-idnex为负数
coder_xsy
·
2020-06-30 02:07
web
css3
css
markdown
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供桌面客户端以及离线ChromeApp,支持
移动端Web
;深度整合
isMyNickName
·
2020-06-30 02:07
2020年史上最全
移动端Web
整理从开发基础到实战(四)
1、案例要求利用响应式布局,实现微金所页面结构。2、不同屏幕尺寸布局整体样式中大屏幕下样式小屏幕下样式超小屏幕(移动端)下样式3、代码结构4、页面结构页面结构主要分8大块:头部块导航条轮播图信息块预约块产品块新闻块合作块5、源码相关源代码已放置github:https://github.com/Daotin/Web/blob/master/Code/src/11/wjs.zipindex.html
练识
·
2020-06-29 17:39
web
移动
webkit
2020年史上最全
移动端Web
整理从开发基础到实战(三)
一、touch事件的缺陷我们在上面《页面分类》的项目中,对tap事件的处理使用的是touch事件处理的,因为如果使用click事件的话,总会有延时。但是呢,touch事件并不是完美的,不管是我们自己封装的tap事件,还是zepto自带的tap事件,在移动端都有一个致命的缺陷,就是“点透”。什么是“点透”呢?假如有两个盒子,盒子A和盒子B,如果盒子A在盒子B的上面,当我们使用tap事件点击盒子A的时
练识
·
2020-06-29 17:38
2020年史上最全
移动端Web
整理从开发基础到实战(二)
一、Zepto简介Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。Zepto主要使用在移动端浏览器上面,由于移动端的浏览器都是比较新的平台,而jQuery主要是在PC上为了浏览器的兼容性而使用的,所以在移动端一般不使用jQuery,因为它的兼容性失去了意义。Zepto就是移动端代替jQuery的js库,它封装了很多关于手势操作的方法。如果你会用
练识
·
2020-06-29 17:38
h5 与原生 app 交互的原理
现在
移动端web
应用,很多时候都需要与原生app进行交互、沟通(运行在webview中),比如微信的jssdk,通过window.wx对象调用一些原生app的功能。
weixin_34377919
·
2020-06-28 18:46
Less编写函数(mixin/@functions)的小技巧分享
技术背景开发
移动端Web
项目的时候,有一种弹性布局的方案是基于rem开发项目。
weixin_34146986
·
2020-06-28 12:45
移动端web
开发初探之Vuejs的简单实战
这段时间在做的东西,是北邮人论坛APP的注册页。这个注册页是内嵌的网页,因为打算安卓和IOS平台同时使用。因此实际上就是在做移动端的web开发了。在这过程中遇到了不少有意思的东西。DEMO的github地址在这里内容提要:meta标签Vuejs的简单实战CSS移动端全屏背景CSS移动端动画初探meta标签这点与在PC端写前端有着很大的区别,移动端的meta标签简直多。我就说说我所用到的标签。尤其是
weixin_34008784
·
2020-06-28 09:16
视频直播之优化
移动端Web
RTC通信
序言本文探讨范围仅限于移动端优化,android和iOS都适用。惯例,先上介绍官网介绍WebRTCisafree,openprojectthatprovidesbrowsersandmobileapplicationswithReal-TimeCommunications(RTC)capabilitiesviasimpleAPIs.TheWebRTCcomponentshavebeenoptimi
weixin_33967071
·
2020-06-28 08:16
点击穿透
点击穿透点击穿透**点击穿透是
移动端web
问题。****始于移动端较pc上的特殊功能:双击(doubletap)事件和长按事件(LongPress)。
诺亚的雎鸠
·
2020-06-27 20:26
移动端web
开发---Touch事件详解
一、pc端事件回顾HTML事件、DOM0事件、DOM2事件事件对象。如果上述概念不清楚,请先去了解。二、移动端事件简介2.1pc端事件在移动端的问题移动设备主要特点是不配备鼠标,键盘也只是在需要输入的地方才会激活虚拟键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了,虽然部分仍然可以使用。click事件的300ms延迟问题。2007年第一代iphone发布,由于那个年代所有的网页都是针对
做人要厚道2013
·
2020-06-27 04:43
JavaScript
HTML5
理解Ionic、Angular、Cordova及插件之间的关系
首先我们需要明确以下几个概念:1.即使我们将
移动端web
页面做得和原生应用及其相似,在我们的页面中也无法像原生应用那样调用原生的能力,当然通过输入框触发键盘、图库、拍照等操作不在这里“调用原生能力”的范畴
刘文壮
·
2020-06-26 23:44
Ionic2
Angular2
移动端web
页面开发中遇到的三个“小坑”
目前自己接触的移动端项目很有限,所以发现的坑不是那么多,暂时只记录下最近在解决的“小坑”。一、简单的移动端页面最好不用JS插件在开发中使用自己熟悉的框架或者插件对自己的开发效率帮助是很大的,但是在实际的开发中不能求效率而不考虑后续的扩展性,毕竟用户的需求是不断变化的。以移动端用的较多的iScroll为例,如果你开发中,只是用了它的滑屏功能,其他地方并没有展示出它的优势,建议还是使用Css来实现比较
chenchao2016
·
2020-06-26 22:50
HTML5+CSS
HTML5视频、音频和画布
视频处理HTML5中的视频,使用video和source搭配,来解决浏览器视频格式兼容问题,如果都不支持,可以在video里面写提示语video支持的视频格式MP4:目前比较主流OGG:多用于
移动端Web
M
不住海边也喜欢浪
·
2020-06-26 20:03
H5中的视频处理与音频处理
video标签如果当前浏览器不支持video,可以在veido里面编写提示内容src-引入视频文件的路径autoplay-自动播放视频souce元素video支持的视频格式MP4-目前比较主流OGG-多用于
移动端
云音流
·
2020-06-26 12:16
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他