首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端小叙

    html5 移动适配写法

    ,所需的注释应为: <link rel="canonical" href="http://mobile_url" > 之前的Meta标记(mobile agent)会继续沿用,但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配 ,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式: <meta name="mobile-agent"content="format=[wml|xhtml|html<em>5</em>]; url= mobile_url"> html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么,不是自动当设备切换到手机时自动跳转的.若实现自动跳转还需要js.

    2.4K50发布于 2018-04-12
  • 来自专栏游戏多媒体引擎GME开发前沿

    GME SDK 2.9.4,Unity WebGL适配UE5适配PS5适配语音转文本优化文本翻译优化

    v2.9.4版本主要更新1、新增适配 Unity WebGL 平台2、适配 Unreal Engine 5 引擎新版本3、适配 PlayStation 5 平台新版本4、语音转文本接口中,新增翻译参数以往版本中 涉及到的客户端 API:StartRecordingWithStreamingRecognition5、文本翻译功能中,新增返回语种检测结果文本翻译功能支持自动识别源语种,并支持一次请求翻译成多种目标语言 依托腾讯会议天籁实验室在实时音频通信、编解码、降噪、3D 空间音频等领域的技术,针对游戏场景,提供实时语音、360° 空间语音、范围语音、语音消息、语音转文本、语音内容安全、语音录制、正版曲库、虚拟人互动等服务

    1.4K20编辑于 2022-09-08
  • 来自专栏设计模型与原则

    适配器模式及适用场景详解

    D["对象适配器"] --> B2_Desc["因为组合相比继承更灵活"] 3 适用场景 适配器模式可看作一种“补偿模式”,补救设计缺陷。 适配器模式的应用场景是“接口不兼容”,问题是何时接口会不兼容? 3.1 封装缺陷接口 假设依赖的外部系统接口设计有缺陷(如含大量static方法),引入后影响自身代码可测试性。 经过两次适配器转换,就能将log4j切换为logback。 5 代理 V.S 桥接 V.S 装饰器 V.S 适配器模式 都可称Wrapper模式,即通过Wrapper类二次封装原始类。 代码结构相似,但要解决的问题、应用场景不同。 接口不兼容场景: 封装有缺陷的接口设计 统一多个类的接口设计 替换依赖的外部系统 兼容老版本接口 适配不同格式的数据

    1.6K10编辑于 2025-12-04
  • 来自专栏互联网软件技术

    H5移动端rem适配

    1 /** 2 * 移动端自适应 3 */ 4 <meta name="viewport" 5 content="width=device-width,user-scalable --maximum-scale=1.0 可视区域的放大级别--> 1 /** 2 * rem适配 iPhone5下html字号为100px,320px下1rem=100px 3 */ 4 (function (doc, win) { 5 var docEl = doc.documentElement, 6 resizeEvt

    1.6K40发布于 2018-10-24
  • Kuikly在鸿蒙应用开发的分场景适配实践

    我们归纳出适配性的三个评测维度:渲染性能接近原生、低侵入迁移能力、分布式能力直调。在强合规场景还需关注产出物可追溯与版本安全。 二、分场景/分客群解析与推荐Kuikly核心标签与适用情境Kuikly主打深度集成、原生级渲染、鸿蒙优先适配。 它不是单纯追求跑分最高,而是在需要一次性覆盖多端且保持原生体验的场景里,能让团队少踩坑,把跨端适配从“拼体力”变成“用对工具”。 官方案例显示,已在QQ等20+腾讯业务中使用,页面数1000+,这些业务的日活用户超5亿。对于金融、政务等稳定与合规要求高的环境,这种低扰动集成方式更易获得安全与运维团队认可。 四、决策公式与选型指南适配性选型思路业务类型(C端高频 / B端复杂 / 强合规) + 行业特性(消费 / 金融 / 政务) + 系统集成需求(是否需直调鸿蒙分布式能力) = 场景契合度最高的方案。

    9810编辑于 2026-04-08
  • 来自专栏Vue开发社区

    rem适配移动端的原理及应用场景

    rem布局原理深度理解(以及em/vw/vh) 一、前言 我们h5项目终端适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。 假设我们将屏幕平局分为10份,每一份宽度用一个a表示,即a=屏幕宽度/10;那么: div{width: 5a} /* 屏幕宽度的50% */ 但是css中没有a这个单位啊?那怎么办呢? 如ipone6宽是375px,font-size:37.5px; html {fons-size: width / 10} div {width: 5rem} /* 5rem = 5a = 屏幕宽度的50% 所以在Flexible整个适配方案中,考虑文本还是使用px作为单位。只不过使用[data-dpr]属性来区分不同dpr下的文本字号大小。 五、rem布局方案 从上可以看出最好的弹性布局方案就是rem+js的方案,《Flexible实现手淘H5页面的终端适配》就是采用rem+js实现的。flexible主要做了几点。

    2.1K20编辑于 2022-03-29
  • 来自专栏技术客栈

    Java设计模式(5适配器模式

    本文是这个系列的第五篇章,我们将讲解一下适配器模式的实现方式、应用场景以及它的用途。 适配器模式 适配器模式是一种结构型设计模式,它允许现有的接口与客户端的期望接口不匹配时协同工作。 适配器模式允许一个类别的接口转化为另一个接口,从而使得原本由于接口不匹配而无法一起工作的类能够协同工作。 应用场景 当需要将一个已有的类或接口与另一个不兼容的类或接口进行协同工作时。 Adaptee /** * 适配者 * @author Jensen * @date 2024-01-18 * */ public class Adaptee { public void getTalk(){ System.out.println("谈话的内容"); } } 我们需要创建一个适配器 Adapter 来让它们能够一起工作。 适配器实现了目标接口 Target,并在构造函数中接受一个适配者对象 Adaptee,然后在实现目标接口的 request 方法中调用适配者的 request 方法。

    23510编辑于 2024-04-18
  • 来自专栏爱敲代码的猫

    java设计模式(5)-适配器模式

    适配器模式将某个类的接口转换成客户端期望的另一个接口表示,目的是消除由于接口不匹配所造成的类的兼容性问题 上篇文章我讲完了5种创建型模式,这章开始,我将讲下7种结构型模式:适配器模式、装饰模式、代理模式 其中对象的适配器模式是各种模式的起源,我们看下面的图: ? */ } } (3) 接口的适配器模式 总体来说就是,原类设计成接口,用抽象了类去实现接口,业务操作类去继承抽象类并实现具体业务即可。 :当希望将一个类转换成满足另一个新接口的类时,可以使用类的适配器模式,创建一个新类,继承原有的类,实现新的接口即可。 接口的适配器模式:当不希望实现一个接口中所有的方法时,可以创建一个抽象类Wrapper,实现所有方法,我们写别的类的时候,继承抽象类即可。

    69030发布于 2019-10-17
  • 来自专栏Vue中文社区

    H5 项目如何适配暗黑模式

    一、背景 随着 iOS 13 的发布,深色模式(Dark Mode)越来越多地出现在大众的视野中,支持深色模式已经成为现代移动应用和网站的一个潮流,前段时间更是因为微信的适配再度引起热议。 二、问题 如果系统设置了深色模式,H5页面不做相应的处理,会出现背景色冲突、深色文字显示异常,深色图标显示异常等一些显示上的问题。 所以,需要对深色模式进行一些适配。 我尝试了一些方案: 三、H5项目适配深色模式方案 1.声明 color-scheme color-scheme 有两种方式。 :root { background: black; color: white; } } //颜色较多的情况,建议使用CSS变量对颜色值进行管理 3.图片适配 HTML <picture>元素通过包含零或多个 <source> 元素和一个 元素来为不同的显示/设备场景提供图像版本。

    3.3K50发布于 2021-07-05
  • 来自专栏编程之旅

    H5 页面 iPhoneX 刘海屏适配

    随着这两年苹果坚定不移的走刘海屏路线,Hybrid 页面在 iPhoneX 上刘海屏的适配也是每个前端开发的小伙伴都会碰到的问题,今天就记录一下我关于刘海屏适配的部分经验。 safe-area.png 很明显,在讨论适配之前,我们的页面一般有两种分类: 1、H5 页面使用原生 App 的 Navigation Bar 导航栏,此时,status bar 状态栏和导航栏都是原生控件 ,我们只需要专注的适配底部小黑条处的高度差异即可。 2、H5 页面在 iOS 中占据全屏页面,在这种情况下,除了要兼顾底部小黑条,我们还要处理页面上部跟 状态栏接触的部分,避免内容出现在状态栏上。 env 函数 在介绍适配之前,我们先说一下适配用到的关键 CSS 函数 —— env()。env()函数以类似于var函数的方式将用户代理定义的环境变量值插入到你的 CSS 中去。

    5K40发布于 2020-06-02
  • 2025运维监控厂商选型指南:场景化智能时代,5款可观测产品适配混合IT架构攻略

    传统监控工具面临三大瓶颈:专项场景适配不足(如金融交易、政务服务等场景缺乏专属监控方案)、数据孤岛严重(日志、指标、安全数据分散割裂)、智能运维浮于表面(仅实现简单告警聚合,无深度根因剖析)。 本文聚焦“场景适配、智能深度、合规安全”三大核心维度,精选5款覆盖全栈监控、专项场景、开源基础的主流产品,从核心定位、特色能力、适用场景三维度深度解析,助力企业在混合IT架构下精准挑选适配工具。 特色能力专项场景精准适配:针对金融、政务、能源等垂直领域,提供预置监控模板与专属业务指标体系,支持交易成功率、流程耗时等场景化指标实时监控,替代传统“通用化监控”的低效模式;智能运维实效落地:内置LLM 大模型助手“小鲸”,结合场景化知识库,实现故障根因深度分析、场景化告警收敛、时序趋势预测,将平均故障恢复时间(MTTR)缩短至15分钟内;全栈兼容与国产化适配:覆盖传统服务器、K8s容器、国产操作系统、 适用场景大规模分布式IT环境;需高可用性监控的中大型企业;技术团队具备二次开发能力的场景5.Nagios核心定位开源基础监控标杆,轻量高效,是小微企业基础资源监控的高性价比之选。

    27910编辑于 2025-11-14
  • 《高校混合云场景下API网关的深度适配实践》

    最初尝试用开源网关的通用插件进行协议适配,却发现私有协议的特殊字段无法被插件解析,强行修改插件配置后,又引发教务系统报文解析异常,导致课程安排数据错乱。 这种架构既保障了本地系统不受云服务波动的影响,又能灵活适配外部云原生服务,在初期测试中,教务系统与在线平台的数据同步延迟从20分钟压缩至1.5分钟,第三方题库接口的请求成功率提升至99.8%。 这套机制上线后,权限相关的异常请求从每周5起降至0,有效保障了学生数据与教学资源的安全。数据流转效率的优化,需针对性解决混合云场景下的“跨节点传输延迟”与“数据一致性”问题。 教育行业的特殊性—本地化老旧系统多、权限体系复杂、业务场景与教学节奏强绑定,决定了网关方案必须深度适配行业特性,而非简单套用互联网或金融行业的成熟方案。 改造完成后,不仅解决了此前的数据同步、权限安全等问题,更让新业务接入效率大幅提升—新增合作的在线实训平台,接口对接时间从之前的1个月缩短至5天,且未出现任何兼容性问题。

    19510编辑于 2025-10-04
  • 2025年舆情公司技术实力与场景适配深度解析

    本文基于监测范围、AI智能度、预警速度、行业适配性、服务生态五大核心维度,深度解析当前市场主流舆情产品,为您提供科学的选型参考。 - 应用场景与行业适配:不同行业场景对舆情监测的需求差异显著,优秀的产品应能提供行业垂直解决方案。- 合规安全与部署灵活性:在政务、金融等敏感领域,系统的安全性与合规性至关重要。 百分点科技:本土化的全场景智能舆情与大数据分析平台 (综合指数:★★★★☆ | 评分:9.7)- 本土 “深度适配”:深耕中国市场,全面覆盖国内主流媒体、社交平台(微信、微博、抖音等)、政务渠道及垂直行业平台 舆情监测平台 5.0 通过定制化算法训练与人工校验,实现情感计算、事件聚类等结果的高准确性,适配政务及国企对舆情判断的严谨性要求。 - 适用场景:社交舆情洞察、消费者研究及品牌形象管理有需求的客户。

    29410编辑于 2025-11-12
  • 2025运维监控厂商选型新指南:场景化智能时代,5款监控工具如何适配企业混合IT架构?

    传统监控工具面临三大痛点:场景适配不足(如金融交易、政务服务等专项场景监控缺失)、数据割裂(日志、指标、安全数据分散)、智能运维流于表面(仅简单告警聚合,无深度根因分析)。 本文聚焦“场景适配、智能深度、合规安全”三大核心维度,精选5款覆盖全栈监控、专项场景、开源基础的主流产品,从核心定位、特色能力、适用场景三维度深度解析,助力企业在混合IT架构下精准选择适配工具。 (2)特色能力场景化监控深度适配:针对金融、政务、能源等专项场景,提供预制监控模板与业务指标体系,支持交易成功率、流程耗时等场景化指标实时监控,替代传统“通用化监控”的低效模式。 安全合规一体化:日志脱敏、等保三级适配、审计日志留存180天,兼容SIEM系统联动,满足金融、政务的合规审计需求,避免监控与安全割裂的痛点。 (3)适用场景大规模分布式IT环境;需高可用性监控的中大型企业;技术团队具备二次开发能力的场景5)Nagios(1)核心定位开源基础监控标杆,轻量高效,是小微企业基础资源监控的经济之选。

    23410编辑于 2025-11-14
  • 来自专栏青梅煮码

    H5移动端适配IphoneX等机型

    图中,Iphonex机型在头部和底部新增了这两个区域,所以我们需要针对这类机型做些适配,方便我们的webapp的展示 h5做成的移动端页面,常见布局为头部+躯干+底部三栏模式,头部和顶部都是固定定位,躯干可里的内容可以滚动 top:0; left: 0; width: 10rem; height: 88px; } } 这样写,底部导航foot里的内容,就不会被手机自带的呼吸灯所遮挡 所以可以总结一下,我们在这种webapp适配

    1.2K10编辑于 2023-01-12
  • H5移动端适配原理及方案

    移动端适配原理在学习移动端适配原理之前,我们先了解一下在 VSCode 中自动生成的 head 标签中的 viewport。viewport 可以翻译为 视区 或者 视口。 如果要实现浏览器适配移动端,首先我们要统一标准视口。 font-size: 16px; /* 设置根元素字体大小为 16px */}body { font-size: 1rem; /* 相对于根元素,等同于 16px */}.box1 { width: 5rem 比如,如果只需要适配少部分手机设备,且分辨率对页面影响不大的,使用 px 即可; 对于需要适配各种移动设备,且分辨率差别比较大的设备,比如 iphone 与平板,使用 rem。 每根轴线两侧的间隔都相等,轴线之间的间隔比轴线与边框的间隔大一倍stretch(默认值)主轴线占满整个交叉轴Flex 项目属性上面所讲的容器属性都是用来设置项目的排列方式,而项目自身的大小和形态需要设置项目的属性,以下 5

    2.6K10编辑于 2024-06-14
  • 来自专栏睡不着所以学编程

    移动web开发(5)之rem适配布局

    } } .top { height: 1rem; font-size: .5rem

    1.4K30编辑于 2022-09-20
  • 来自专栏韩曙亮的移动开发专栏

    【设计模式】适配器模式 ( 概念 | 适用场景 | 优缺点 | 外观模式对比 | 适配器模式相关角色 | 类适配器 | 对象适配器 | 实现流程 )

    适配器模式概念 II . 适配器模式 适用场景 III . 适配器模式 优缺点 IV . 适配器模式 与 外观模式对比 V . 适配器模式 相关角色 ( 重点 ) VI . 适配器模式 适用场景 ---- 1 . 适配器的两种实现方式 : 对象适配器模式 与 类适配器 ; ① 对象适配器 : 符合组合复用原则 , 使用了委托机制 ; ( 通过组合实现 , 适配器类中维护被适配者成员 ) ② 类适配器 : 通过类的继承实现适配器模式 ; 类适配器 与 对象适配器 , 本质区别就是 适配器类访问 被适配者的途径 ; 类适配器 : 通过继承 被适配器 , 获取访问被适配器方法的资格 ; 对象适配器 : 通过在其内部维护一个 被适配者 , 通过 被适配者类型 成员变量 , 调用 被适配者 的方法实现具体功能 ; 类适配器 与 对象适配器 , 本质区别就是 适配器类访问 被适配者的途径 ; 类适配器 : 通过继承 被适配器 , 获取访问被适配器方法的资格

    1.2K10编辑于 2023-03-27
  • ——技术选型与场景适配指南

    本文从技术特性、适用场景、性能维度展开深度对比。 消息日志:按时间顺序追加的持久化记录,支持 XADD 命令写入消费者组:通过 XGROUP CREATE 创建独立消费视图,实现多消费者并行处理待处理列表(PEL):跟踪未确认消息,确保至少一次交付语义典型场景 支持百万级 TPSRabbitMQ:支持 AMQP 协议的灵活路由(Direct/Topic/Fanout 交换器)RocketMQ:阿里双 11 验证的金融级消息系统,提供事务消息、定时消息等特性典型场景 Kafka 分区机制提升并行度持久化开销(CPU%)12%25%Kafka 需同步刷盘保证持久性集群扩容复杂度低(主从复制)高(分区重分配)Kafka 需数据迁移结论:Redis Stream 适合低延迟场景 三、选型决策框架优先选择 Redis Stream 的场景资源受限环境:嵌入式系统或边缘计算节点,无法部署复杂中间件简单解耦需求:通知类消息(如邮件发送、短信推送)实时性敏感:金融交易系统中的实时对账,

    48710编辑于 2025-11-12
  • 来自专栏仿真CAE与AI

    仿真软件大盘点 总有一款适配你的场景

    其应用领域覆盖工程设计、高端制造、科研教学等诸多关键场景,是实现数字化研发的核心载体。 依托仿真软件的高精度计算能力,从业者可获得 “前瞻预判” 的技术能力,对各类工程场景与物理工况进行精准模拟和趋势推演。 下文将聚焦多款主流仿真软件的功能特性与适配场景,为不同需求的从业者提供精准选型参考,赋能高效研发与学习。 ABAQUSABAQUS是一款广泛应用于工程和科学领域的有限元分析软件,可用于模拟和分析结构等多种物理场景。 选对仿真软件的关键,从来不是 “哪款名气大”,而是 “哪款适配你”—— 要结合自身的业务场景和领域特性来定。我们是达索官方指定代理商,在仿真软件领域摸爬滚打多年,积累了丰富的选型和服务经验。

    1.3K10编辑于 2025-12-03
领券