首页
学习
活动
专区
工具
TVP
发布

java移动开发_移动开发

大家好,又见面了,我是你们朋友全栈君。 1.移动端视口问题 视口是指浏览器可视区域,移动视口到底是多宽呢?...(注:实际上,这里说375像素不是真实物理像素,至于这个375像素是怎么来,以及为什么大部分移动默认视口宽度是980,这就是另一个更加复杂的话题了,在此我们先不做讨论。)...我们可以使用谷歌浏览器移动调试工具,来访问百度搜索结果,可以看到网页明显被缩小了,而且页面宽度定格在980px(不信的话大家可以试试)。...3.移动尺寸 是同一个网页在不同尺寸手机中效果。...注意:在移动,如果使用了背景图(比如雪碧图),记得用同样方式调整背景图尺寸。 题外话:移动看上去是不是很麻烦?视口那么小,还要引入各种东西,里面要添加又杂又乱,还要计算数值,是不是很麻烦?

4.8K20

移动常用数据

常用数据库,通常面试都会说用SQLite 嵌入式数据库是轻量级,独立库,没有服务器组件,无需管理,一个小代码尺寸,以及有限资源需求。目前有几种嵌入式数据库,你可以在移动应用程序中使用。...Couchbase Lite Couchbase Lite是一个为满足在线和离线移动应用所开发超轻量,可靠,并且安全JSON数据库。...Couchbase移动平台亮点 JSON Anywhere: 使用专为面向对象移动应用设计灵活数据模型,即时适应你应用程序需要而无需大幅改动应用程序 易于同步 (轻松同步): 只须几行代码就可以同步就绪...原生 APIs: 使用专门为iOS和Android优化API管理移动数据库 REST APIs: 基于你开发需求, REST APIs 提供了一种替代访问方法。...包含多个数据一个完整数据库,存储在单一磁盘文件中。数据库文件格式是跨平台,可以在32位和64位系统或大端和小架构之间,自由拷贝一个数据库。

2K40
您找到你想要的搜索结果了吗?
是的
没有找到

移动网页布局】移动网页布局基础概念 ① ( 移动浏览器 | 移动屏幕分辨率 | 移动网页调试方法 )

一、移动浏览器 ---- 移动浏览器 比 PC 浏览器发展要晚 , 使用技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见浏览器如下 : UC / QQ / Opera / Chrom.../ 360 / 百度 / 搜狗 / 猎豹 国内浏览器 基本都是 根据 Webkit 内核进行修改而来 , 目前没有自主研发内核 , 因此 移动开发适配比较简单 , 兼容主流浏览器 , 即兼容...Webkit 内核浏览器即可 ; 二、移动屏幕分辨率 ---- 移动设备尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android...Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动网页调试方法...; 最右侧 按钮 , 可以旋转手机横竖屏 , 下面是横屏样式 :

2.5K40

移动异常数据测试

背景 在测试阶段或者在一些特殊环境,经常因为某些数据导致客户崩溃. 比如后端接口数据返回某个字段为空、某个字段类型变了、数组为空等.此时如果客户没有兼容这些异常行为,大多数情况会导致崩溃....所以为了保证客户在任何异常数据情况下都能兼容(不崩溃),需要进行异常数据测试....UI上展示修改数据 类型错误导致崩溃 结语 在着手开发工具初衷在于降低移动crash率,因为在发现崩溃top5内基本上会看到空指针这类错误,但是这类错误也是在服务异常或者某些特定场景下才会导致某个字段为空或者某类数据为空...现在客户处理流程是,基于业务逻辑加入判空处理.但是这也是见一个问题处理一个问题,并且代码中加入冗余异常处理逻辑....,来验证客户稳定性和兼容性.

95211

10-移动开发教程-移动事件

在前端移动Web开发中,有一部分事件只在移动产生,如触摸相关事件。接下来给大家简单总结一下移动事件。 1....PC事件在移动兼容问题 1.1 click事件200~300ms延迟问题 由于移动默认布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来大小,Safari最新引入了双击缩放功能...移动特有的touch事件 由于移动设备大都具备触摸功能,所以移动浏览器都引入了触摸(touch)事件。...封装移动tap事件 由于点击事件经常使用,如果用click会有延迟问题,一般我们会用touch事件模拟移动点击事件, 以下是封装几个事件,仅供参考。...---- 参考文章: 移动web开发---Touch事件详解 MDN:TouchEvent 移动前端常见触摸相关事件touch、tap、swipe等整理

