研究表明，用户每天耗费在手机和平板上的平均时长为158分钟，其中127分钟是耗费在各类APP中，可以看出移动端APP的快速发展都是不争的事实，在我们不断吸收新的东西和掌握新的潮流的同时，还需要确认这些设计趋势是否被验证了...以下是2017年移动端产品最有影响力的趋势： 1....卡片视图 1.card view.gif 随着移动端设备在互联网中的地位越发重要，产品的打磨中，如何使得移动端和桌面端UI之间的界限更为模糊，用户体验更加无痕，则是设计师迫切需要解决的问题。...3．拉长滚动和视差 31.png 拉长滚动能够很好的把桌面端内容转化到移动端浏览，并且滚动这一交互方式本身跟移动端上的触摸控制浑然一体，有助于用户在单向滑动中获取大量内容保持不中断。...移动端原型设计更方便 4.data fill.gif 在用户体验和界面设计不断一体化的大趋势下，原型设计在产品设计中的地位更加不可或缺，而快速、高效率和可视化则是行业对原型设计的潜在要求，今年各色原型设计工具也在不断地进行升级优化
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/113558.html原文链接：https://javaforall.cn
作为百度在移动端的最大入口，手机百度的这两个动作都表明，在从信息化到服务化的转型道路上，百度正在越走越远。...外卖本身就有不小的延展空间，饿了么的思路是“从外卖到连接与吃有关的一起”，而百度则把外卖当成“服务流传输”的切入点，除了送吃的，百度外卖还与送药应用药给力合作送药上门，并且接入了超市外送服务，未来还可以送咖啡...各种服务都有独立App，手机百度充当的则是聚合平台，同时给其他平台导入流量，这就像百度首页与百度图片等频道的关系一样，手机百度是百度在移动端的“首页”。...从频道差异可看出手机百度新的定位，它更注重实效性内容、时间消磨性内容以及生活服务流，移动端对于这些内容的搜索需求更加强烈。就服务流来说，手机百度的核心价值是连接。 1、连接上层应用与基础设施。...去年四季度，百度移动搜索月活跃用户便已经超过6亿，用户在百度移动端的搜索量也已超过了PC端。
http://618cj.com/2017/01/16/%E6%89%8B%E6%9C%BA%E7%A7%BB%E5%8A%A8%E7%AB%AF%E6%97%...
1：命令行运行 ipconfig 2： 得到ipv4值， 用该值替换localhost 例如 localhost:8080 => 192.168.1.101:8080 ， 手机访问后者即可
手机版页面通常需要设置 mate 标签，来实现禁止缩放等效果。 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"
从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备。...计算PPI，可以简单用勾股定理计算出对线上出现的像素，再除以对角线上长度： 我们知道，手机的屏幕是以像素的方式一个一个呈现出来的。PPI值越高，意味着有更细腻的画面。较低PPI的屏幕看起来有颗粒感。...在一定的距离内，手机显示屏在200PPI以上时，肉眼就分辨不出单个像素点了。
从各家近期表现来看，百度移动端流量首次超越PC端，其月活用户数量及变现能力引发关注；360集中更多的资源加强移动搜索的产品研发和市场份额的拓展，并在近期上线了“摸字版”功能；而神马搜索则通过与新浪微博进行深度合作...综合来看，三者在移动搜索领域都拥有各自竞争优势，百度无疑代表了移动商业化方向，神马背靠UC浏览器获得强势导流，360稳扎稳打不断进行产品创新，那么究竟谁才能代表未来的发展趋势？...百度将移动搜索视为发展移动业务战略中的绝对核心，其移动端的应用分发和地图等业务均围绕着移动搜索而展开。...以“摸字”功能为例，以往用户在电脑上进行复制粘贴这样的简单操作行为，在手机上却并不容易。正是由于不少移动产品依旧沿袭着PC搜索的思维，因此这个问题也一直困扰着用户的体验。...提升用户体验是移动搜索竞争之本 在如今的移动端搜索领域，各方均集中了更多的资源全力开拓，战局与当初的PC搜索界异曲同工。
更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/119353623
Mint UI 基于 Vue.js 的移动端组件库 Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。...考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。...vue-carbon 基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库 使用文档地址 https://myronliu347.github.io/vue-carbon...和 ionic 的关系：没有关系，只是在样式方面以 ionic 的 css 文件为基础（做了一些调整） vux Vux（读音 [v’ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端...基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。
过去人们更多是在碎片化的时间里使用移动设备，于是移动应用就主要考虑用户的碎片化场景。 一个正在上演的趋势是，移动互联网正在进入“沉浸式”时代。...比如与高速网络一起发展的移动视频，就很好地满足了用户沉浸式信息消费的需求；移动购物，体验做到不逊色PC多少，不少购物达人用手机可以逛几个小时淘宝。...手机、应用都在抢夺用户的“集中时间”，给用户沉浸式的体验。 沉浸式阅读时代，新闻客户端生变 如果说过去移动互联网阅读是一份报纸，未来它会更像一本满足用户深度阅读需求的杂志。...之所以移动阅读会越来越像杂志，正是前面所叙述的一个趋势所影响：碎片化已不再是移动互联网的核心标签，人们的阅读需求并未变化，即需要碎片化的资讯获得，也需要深度资讯内容。...用户需要的是更有价值的内容，新闻客户端迎合这样的趋势必须更加“杂志化”即尝试深度内容、编辑精挑细选给用户提供沉浸式的阅读体验，同时在产品上提供互动、一键阅读诸多移动互联网特色功能。
1.移动端视口问题 视口是指浏览器的可视区域，移动端的视口到底是多宽呢？ 现在市面上的大部分手机，比如iphone X，它的默认视口宽度为980px，而一个iphone X的屏幕宽度仅仅为375px。...我们可以使用谷歌浏览器的移动端调试工具，来访问百度的搜索结果，可以看到网页明显被缩小了，而且页面宽度定格在980px(不信的话大家可以试试)。...(这种情况我也就不给大家演示了，这明显是一个显而易见的道理，比如你在pc端的网页放在手机上能一样吗？) 而且，不同手机的实际宽度是不一样的。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...注意：在移动端，如果使用了背景图(比如雪碧图)，记得用同样的方式调整背景图的尺寸。 题外话：移动端看上去是不是很麻烦？视口那么小，还要引入各种东西，里面要添加的又杂又乱，还要计算数值，是不是很麻烦？
HTML5学堂：今天要与大家分享一个当前移动端很常见的效果，类似于手机联系人的快速导航功能，即当触摸a~z的字母时，能够相对应的显示文字。...有些手机的音乐导航也类似，具体可详见下图： touchmove的问题 在移动端，我们可以使用touch事件进行处理，此处首先想到的是使用touchmove事件。...实现触摸a~z导航（模拟手机联系人） 当前能够想到的实现方法有两种（也均测试无误） 第一种方法：手指滑动的时候，判断手指滑动的竖向位置，如果到达相应标签的位置(由于标签是fixed定位模式，因此可以拿到每个标签...> HTML5学堂 移动端开发... 模拟手机联系人导航 a~z的拖拽 touchmove的问题
今天说一说移动端使用rem同时适应安卓ios手机原理解析，移动端响应式开发,希望能够帮助大家进步!!!...rem单位大家可能已经很熟悉，rem是随着html的字体大小来显示代表宽度的方法，我们怎样进行移动端响应式开发呢 浏览器默认的字体大小为16px 及1rem 等于 16px 如果我们想要使1rem等于...-- 12/16 --> } 我们再来看一下各个浏览器的屏幕宽度 iphone4 320 iphone5 320 iphone6 375 iphone6p 414 大部分的安卓手机屏幕显示宽度为
最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？...一、框架开发手机网站 一般用现在常用的开发框架有：目前Web前端最火的框架（BootStrap）、Jquery mobile..当然可能还有一些移动端开发的框架，这些我就没具体去研究过。... 下面是我做的基于微信二次开发的手机页面案例： 点击预览 其实在移动端的开发让我纠结的是在字体单位上的选择。...目前来说，就移动端的淘宝首页就是采用rem来作为单位来布局的。关于使用rem单位这个问题以及它的好处：还得需要大神来解答这个问题，毕竟我也只是刚接触。...对于移动端的JS效果可能和PC端有些不同，因为移动端有移动端的事件，这也是我为什么老是强调学JS，是学原生JS，而不是学Jquery。我的下篇文章就会讲到”为什么学JS要学原生JS”。
同样的，今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备。 随着日常生活中所涉及到的移动端应用的增加，用户在这些东西上的所耗费的精神和脑力也越来越多。...当年红极一时的“快播”移动APP就曾以“左手模式”而出名，而UC浏览器这样的移动端霸主也在很早的时候加入了左右手习惯判断的设计。当然，这只是大屏手机界面设计的诸多问题中的一个。...接下来的设计趋势，也与大屏手机的设计息息相关。 2、滑动交互成为主流 当webOS刚刚兴起的时候，精致的卡片、大量的滑动交互、手势操作惊艳了整个移动端设计领域。...3、可穿戴设备开始影响移动端设计 手机屏幕越来越大，但是可穿戴设备的屏幕则要求够小够好用，尺寸上的巨大差别令APP的界面设计面临更大的挑战。...随着移动端的高度进化和Typekit等服务 的出现，字体清晰度的提升，让网页和APP的排版布局拥有了更多的可能性，设计师可以借由不同的字体和多样的图片搭配出更有表现力的设计，即使是在移动端 设计上，这种趋势也越发明显
客户端软件通过标准的Web服务来使用网上的服务。 用户不必购买软件，只需按需租用软件。...国内的中国移动技术研究院在云计算领域研究较早，主要基于开源的Hadoop、Xen等技术实现大 规模的海量数据挖掘。...三、云计算发展趋势 【云计算引发产业变革】 毫无疑问，"云计算"将带来产业大变革。未来十年，最重要的产业变化将体现在5个方面。...第三个变化是，计算的架构从过去集中于 PC 或服务器的某一 " 端 " 走向 " 云 "+" 端 " ，即"C+C"(Cloud+Client)。...“云”即大型的云计算中心，而“端”则包括PC、手机、电视等终端。第四个变化是，软件企业的业务模式从软件(Software)走向了"软件+服务"即"S+S"。
一、移动端浏览器 ---- 移动端浏览器 比 PC 端浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom.../ 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本都是 根据 Webkit 内核进行修改而来的 , 目前没有自主研发的内核 , 因此 移动端开发适配比较简单 , 兼容主流的浏览器 , 即兼容...Webkit 内核浏览器即可 ; 二、移动端屏幕分辨率 ---- 移动设备的尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android...Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动端网页调试方法...按钮 , 可以 切换到手机模式 ; 切换成手机模式 , 样式如下 : 左侧的下拉菜单 , 可以选择手机型号 ; 如果没有找到满意的手机型号 , 可以点击 Edit 按钮 , 添加虚拟设备
随着移动行业的爆发式发展，手机配置不断提高，基于手机平台的信息采集、图像处理、数据传输等方面的研究也成为了热点，这使得基于手机平台上的车牌识别成为可能。...移动端车牌识别实现的过程简单为以下几个部分： 图像采集：通过智能手机摄像头拍摄车牌图像。 预处理：灰度化、二值化、边缘增强、噪声过滤、自动白平衡、自动曝光以及伽马校正、对比度调整等。...移动端车牌识别在占道停车能被非常好地用上，移动端车牌识别会让他们的工作更加的方便，用前端扫一扫车牌就能计费了。...车辆保险、现场勘察方面也会用到移动端车牌识别，比如车险移动查勘，他们会将移动端车牌识别与移动端证件识别技术结合起来，如果车辆没有车牌，也可以将车架号识别集成进来，他们在前期也是减少保险服务人员的工作量，...汽车服务行业汽修等也会用到移动端车牌识别，比如汽车4S点，汽车维修保养。 汽修服务行业的app上，最近也是一个非常火的应用，将移动端车牌识别sdk集成在app上，就能实现手机车牌识别的功能。
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1....PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能...：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。 ...移动端特有的touch事件 由于移动端设备大都具备触摸功能，所以移动端浏览器都引入了触摸(touch)事件。...封装移动端tap事件 由于点击事件经常使用，如果用click会有延迟问题，一般我们会用touch事件模拟移动端的点击事件, 以下是封装的几个事件，仅供参考。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
