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
谈谈移动端屏幕适配的几种方法
文/腾讯莫振中
移动端web
开发相对于PC端web开发,我们可以庆幸不用兼容那么多浏览器了,但是随之而来的却是各种屏幕尺寸的适配,个人觉得,比PC端还要费精力。
TANG-csdn
·
2020-06-25 23:02
关于移动端默认样式的小随笔
1.
移动端web
view中默认样式->整体样式默认样式清除html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%
星魂_ef4d
·
2020-06-25 18:06
Vue单页应用导航管理器(使用vue-page-stack仿原生app切换效果)
文章目录需求描述安装全局引入基本使用需求描述在开发
移动端web
的时候需要针对页面切换实现仿原生app的切换效果,就是在页面前进和后退时对应页面进行左滑和右滑安装npminstallvue-page-stack
涳涳嘚慌
·
2020-06-24 18:01
框架/工具
移动端Web
开发调试之Chrome远程调试(Remote Debugging)
http://blog.csdn.net/freshlover/article/details/42528643在智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了。以前很多时候为了预览页面在移动设备上的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者使用第三方二维码扫码应用,通过移动设备访问打开浏览实际效果,每次换设备都要重复这些操作,页面多的话这些
阿强的一亩三分地
·
2020-06-23 06:22
Android
chrome
移动web开发入门—基础知识、自适应布局、调试
之前没做过
移动端web
开发,最近接手的一个小项目是做微信公众号,需要考虑手机适配。
杭电茶娃
·
2020-06-22 19:41
JS
移动端自适应布局
设备独立像素比
rem
渐进式Web应用(PWA)入门教程(上)
移动端Web
应用有很多优秀的概念让人应接不暇,但好在编写一个渐进式Web应用不是一个很困难的事情。在这篇文章里将向你介绍如何把一个普通的网站转换成渐进式Web应用。你可以按照这篇文章一步一
aasd6283356
·
2020-06-22 11:44
2018-04-09
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供[桌面客户端][1]以及[离线ChromeApp][2],支持
移动端
Ting_Jia
·
2020-06-22 00:05
基于nodejs实现本地网页服务器-实现手机测试电脑开发的移动端网页
相信很多前端开发者都有开发过
移动端web
,那么我们如何用手机测试开发的网页?
ECMAScripter
·
2020-06-21 20:09
Node
印象笔记工具
特点概述:功能丰富:支持高亮代码块、LaTex公式、流程图,本地图片上传甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供桌面离线客户端,支持
移动端Web
;深度
awanke
·
2020-06-20 23:39
javascript实现移动端 HTML5 图片上传预览和压缩功能示例
分享给大家供大家参考,具体如下:在开发
移动端web
网页中,我们不可避免的会遇到文件上传的功能,但由于手机图片尺寸太大,上传时间过长导致用户体验太差,就需要在上传前对图片进行一定的压缩。
廖飞银
·
2020-05-01 10:43
Ionic VS RN 开发app
可以快速开发移动App、
移动端WEB
页面、混合appweb页面等3、目
Hozan
·
2020-04-21 10:20
马克飞象
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供桌面客户端以及离线ChromeApp,支持
移动端Web
;深度整合
冰J冰
·
2020-04-14 06:51
前端性能优化 —— 移动端浏览器优化策略
相对于桌面端浏览器,
移动端Web
浏览器上
Lanlanwork
·
2020-04-13 12:51
移动端web
开发必须了解的viewport
之前也或多或少也接触过移动端,写移动端页面的时候,总是会在head标签里加这么一行代码不管知不知道背后的原理,反正加这么一句话后,网页宽度就与屏幕宽度完美一致了。直到最近做的一个项目,需要将已经写好的PC页面再重构一份移动端页面,意外的发现,原来PC上的页面在手机上布局没有乱,而且没有出现滚动条,然后我加上了上面那句代码,滚动条又出现了,我想是时候真正认识一下viewport了。而在理解viewp
想酷却酷不起来
·
2020-04-13 01:10
移动端Web
开发工具小汇之二
这一篇讲讲WEB开发中设计师用到的工具,基本涉及了设计师工作的全流程。事实上,一个团队的做事风格很大程度上取决于leader的背景,核心是设计与核心是技术的团队,做事风格也不尽相同。在很多一流团队中,设计师起到了灵魂作用,因而也出现了“设计主导产品流”。在现在的团队中,对设计师的要求越来越多,一个既懂设计又懂代码的设计师是万千宠爱集于一身,很多优秀的设计师事实上也是将传统分工归于前端的事儿都给干了
tihu
·
2020-04-10 19:52
开篇
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片上传甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供桌面离线客户端,支持
移动端Web
;深度整合:支持选择
sunnymix
·
2020-04-09 07:24
移动端viewport的作用
做
移动端web
开发,机型的兼容性是较大的问题,而移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域
Jolie_K
·
2020-04-06 03:08
移动端web
开发常见问题
学前段好还是后端常见问题1、移动端如何定义字体font-family三大手机系统的字体:ios系统默认中文字体是HeitiSC默认英文字体是Helvetica默认数字字体是HelveticaNeue无微软雅黑字体android系统默认中文字体是Droidsansfallback默认英文和数字字体是DroidSans无微软雅黑字体winphone系统默认中文字体是Dengxian(方正等线体)默认英
横冲直撞666
·
2020-04-01 21:43
【
移动端web
开发】(二)深入viewport
前言通过上一篇我们已经大概明白viewport是什么,但是viewport并没有那么简单,一包研究得身心疲惫,脑子一个不够用哈哈,让我们一起看看吧!三个viewportppk认为,有三个viewport1.layoutviewport我们先回想一下,当有一个为PC端设计的网页想要放在移动端浏览的时候,如果我们以浏览器的可视窗口作为viewport,那由于移动端的屏幕很小,所以这个网页必然会因为vi
一包
·
2020-03-29 11:24
清除移动端网站点击a标签时闪现的半透明灰色遮罩层
移动端web
view碰到的问题在移动端网站,当你点击加了a标签的文字或图片时,该元素的周围会闪现半透明灰色背景,在微信上的网站就是如此;而有的浏览器会闪现一个半透明遮罩层,比如移动端的Chrome浏览器
翻滚的前端程序员
·
2020-03-22 23:39
Meta标签的那些事
我现将前端页面开发经常用到的meta标签内容整理成文,加入了
移动端web
开发meta信息,供需要时查阅。1、申明文档使用的字符编码1或1该meta标签定义了HTML页面所使用的字符
hope7th
·
2020-03-19 17:09
缓存
参考:iOS开发网络篇NSCache缓存类的详解3.H5缓存机制浅析-
移动端Web
加载性能优化【干货】4.OKHTTP之缓存配置详解缓存一般用于getNSURLCache和NSCache的区别NSURLCache
yf_js
·
2020-03-17 08:39
移动端web
页面模板,和css重置文件
1.设置网页跟字体大小(function(){varhtml=document.documentElement;varhWidth=html.getBoundingClientRect().width;html.style.fontSize=hWidth/数字+'px';}())2.重置移动端相关默认样式a,input,button{-webkit-tap-highlight-color:rgba
duziten
·
2020-03-17 01:02
2018-08-10
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供[桌面客户端][1]以及[离线ChromeApp][2],支持
移动端
18603420126
·
2020-03-16 10:12
仿android QQ app的
移动端web
布局心得
#仿androidQQapp的
移动端web
布局心得##仿QQ布局,5个页面,考虑到要加特效,没想到用了整整一天。
Hiraku
·
2020-03-13 20:15
h5 与原生 app 交互的原理
现在
移动端web
应用,很多时候都需要与原生app进行交互、沟通(运行在webview中),比如微信的jssdk,通过window.wx对象调用一些原生app的功能。
强哥科技兴
·
2020-03-11 03:37
移动端web
开发常用框架、类库、UI组件简介
移动端web
开发框架、类库和UI组件简介,有需要的收藏一波。
wx5dee174b53c67
·
2020-03-10 16:55
web开发
移动网站建设
H5页面识别及测试点
我们平时说的H5测试就是HTML5,其实就是:
移动端WEB
页面。
执灯行
·
2020-03-08 21:00
项目开发时遇到的小问题
单行文本:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行文本:(
移动端web
kit内核)overflow:hidden;text-overflow
井皮皮
·
2020-03-08 05:16
在EverNote上用MarkDown编辑的工具
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供[桌面客户端][1]以及[离线ChromeApp][2],支持
移动端
致在路上的我们
·
2020-02-28 16:46
移动端web
开发 1px边框问题
写一个border.scss通用样式文件/*border1px*/@mixinborder1px($borderStyle:solid,$borderColor:#EEEEEE,$borderRadius:0,$position:bottom){position:relative;&:after{content:'';position:absolute;top:0;left:0;width:200
zhiyu
·
2020-02-27 14:11
前端
html5
像素
web统计工具
查了很久没发现一个开源框架让我收集
移动端web
的点击。
三千万星辰
·
2020-02-26 04:14
移动端web
app自适应实践
作者:你猜不猜原文地址:http://www.cnblogs.com/wang4517/p/4528432.html为什么要写这个以前写过关于webapp自适应屏幕的文章(链接),不过写的大多数群众看不懂,所以来个图文并茂的版本。虽然只是一个简单的页面,不过在做的过程中也遇到了一些问题,也算是好事吧!该示例github地址:https://github.com/iwangx/WebApp访问地址:
IT程序狮
·
2020-02-22 17:30
vue-cli
移动端web
-app可滑动标题栏(类似腾讯视频精选滑动)
前沿:这是好久之前的项目的需求了,需要做一个可滑动的标题栏,类似腾讯视频的导航栏,可以滑动。现在记录下来,方便以后使用。这里我并没有封装公共组件,需要的伙伴自行封装。由于需要灵活控制(我不想写那么多的v-show,那位小伙伴有更好的解决方案,评论区留言),所以里边有引入jq,适配用的是rem.接下来上代码。{{item}}122345678exportdefault{data(){return{a
愿醒静卧忘尘谷
·
2020-02-20 03:47
移动端Web
适配单位rem的坑你知道多少
前言对于rem相信很多做移动端页面的大胸弟都不陌生,用rem加百分比来做自适应那是爽的不能再爽。至少切一般的h5页面是没多大问题的。但是今天却让我发现某个三星机下面竟然出现页面显示不正常的问题,大部分安卓机跟苹果机还是正常显示的,也就是说,这尼玛百分百是机型兼容性问题。经过查看确定了是rem引起的问题。既然抛出了问题,那就得找原因跟解决办法。在这里,我首先想到的是安卓系统的问题,经过各种百度,也证
Chance722
·
2020-02-20 00:04
手机
移动端WEB
资源整合
http://www.daqianduan.com/6281.htmlmeta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板viewport模板——通
流动码文
·
2020-02-18 11:09
使用spy-debugger调试
移动端web
view
日常的web开发过程中,有时页面空白了,我们要看看是不是页面代码报错了导致渲染中断或有时样式不符合预期效果,我们又要看看是否受到附近的元素影响,这个时候把安卓设备连接电脑debug往往是一个有效快捷的好方法。然而,并非每次问题都能通过上面这种方法解决,因为偶尔会有些ios设备上的特殊问题(大部分是样式上的)在安卓无法重现,在Mac上可以用Xcode或Safari调试,但是这些在Windows上就行
野鹿桑
·
2020-02-16 21:51
markdown语法
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供桌面客户端以及离线ChromeApp,支持
移动端Web
;深度整合
埃菲尔上的铁塔梦i
·
2020-02-16 19:45
移动端屏幕适配方法
移动端web
开发相对于PC端web开发,我们可以庆幸不用兼容那么多浏览器了,但是随之而来的却是各种屏幕尺寸的适配,个人觉得,比PC端还要费精力。在使用了腾讯优测进行软件测试后,问题得到了有效解决。
乖乖果效36
·
2020-02-15 20:28
移动端web
界面click时间300s延迟的问题
ontouchmove当手指在屏幕上滑动时连续触发,通常我们在滑屏界面,会调用ever.preventDefault组织默认情况,防止页面滑动ontouched当手指离开屏幕时触发click点击事件所以如何解决
移动端
泡芙小姐110
·
2020-02-11 21:22
移动端Web
开发调试之Chrome远程调试
android远程实时更新webview界面:步骤一:android应用内webview设置属性if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){WebView.setWebContentsDebuggingEnabled(true);}步骤二:谷歌浏览器输入地址chrome://inspect步骤三:webview加载url地址显示步骤四
Hans在路上
·
2020-02-10 10:35
推荐一款跨H5平台 音频控制js插件 sound.js插件
最近在开发个H5应用,最头疼的是
移动端web
kitwebview对标签的支持很差,导致部分安卓手机无法播放音频文件。在我解决无路的时候有个朋友推荐了我一款JS插件sound.js。
小樱熊
·
2020-02-08 12:19
测试MarkDown
特点概述:功能丰富:支持高亮代码块、LaTeX公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;得心应手:简洁高效的编辑器,提供桌面客户端以及离线ChromeApp,支持
移动端Web
;深度整合
murphy1314
·
2020-02-06 12:01
5.touch事件与点击穿透问题
前言
移动端web
事件模型不同于PC页面事件,了解touch事件原理及为什么通过touch触发click事件还有可能存在的一些问题。(会出现弹出层及页面跳转触发一些问题。)
笨蛋小明
·
2020-02-05 13:26
滑动时候警告:Unable to preventDefault inside passive event listener
移动端Web
界面滚动性能优化Passiveeventlisteners最近更新了ios11.3,项目上发现这么一个问题,“我的”页面和两个列表页的滚动出现了问题,滚动时候不仅滚动了希望滚动的部分,整体的页面也跟随者上下滚动
辣瓜瓜
·
2020-02-05 02:07
ios 调起键盘后点击不了 点击事件错位
在开发
移动端web
app的时候,在微信端ios浏览器中遇到过一个巨坑。
hhooke
·
2020-02-02 10:52
手写一个switch开关UI组件
最近公司
移动端web
项目中新增了通知设置功能,需要用到switch开关组件,但该项目没有用到任何的UI组建库,因此需要自己来写一个switch组件,接下来就一步步的实现一个switch开关的组件。
桃花谷主V
·
2020-02-01 20:57
移动web前端页面开发自适应的问题
在我现在这家公司面试的时候我面的是Android开发的,老板不懂技术,要求做微商城,我以为是做商城版的app结果不是,而是
移动端web
,可能这就是缘分吧,是这公司的人事小姐姐主动打电话叫我来面的试,结束了我正在找实习工作的痛苦
天谴残魂
·
2020-01-08 19:04
x5 webview Remote Debugging chrome://inspect/#devices调试只显示设备
移动端Web
开发调试之Chrome远程调试(RemoteDebugging)使用x5webview,chrome远程调试只显示设备,而不显示打开的APP页面1、手机中打开“设置”->”开发人员选项”->
zhengzx
·
2020-01-08 09:07
手机端
移动端WEB
资源整合
meta基础知识**H5页面窗口自动调整到设备宽度,并禁止用户缩放页面**忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板viewport常见模板标题这里开始内容viewport模板–target-densit
逍遥至尊灬寳
·
2020-01-08 03:10
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他