6.6K80

10-移动开发教程-移动事件

在前端移动Web开发中,有一部分事件只在移动产生,如触摸相关事件。接下来给大家简单总结一下移动事件。 1....PC事件在移动兼容问题 1.1 click事件200~300ms延迟问题 由于移动默认布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来大小,Safari最新引入了双击缩放功能...移动特有的touch事件 由于移动设备大都具备触摸功能,所以移动浏览器都引入了触摸(touch)事件。...封装移动tap事件 由于点击事件经常使用,如果用click会有延迟问题,一般我们会用touch事件模拟移动点击事件, 以下是封装几个事件,仅供参考。...---- 参考文章: 移动web开发---Touch事件详解 MDN:TouchEvent 移动前端常见触摸相关事件touch、tap、swipe等整理

6.3K70

移动网页布局】移动网页布局基础概念 ⑧ ( 移动页面布局方案 | 单独制作移动页面 - 主流 | 响应式页面兼容移动 - 开发难度较大 )

一、移动页面布局方案 移动页面方案 : 单独制作移动页面 : 主流开发方案 , PC 移动 访问是不同页面 , 目前 京东 / 淘宝 等电商网站移动页面采取该方案 ; 响应式页面兼容移动...: 开发难度较大 , PC 移动访问是相同页面 ; 1、单独制作移动页面 通过设备类型判断要加载网页类型 , 一般会在域名前添加 m 打开移动 , 如京东域名为 jd.com , 使用...m.jd.com 可以访问其移动页面 ; 如京东商场 , 在浏览器中输入 https://www.jd.com/ 域名 , 进入是 PC 网页 , 在浏览器中 , 按 F12 进入调试模式..., 选择手机设备调试 , 输入 https://www.jd.com/ 域名 , 会自动跳转到 https://m.jd.com/ 手机页面中 , 京东后台会认为是移动设备请求页面 , 自动跳转到移动页面...; 2、响应式页面兼容移动 响应式页面兼容移动 原理是 通过 判断当前 屏幕宽度 , 改变当前页面样式 , 适应不同设备 ; 如果不断地缩小浏览器窗口宽度 , 网页会不停地自适应修改布局

3.6K40

移动那些坑

Andriod 针对部分浏览器非预期缓存机制,需要服务添加如下HTTP头信息: ?...但是这种做法会取消掉浏览器其他默认行为,比如页面默认滚动。。。...scroll 相关方法,参考:https://drafts.csswg.org/csso… polyfill:https://github.com/iamdustan/… 综合问题 禁止页面滑动 当你需要禁止移动页面滑动时候...1、mask 2、banner 3、fixed 4、sticky 点透 移动 click 触发顺序是touchstart->touchmove->touchend->mousedown->mousemove...在重叠区域里,被遮盖元素绑定click,遮盖元素绑定touch事件,且touch后遮盖元素会隐藏的话,就会造成穿透,因为click是在touch之后延迟触发,浏览器会误认为是在遮盖元素上触发了

1.7K30

银行移动应用

一、移动技术发展简介 本文讨论银行移动应用主要指手机银行,手机银行是银行对渠道技术发展一种适应,每次移动应用开发技术升级也自然带来手机银行技术升级。...截止2017年,BBVA银行在全球拥有超过1400万手机用户,比2016年同期增长41%,而这一数据仅基于银行系统中显示密集使用银行服务系统客户。...手机银行发展至今还是有些问题值得关注: (一)手机银行战略定位 据eMarketer研究数据显示,2018年,美国成年人每天花在移动设备上时间约为3.5小时(中国数据直观感觉上应该会更高)。...(三)技术能力对移动争夺依然具备决定性影响 随着5G、API、开放银行等技术发展和理念变化,移动对于银行获客、留客、活客意义越来越大,不仅C,B移动化办公需求也越来越高。...)陈昆德发表主题演讲 [15]引自《工行移动月活跃客户破亿 确立移动领跑态势》,2019-06-03,中国电子银行网。

1.5K20

移动基础

