常用数据库,通常面试都会说用SQLite 嵌入式数据库是轻量级的，独立的库，没有服务器组件，无需管理，一个小的代码尺寸，以及有限的资源需求。目前有几种嵌入式数据库，你可以在移动应用程序中使用。...Couchbase Lite Couchbase Lite是一个为满足在线和离线的移动应用所开发的超轻量的，可靠的，并且安全的JSON数据库。...Couchbase移动平台的亮点 JSON Anywhere： 使用专为面向对象的移动应用设计的灵活的数据模型，即时适应你的应用程序需要而无需大幅改动应用程序 易于同步 （轻松同步）： 只须几行代码就可以同步就绪...原生 APIs： 使用专门为iOS和Android优化的API管理移动数据库 REST APIs： 基于你的开发需求, REST APIs 提供了一种替代的访问方法。...包含多个数据集的一个完整的数据库，存储在单一的磁盘文件中。数据库文件格式是跨平台的，可以在32位和64位系统或大端和小端架构之间，自由拷贝一个数据库。
大家好，又见面了，我是你们的朋友全栈君。 1.移动端视口问题 视口是指浏览器的可视区域，移动端的视口到底是多宽呢？...(注：实际上，这里说的375像素不是真实的物理像素，至于这个375像素是怎么来的，以及为什么大部分移动端的默认视口宽度是980，这就是另一个更加复杂的话题了，在此我们先不做讨论。)...我们可以使用谷歌浏览器的移动端调试工具，来访问百度的搜索结果，可以看到网页明显被缩小了，而且页面宽度定格在980px(不信的话大家可以试试)。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...注意：在移动端，如果使用了背景图(比如雪碧图)，记得用同样的方式调整背景图的尺寸。 题外话：移动端看上去是不是很麻烦？视口那么小，还要引入各种东西，里面要添加的又杂又乱，还要计算数值，是不是很麻烦？
一、移动端浏览器 ---- 移动端浏览器 比 PC 端浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom.../ 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本都是 根据 Webkit 内核进行修改而来的 , 目前没有自主研发的内核 , 因此 移动端开发适配比较简单 , 兼容主流的浏览器 , 即兼容...Webkit 内核浏览器即可 ; 二、移动端屏幕分辨率 ---- 移动设备的尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android...Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动端网页调试方法...; 最右侧的 按钮 , 可以旋转手机的横竖屏 , 下面是横屏样式 :
背景 在测试阶段或者在一些特殊环境,经常因为某些数据导致客户端崩溃. 比如后端接口数据返回某个字段为空、某个字段类型变了、数组为空等.此时如果客户端没有兼容这些异常行为,大多数情况会导致崩溃....所以为了保证客户端在任何异常数据的情况下都能兼容(不崩溃),需要进行异常数据测试....UI上展示修改数据 类型错误导致崩溃 结语 在着手开发工具的初衷在于降低移动端的crash率,因为在发现崩溃top5内基本上会看到空指针这类错误,但是这类错误也是在服务端异常或者某些特定场景下才会导致某个字段为空或者某类数据为空...现在客户端处理的流程是,基于业务逻辑加入判空处理.但是这也是见一个问题处理一个问题,并且代码中加入冗余的异常处理逻辑....,来验证客户端的稳定性和兼容性.
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1....PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能...移动端特有的touch事件 由于移动端设备大都具备触摸功能，所以移动端浏览器都引入了触摸(touch)事件。...封装移动端tap事件 由于点击事件经常使用，如果用click会有延迟问题，一般我们会用touch事件模拟移动端的点击事件, 以下是封装的几个事件，仅供参考。...---- 参考文章： 移动端web开发---Touch事件详解 MDN:TouchEvent 移动端前端常见的触摸相关事件touch、tap、swipe等整理
一、移动端页面布局方案 移动端页面方案 : 单独制作的移动端页面 : 主流开发方案 , PC 端 与 移动端 访问的是不同的页面 , 目前的 京东 / 淘宝 等电商网站移动端页面采取的该方案 ; 响应式页面兼容移动端...: 开发难度较大 , PC 端与移动端访问的是相同的页面 ; 1、单独制作的移动端页面 通过设备类型判断要加载的网页类型 , 一般会在域名前添加 m 打开移动端 , 如京东域名为 jd.com , 使用...m.jd.com 可以访问其移动端页面 ; 如京东商场 , 在浏览器中输入 https://www.jd.com/ 域名 , 进入的是 PC 端的网页 , 在浏览器中 , 按 F12 进入调试模式..., 选择手机设备调试 , 输入 https://www.jd.com/ 域名 , 会自动跳转到 https://m.jd.com/ 手机端页面中 , 京东后台会认为是移动设备请求页面 , 自动跳转到移动端页面...; 2、响应式页面兼容移动端 响应式页面兼容移动端 的原理是 通过 判断当前的 屏幕宽度 , 改变当前的页面样式 , 适应不同的设备 ; 如果不断地缩小浏览器的窗口的宽度 , 网页会不停地自适应修改布局
width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> （部分安卓手机的UC...浏览器写完以后还是可以放大缩小） 二：将页面中的字段调取本地功能； 电话：点击拨打电话 信息：单击这里给peun发电子邮件 三：忽略页面中识别手机号的功能 （ios上会明显 有时候会把数字当成电话号码） 四：忽略Android平台中对邮箱地址的识别 //iphone的私有标签，iphone顶端状态条的样式。
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之后延迟触发的，浏览器会误认为是在遮盖的元素上触发了
一、移动端技术发展简介 本文讨论的银行移动端应用主要指手机银行，手机银行是银行对渠道端技术发展的一种适应，每次移动应用开发技术的升级也自然带来手机银行技术的升级。...截止2017年，BBVA银行在全球拥有超过1400万手机端用户，比2016年同期增长41%，而这一数据仅基于银行系统中显示的密集使用银行服务系统的客户。...手机银行发展至今还是有些问题值得关注： （一）手机银行的战略定位 据eMarketer的研究数据显示，2018年，美国成年人每天花在移动设备上的时间约为3.5小时（中国数据直观感觉上应该会更高）。...（三）技术能力对移动端争夺依然具备决定性影响 随着5G、API、开放银行等技术的发展和理念的变化，移动端对于银行获客、留客、活客的意义越来越大，不仅C端，B端移动化办公的需求也越来越高。...）陈昆德发表的主题演讲 [15]引自《工行移动端月活跃客户破亿 确立移动端领跑态势》，2019-06-03，中国电子银行网。
实习期间主要在写微信端H5，遇到的最大问题就是适配各个不同尺寸的屏幕。公司就我自己一个前端，只能自己摸索着来。...我的方法是以iphone6为准，然后向上适配5.5寸，向下适配4.7的iphone5，这个时候就能自适应市场上的一些主流屏幕，然后在对其他品牌手机挑一部分手动适配。...对于工作量小的项目，这个方法还是简单有效的，当然没办法覆盖所有设备，只是一个没办法的办法，这样做其实很痛苦，工作量也大。...不过我在工作中写的最多的是一些比较不常规的页面，比如下面的这个蛋和锤子都是用绝对定位放上去的，这个时候不管是宽度还是高度都得照顾到。...方法3：神奇的 vh、vw css3新增的单位，相对于视窗的宽度或高度，100vh代表整个可视区域，不包括标题栏状态栏底栏等区域，详细的可以看一下张鑫旭大神的文章 视区相关单位vw, vh..简介以及可实际应用场景
移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1.移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC端页面1px就等于1个物理像素，但移动端不同 一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比 3.2...里面把精灵图等比例缩放成原来的一半 之后根据大小测量坐标 注意代码里面background-size也要设置为精灵图原来宽度的一半 4.移动端开发选择 4.1单独移动端页面（主流） 通常情况下...通过设备判断，如果是移动端打开，则自动跳转到移动端页面。...，需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动端技术解决方案 1.移动端浏览器 移动端浏览器基本以webkit内核为主，所以就考虑webkit兼容性问题。
移动端基础 移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1.移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...视口可分为布局视口、视觉视口和理想视口 2.1布局视口 layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题 iOS，Android...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC端页面1px就等于1个物理像素，但移动端不同 一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比 3.2...里面把精灵图等比例缩放成原来的一半 之后根据大小测量坐标 注意代码里面background-size也要设置为精灵图原来宽度的一半 4.移动端开发选择 4.1单独移动端页面（主流） 通常情况下...通过设备判断，如果是移动端打开，则自动跳转到移动端页面。
移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1、移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC端页面1px就等于1个物理像素，但移动端不尽相同 一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比...Retina（视网膜屏幕）是一种显示技术，可以将更多的物理像素点压缩在一块屏幕内，从而达到更高的分辨率，并提高屏幕显示的细腻程度 常见移动端屏幕尺寸： ?...单独移动端页面（主流） 通常情况下，网址域名前面加m（mobile）可以打开移动端。...通过设备判断，如果是移动端打开，则自动跳转到移动端页面。
">播放 play.onmousedown=function() { return false;//取消默认的事件...video.currentTime.toFixed(1); allTime.innerHTML=video.duration.toFixed(1); },false); //思路:播放了就显示暂停文字,并且播放.并且显示下一次的条件...//暂停了就显示播放文字,并且暂停,并且显示下一次的条件
test3" >3 4 window.onload=function(){ //电脑端测试一二...document.onmousemove=null; document.onmousedown=null; document.onmouseup=null; } } //移动端测试一二
判断移动端或pc端 经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。 先写个方法： ?...在 App.vue 的 mounted 方法中对设置进行判断，如下: ? //App.vue mounted() { if (this...._isMobile()) { alert("移动端"); //移动端跳转路由 } else { alert("pc端"); //Pc端跳转路由
由于移动端的特殊性，屏幕的尺寸碎片化严重，要想很好的适配不同的尺寸的设备，需要我们前端开发相比PC端要做一些基层的适配方案。 1....百分比与固定高度布局方案 此方案的前提是设置屏幕为理想视口，然后通过水平百分比布局或者弹性布局，垂直方向一般用固定像素。 优点：布局快速简单方便、在移动设备中水平表现良好差异不大。...2.1 横向百分比 + 纵向高度固定 首先看案例： 拉勾网移动端首页顶部的logo区域，不管如何变化浏览器的宽度，高度不变化，宽度自适应。 ?...： 根据CSS的媒体查询设备的屏幕的宽度，根据宽度的大小设置密集的html根元素的字体大小。...这样优点非常多，首先开发人员直接像素还原，开发效率很高，也没有移动端1像素的问题。也是老马推荐大家使用的方式。
由于移动端的特殊性，屏幕的尺寸碎片化严重，要想很好的适配不同的尺寸的设备，需要我们前端开发相比PC端要做一些基层的适配方案。 1....百分比与固定高度布局方案 此方案的前提是设置屏幕为理想视口，然后通过水平百分比布局或者弹性布局，垂直方向一般用固定像素。 优点：布局快速简单方便、在移动设备中水平表现良好差异不大。...2.1 横向百分比 + 纵向高度固定 首先看案例： 拉勾网移动端首页顶部的logo区域，不管如何变化浏览器的宽度，高度不变化，宽度自适应。...： 根据CSS的媒体查询设备的屏幕的宽度，根据宽度的大小设置密集的html根元素的字体大小。...这样优点非常多，首先开发人员直接像素还原，开发效率很高，也没有移动端1像素的问题。也是老马推荐大家使用的方式。
@media screen and ( min-width: 319px){html{ font-size: 100px;}} @media screen an...
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
