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

    java移动开发_移动开发

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

    5K20

    MySQL插入Emoji表情

    前言 今天在设计开源项目的反馈信息表时遇到了emoji表情插入失败的问题,网上找了很多解决方案,答案五花八门,没找到好使的。...经过一番折腾后,终于成功插入了emoji表情,本文就跟大家分享下我的实现过程,欢迎各位感兴趣的开发者阅读本文。...实现思路 因为数据库默认是UTF-8编码格式,普通的字符串占位3个字节而表情占位4字节,此时UTF-8就不够用了,需要采用utf8mb4字符集就能解决这个问题了。...那么,我们要做的事情如下所示: 修改mysql配置文件,设置其编码格式 修改数据库字符集编码 修改数据库表字符集编码 实现过程 mysql默认读取配置的顺序为:/etc/my.cnf、/etc/mysql...测试用例 我们来往插入一个emoji表情来测试下: UPDATE chat_system.feedback t SET t.comments = '反馈信息测试?'

    4.1K10

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

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

    2.6K40

    MySQL插入Emoji表情

    前言 今天在设计开源项目的反馈信息表时遇到了emoji表情插入失败的问题,网上找了很多解决方案,答案五花八门,没找到好使的。...经过一番折腾后,终于成功插入了emoji表情,本文就跟大家分享下我的实现过程,欢迎各位感兴趣的开发者阅读本文。...string value: '\xF0\x9F\x98\x82' for column 'comments' at row 1 实现思路 因为数据库默认是UTF-8编码格式,普通的字符串占位3个字节而表情占位...那么,我们要做的事情如下所示: 修改mysql配置文件,设置其编码格式 修改数据库字符集编码 修改数据库表字符集编码 实现过程 mysql默认读取配置的顺序为:/etc/my.cnf、/etc/mysql...image-20201201214142509 测试用例 我们来往插入一个emoji表情来测试下: UPDATE chat_system.feedback t SET t.comments = '反馈信息测试

    2.1K40

    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

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

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

    6.4K70

    移动基础

    移动基础 移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不同 一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比 3.2...4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 1.移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    1.7K10

    移动基础

    移动浏览器我们主要针对webkit内核进行兼容   现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不同 一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比 3.2...4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 1.移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    1.4K31

    移动基础

    移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1、移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不尽相同 一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比...4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 5.1移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    2K20

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

    一、移动页面布局方案 移动页面方案 : 单独制作的移动页面 : 主流开发方案 , 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.7K40

    Emoji 表情图标在 iOS 与 PHP 之间通信及 MySQL 存储

    在 iOS 项目中,我们需要服务器来保存一些用户数据,例如用户信息、评论等,我们的服务器使用了 PHP+MySQL 的搭配。...在测试过程中我们发现,用户在 iOS 里输入了 Emoji 表情提交到服务器以后,PHP 无法在 MySQL 数据库里正确保存,会遇到乱码的问题。下面是原因探析和解决办法。...回到 iOS 和 Web 服务器之间的通信方案,我们可以直接把 iOS 中用户输入的 Emoji 表情,通过 PHP 存入 MySQL 数据库中,如果在 iOS 中展示,直接把数据传递给 iOS,客户应该就能正确展示表情图标了...Web 端上主要是让用户通过点击图标输入 Emoji 表情,在文本框里可以直接以 UBB 代码 [emoji]2600[/emoji] 的形式显示,也要考虑 Mac OS X 或 iOS 移动网页用户直接通过键盘输入...在 iOS 显示方面,鉴于用户普遍升级到 iOS5 以上,自然是显示原生支持的 Unified Emoji。在安卓和其他移动平台客户端上,我暂时没有研究过,但估计显示图片是比较好的选择。

    1.3K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券