移动基础 移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 模拟手机调试...视口可分为布局视口、视觉视口和理想视口 2.1布局视口 layout viewport 一般移动设备浏览器都默认设置了一个布局视口,用于解决早期PC页面在手机上显示问题 iOS,Android...是厂商在出厂时就设置好 开发时用1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不同 一个px能显示物理像素点个数,称为物理像素比或屏幕像素比 3.2...里面把精灵图等比例缩放成原来一半 之后根据大小测量坐标 注意代码里面background-size也要设置为精灵图原来宽度一半 4.移动开发选择 4.1单独移动页面(主流) 通常情况下...通过设备判断,如果是移动打开,则自动跳转到移动页面。

1.6K10

移动基础

移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1、移动调试方法 Charome DevTools(谷歌浏览器) 模拟手机调试 搭建本地...是厂商在出厂时就设置好 开发时用1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不尽相同 一个px能显示物理像素点个数,称为物理像素比或屏幕像素比...Retina(视网膜屏幕)是一种显示技术,可以将更多物理像素点压缩在一块屏幕内,从而达到更高分辨率,并提高屏幕显示细腻程度 常见移动屏幕尺寸: ?...单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。

2K20

移动基础

移动浏览器我们主要针对webkit内核进行兼容   现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 模拟手机调试...是厂商在出厂时就设置好 开发时用1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不同 一个px能显示物理像素点个数,称为物理像素比或屏幕像素比 3.2...里面把精灵图等比例缩放成原来一半 之后根据大小测量坐标 注意代码里面background-size也要设置为精灵图原来宽度一半 4.移动开发选择 4.1单独移动页面(主流) 通常情况下...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 1.移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

1.4K31

移动适配

实习期间主要在写微信H5,遇到最大问题就是适配各个不同尺寸屏幕。公司就我自己一个前端,只能自己摸索着来。...我方法是以iphone6为准,然后向上适配5.5寸,向下适配4.7iphone5,这个时候就能自适应市场上一些主流屏幕,然后在对其他品牌手机挑一部分手动适配。...对于工作量小项目,这个方法还是简单有效,当然没办法覆盖所有设备,只是一个没办法办法,这样做其实很痛苦,工作量也大。...不过我在工作中写最多是一些比较不常规页面,比如下面的这个蛋和锤子都是用绝对定位放上去,这个时候不管是宽度还是高度都得照顾到。...方法3:神奇 vh、vw css3新增单位,相对于视窗宽度或高度,100vh代表整个可视区域,不包括标题栏状态栏底栏等区域,详细可以看一下张鑫旭大神文章 视区相关单位vw, vh..简介以及可实际应用场景

2.1K20

08-移动开发教程-移动适配方案

由于移动特殊性,屏幕尺寸碎片化严重,要想很好适配不同尺寸设备,需要我们前端开发相比PC要做一些基层适配方案。 1....百分比与固定高度布局方案 此方案前提是设置屏幕为理想视口,然后通过水平百分比布局或者弹性布局,垂直方向一般用固定像素。 优点:布局快速简单方便、在移动设备中水平表现良好差异不大。...2.1 横向百分比 + 纵向高度固定 首先看案例: 拉勾网移动首页顶部logo区域,不管如何变化浏览器宽度,高度不变化,宽度自适应。...: 根据CSS媒体查询设备屏幕宽度,根据宽度大小设置密集html根元素字体大小。...这样优点非常多,首先开发人员直接像素还原,开发效率很高,也没有移动1像素问题。也是老马推荐大家使用方式。

3.4K100

08-移动开发教程-移动适配方案

由于移动特殊性,屏幕尺寸碎片化严重,要想很好适配不同尺寸设备,需要我们前端开发相比PC要做一些基层适配方案。 1....百分比与固定高度布局方案 此方案前提是设置屏幕为理想视口,然后通过水平百分比布局或者弹性布局,垂直方向一般用固定像素。 优点:布局快速简单方便、在移动设备中水平表现良好差异不大。...2.1 横向百分比 + 纵向高度固定 首先看案例: 拉勾网移动首页顶部logo区域,不管如何变化浏览器宽度,高度不变化,宽度自适应。 ?...: 根据CSS媒体查询设备屏幕宽度,根据宽度大小设置密集html根元素字体大小。...这样优点非常多,首先开发人员直接像素还原,开发效率很高,也没有移动1像素问题。也是老马推荐大家使用方式。

2.9K60
领券