首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    java移动端开发_移动端开发

    1.移动端视口问题 视口是指浏览器的可视区域,移动端的视口到底是多宽呢? 现在市面上的大部分手机,比如iphone X,它的默认视口宽度为980px,而一个iphone X的屏幕宽度仅仅为375px。...我们可以使用谷歌浏览器的移动端调试工具,来访问百度的搜索结果,可以看到网页明显被缩小了,而且页面宽度定格在980px(不信的话大家可以试试)。...好在HTML给我们提供了一个关键字device-width ,该关键是读取当前移动设备的宽度。 因此,我们只需要使用下面的代码,即可让所有移动设备的视口宽度和其自身的宽度相等。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...注意:在移动端,如果使用了背景图(比如雪碧图),记得用同样的方式调整背景图的尺寸。 题外话:移动端看上去是不是很麻烦?视口那么小,还要引入各种东西,里面要添加的又杂又乱,还要计算数值,是不是很麻烦?

    5K20

    大数据时代,移动计算 OR 移动数据

    3 移动计算 我们熟知的摩尔定律:“ 集成电路上可容纳的元器件的数目,约每隔18个月便会增加一倍,性能也将提升一倍 ”。...这套方案的核心的思路是:既然数据是庞大的,而程序要比数据小得多,将数据输入给程序是不划算的,那么就反其道而行之,将程序分发到数据所在的地方进行计算,也就是所谓的移动计算比移动数据更划算。...4 如何实现 那么,到底移动计算程序到数据所在位置进行计算是如何实现的呢? 1....根据输入数据量的大小,将数据分成若干片(Spit),每一个数据片都分配给一个任务执行进程去处理 5.任务执行进程读取自己需要处理的数据,并把数据输入给应用程序相应的方法去执行,从而实现在分布式服务器集群中移动计算

    1.8K20

    移动搜索SEO:网站移动适配之Meta标注、移动跳转终结篇

    总结前,先来回顾下小白张戈在移动适配这条道路上的摸爬滚打: 百度开放适配专用 sitemap 制作说明 360 站长平台移动适配文件制作说明 完美实现移动主题在 360 网站卫士缓存全开情况下的切换 移动搜索...所以,移动站点的创建主要是为了弥补 PC 站在移动小屏设备下显示不佳的缺憾。然而,搜索引擎却会将他们视为不同的站点,从而影响 SEO。...为了解决这个问题,我们就必须遵循搜索引擎的移动适配原则,对 2 个站点进行移动适配。...下面主要分享下META 标注和移动跳转的部署方法: 一、完整代码示例 以首页举例,实现移动适配 META 标注、移动站跳转的做法如下: ①、在 PC 站点部署代码: head 部分: <!...四、成果展示 张戈博客做好移动适配有 2 个多月了,目前效果非常不错,主流移动搜索基本已完全替换为 m.zhangge.net: 百度移动搜索: ? 360 移动搜索: ? 神马搜索: ?

    2.1K60

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

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

    2.6K40

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

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

    6.8K80

    07-移动端开发教程-移动端视口

    移动Web开发中就是指的CSS的逻辑像素。...视口 问题:PC端设计的网页一般都是大于960px 尺寸,移动端上的浏览器为了能够将那些为PC端设计的网站正常显示,一般都给一个默认的整屏的宽度为980px(css像素),虽然能这样让移动端浏览器兼容大部分...2.2 移动端视口 在移动端视口与移动端浏览器屏幕宽度不再相关联,可以比浏览器的可视区域更大或者更小,还可以对页面进行缩放(放大、缩小)。...视觉视口是用户正在看到的网站的区域,对于的javascript属性是window.innerWidth/Height 2.2.2 布局视口(layout viewport) 布局视口:在移动端视口与移动端浏览器屏幕宽度不再相关联...布局视口不会受到缩放的影响,缩放不会导致页面重排渲染,对于移动端宝贵的性能来说非常重要。

    1.5K80

    工具|高效能人士文件管理神器

    1、U盘管理 问题:中毒,忘带,不支持多终端文件操作,版本管理麻烦; 2、使用一台笔记本电脑 问题:中毒,忘带,耗费体力,版本管理需要通过新建大量文件管理; 3、邮件或者QQ 问题:操作繁琐,版本管理混乱...传统方法 1、U盘管理 问题:同时编辑可能导致资料管理混乱,文件归集难度较大,文件版本不可管控; 2、邮件管理 问题:文件版本管理混乱,操作繁琐,人员增加管理成本指数级升高 3、微信群管理 问题:文件容易遗失...,版本管理混乱 推荐方法--坚果云|QQ群文件管理 坚果云(收费) 第一步:下载坚果云客户端,安装并开通团队功能; 第二步:创建团队共同管理文件夹,邀请其他坚果云用户进行管理,原理同个人坚果云; 第三步

    90830
    领券