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

    java移动开发_移动开发

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

    5K20

    Vue3.0+Vant3移动短视频+聊天+直播实战

    前言 随着人们生活品质的提高,5G及手机硬件的快速发展,短视频/直播快速的成为了很多人的娱乐方式。...未标题-pp2.png 前一段时间有分享一个vue3.0网页聊天实例,今天继续给大家分享一个最新开发的vue3.0小视频+直播实战项目。...Vscode 构建工具:vite.js 技术框架:vue^3.0.5 状态管理:vuex^4.0.0-rc.2 页面路由:vue-Router^4.0.3 UI组件库:vant^3.0.4 (有赞手机vue3...360截图20210202094849957.png 有赞vue3移动组件库 vant3 是有赞前端团队率先开发的一款vue3.0移动UI组件库。...vue3.x自定义mobile版弹窗组件|vue3对话框 vue3实现小视频/直播效果 项目中的小视频和直播页面有些功能是公用的,小视频页可以上下左右滑动切换,直播页上下滑动并新增弹幕/滚动消息/送礼物等功能

    4.6K70

    移动安全攻防那些事儿,看这场直播就够了!

    随着移动互联网的不断发展,移动终端不管是在设备持有量,还是在用户数量上,都已经超越了传统PC,成为第一大入口。其中,以手机为代表的移动终端反而变成了最大的威胁存在。...不难看出,移动安全在未来很长一段时间都将成为网络安全的重点。那么,移动的安全风险有哪些?黑灰产给移动安全攻防带来了哪些挑战?针对代码逆向、模拟器等黑灰产工具如何做攻防?...安全厂商们在移动安全攻防方面又该做哪些努力呢?9月28 日下午 15:00 ,顶象移动安全专家邱寅峰将就移动安全面临的威胁和挑战讲起,详细讲述如何在移动进行安全攻防。...超多精彩,不容错过,直播现场更有多重好礼等你来拿!...9月 28日 下午15:00,锁定顶象视频号&CSDN顶象技术直播间,一起来看看移动安全攻防那些事儿。

    28820

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

    一、移动浏览器 ---- 移动浏览器 比 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.4K70

    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

    移动基础

    移动基础 移动浏览器我们主要针对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能显示的物理像素点的个数,称为物理像素比或屏幕像素比...4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 5.1移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    2K20

    移动基础

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

    1.4K31

    移动直播自由开播方案

    常见案例: 主播自由开播(UGC + OGC)解决方案,是指主播可以随时拿起手机开始直播,映客、花椒、斗鱼、Now 等直播平台都是采用这种直播解决方案。...MODIFY:房间信息 很多场景下,我们都需要修改某一个房间的信息,比如: 加观众数(Client -> Server) 当有新的观众加入时,意味着某个房间的观众数要 + 1,可以让 App 的观众在进入房间时向...补充:腾讯视频云的鉴黄服务,是通过定时截图的方式,帮您甄别众多直播间中是否有疑似涉黄的直播流,并将嫌疑直播流的 ID 通过您指定的地址通知给您的后台 Server。...随着业务的发展,您可能会考虑在播放增加播放防盗链,避免您的直播视频被盗用,而播放防盗链签名只有可能在服务器签发,故客户拼装逻辑根本无法满足这个需求。...答:可以参考云直播连麦实现原理。

    2.3K101

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

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

    FFmpeg开发笔记(五十四)使用EasyPusher实现移动的RTSP直播

    ​之前的文章《利用RTMP协议构建电脑与手机的直播Demo》介绍了如何使用RTMP Streamer实现完整的RTMP直播流程,另一篇文章《利用SRT协议构建手机APP的直播Demo》介绍了如何使用SRT...二、电脑通过OBS Studio进行RTSP直播推流OBS Studio默认不支持RTSP协议,需要先安装OBS-RTSPServer插件,才能实现RTSP推流功能。...有兴趣的朋友可以自行配置OBS Studio以便实现电脑的RTSP直播推流。...三、手机通过EasyPusher-Android进行RTSP直播推流由于EasyPusher仅支持RTSP推流,而SRS不支持RTSP协议,因此服务只能采用ZLMediaKit。...接着启动手机上的直播录制软件EasyPusher-Android,具体的操作步骤详见之前的文章《移动的国产直播录制工具EasyPusher》。

    14610

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

    由于移动的特殊性,屏幕的尺寸碎片化严重,要想很好的适配不同的尺寸的设备,需要我们前端开发相比PC要做一些基层的适配方案。 1....优点:布局快速简单方便、在移动设备中水平表现良好差异不大。 缺点:由于垂直方向像素恒定,可能水平很宽的屏幕会被拉伸变形严重,另外在高倍屏幕上1像素可能被多倍的物理像素显示,会变的非常粗。...2.1 横向百分比 + 纵向高度固定 首先看案例: 拉勾网移动首页顶部的logo区域,不管如何变化浏览器的宽度,高度不变化,宽度自适应。...这样优点非常多,首先开发人员直接像素还原,开发效率很高,也没有移动1像素的问题。也是老马推荐大家使用的方式。

    3.5K100

    移动直播集成(IOS版)

    最近在腾讯云集成了一下移动直播的SDK,从0到1的整个过程,中途遇到的问题也详细地给大家列举出来,希望对将要用到腾讯云移动直播产品的开发者们,起到一点点作用。...此前,移动直播开发文档有的,我再次就不再复述,大家可以按照文档的步骤,一步一步来。地址:https://cloud.tencent.com/document/product/454/7876。...停止连麦onKickoutJoinAnchor,观众停止推流,改变UI,主播停止 拉流修改UI 这里遇到一个问题:进行连麦的时候,观众观看主播卡死,而主播也不能刷出观众的连麦视频页面 (两边的推流都出现了问题...查看了房间监控的直播流量监控,发现看到连麦后,推流就为0帧了。...这里还遇到了一个问题,主播PK一断开了,另一退出不了,quitRoomPK:返回错误-6(房间不存在) 原因:没有使用onQuitRoomPK的回调方法,没有移除pk的界面,再次推出pk房间已经不存在了

    1.8K40
    领券