文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

某IT培训班一阶段前端面试题

Flex 布局原理Flex（弹性盒子）布局核心是“通过容器和项目的属性，控制项目在主轴和交叉轴上的排列、缩放、对齐”，原理如下：父元素设置 display: flex 后，成为 Flex 容器，子元素自动成为...拓展：设置的像素宽度在苹果设备上显示不足怎么处理？...苹果设备（iPhone/iPad）因「视网膜屏（dpr>1）」「Safari 默认样式」「视口适配差异」，常出现“设置的像素宽度显示不足、内容被截断或留白异常”，核心原因是「物理像素与逻辑像素不匹配」「...Safari 默认边距/缩放干扰」，针对性解决方案如下：（1）核心：精准配置 viewport，适配苹果 dpr 特性苹果设备 dpr 多为 2（普通视网膜屏）或 3（Pro 系列），仅设置 width...Safari 对 initial-scale=1.0 的解析更严格，动态设置 1/dpr 缩放比，可解决“设置 width=375px（iPhone SE 逻辑宽）但显示仍不足”的问题。

20020
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    苹果进入下一个十年！抛弃英特尔，WWDC官宣将Mac迁移至自研芯片，首批年底上市

    微软也正在为新的Mac芯片更新Office系列，以支持Word和Excel等在新的Mac处理器上本地运行，PowerPoint甚至能够使用苹果的Metal技术进行渲染。...这也是Safari变化最大的一次系统更新，苹果表示浏览器加载网站的速度比Chrome还要快50％，对电池也会保持友好。...新版本的Maps for Mac借鉴了iOS应用中的功能，支持包括自定义指南、360度位置视图、自行车和电动汽车路线、实时更新以获取共享的ETA、交通拥堵区域和室内地图等。...新的地图也正在从Zagat或AllTrails等公司那里获取新的精选指南，为目的地提供更好的建议。...iOS14上还有更多的功能更新，比如CarPlay正在获得对自定义壁纸和新应用类别的支持，新的睡眠模式可以在打开请勿打扰模式后调低手机屏幕亮度，用户终于可以自行设置电子邮件和浏览器的选项了，Safari

    3.6K30

    咱们来聊聊什么是 Web

    负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。...Webkit    Webkit(Safari 内核，Chrome 内核原型，开源):它是苹果公司自己的内核，也是苹果的 Safari 浏览器使用的内核。...2013 年 4 月 3 日，谷歌在 Chromium Blog 上发表博客，称将与苹果的开源浏览器核心 Webkit 分道扬镳，在 Chromium 项目中研发 Blink 渲染引擎(即浏览器核心)，...苹果在 Safari 中采用 Webkit 核心，并于 2005 年将 Webkit 公开为开源软件。谷歌当时采用苹果的 Webkit 核心打造了 Chrome 浏览器。...这种模式统一了客户端，让核心的业务处理在服务端完成。你只需要在自己电脑或手机上安装一个浏览器，就可以通过 web Server 与数据库进行数据交互。 ?

    1.4K20

    苹果新版iOS疯狂致敬安卓和微信，新Mac搭载自研CPU！这届苹果开发者大会料足槽点密

    另外，还有一项让苹果用户羡慕的Android功能，也带到了iOS 14上：画中画。 我们知道，过去iPhone严格执行手机上只显示一个App的原则。...iPhone能当车钥匙了 过去苹果地图的新功能，比如3D地图、实拍街景，往往是和国内用户无缘的。 而这一次的地图新功能中多了两个中国城市：北京和上海。...watchOS 7新增睡眠追踪功能，你可以在手表上选择何时入睡，通过和智能家居的联动帮助入眠。 入睡后，手机和手表屏幕都会变得暗淡，即使半夜翻身也不会让手表突然亮起影响睡眠。...另外，Safari还有一个「内置翻译」的功能，只需一键，就可以翻译出你想要的语言。 嗯？这不就是谷歌Chrome的翻译吗，为何不直接用Chrome？...苹果说了，Safari比Chrome快50%，而且Chrome那么吃内存…… 总之，这就是苹果今年开发者大会展示的最新软件——以及自研CPU的能力。

    1.3K10

    禁止搜索引擎引用本页面和 seo 优化，都和 meta 标签有关？

    -- 声明优先使用的浏览器，例如下面是优先使用的是edge和chrome --> chrome=1...-- IOS移动web，是否删除默认的苹果工具栏和菜单栏，content：no/yes。...-- 格式检测，例如识别类似号码的数字串自动设置为拨号连接， 识别类似邮箱的字符串并设置为点击后可自动链接邮箱发送（类似a标签的mailto功能） 当然这需要浏览器支持，比如微信内置的浏览器不支持，红米手机默认浏览器也不支持...content：telephone，email，adress， telephone：no/yes,是否允许检测标记手机号，并设置为拨号链接 email：no/yes,是否允许检测标记邮箱，并设置为邮箱链接...， adress：no/yes,是否允许检测标记地理位置，并设置为地图跳转链接 --> <meta name="format-detection" content="telphone=no, email

    57140

    测试匠谈 | 微信H5兼容性测试理论和实践经验

    ② 真机或模拟器测试这类测试是CSS、JS API兼容性测试的重点。使用真实设备：将网页加载到不同类型的设备上进行测试，例如桌面电脑、笔记本电脑、平板电脑和智能手机等。..._浏览器内核Android浏览器基本都是基于WebKit （4.4前） 或 Chrome（Blink）内核开发的内核（4.4后基于Chromium）注：1....切换为WKWebview后，微信中的Webview行为和Safari中保持高度一致，唯一的区别是微信Webview中会注入微信JSBridge相关的脚本。...实际案例案例一：iOS中内存使用过高问题表现：打开后页面不断的自动刷新出现问题的版本：iOS微信内置浏览器、iOS微信小程序web-view问题原因:我们在页面中用到了腾讯地图的热力图、渲染部分热力图时腾讯地图内存使用过高导致页面会不断刷新...案例二：iOS中音频无法成功播放问题表现：每次松手发送语音后应该播放一个音效、但却没有播放。出现问题的版本（包括但不限）：iOS 15.4.1、iOS 14.3 下的微信内置浏览器和其他浏览器。

    1.6K10

    移动端点击事件延迟的诞生消亡史

    快速反馈对于任何 UI 的实现都是至关重要的。研究表明，100ms 是界面让用户感到即时的最大延迟。尽管如此，移动网络仍然受到一个巨大的反馈问题的困扰：触摸任何元素后，延迟 300 毫秒。...诞生史 在 2007 年，苹果公司发布首款 iPhone 之前，由于当时的网站普遍为大屏幕设备所设计，为了应对 iPhone 这种小屏幕设备浏览桌面网站的问题，由此，苹果引入了多项变革，其中就包含了“双击缩放准确定位正文主体...-- 或者 --> 适用于 Android 的 Chrome 浏览器是第一个引入此更改的应用程序...这项技术的另一个关键在于，它仅消除了双击缩放的功能，用户依然可以使用双指缩放功能。因此，不存在与禁用缩放相关的可用性和可访问性问题。...关于 FastClick 的好处是，它非常容易使用，只需在文档加载后调用 FastClick.attach() 在 body 元素上实例化： if ('addEventListener' in document

    3.8K20

    目前主流的四大浏览器内核Trident、Gecko、WebKit以及Presto

    负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。...Webkit Webkit(Safari内核,Chrome内核原型,开源):它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。...这一渲染引擎是开源引擎WebKit中WebCore组件的一个分支，并且在Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用。...相关新闻 2013年4月3日，谷歌在Chromium Blog上发表博客[3] ，称将与苹果的开源浏览器核心Webkit分道扬镳，在Chromium项目中研发Blink渲染引擎（即浏览器核心），内置于...苹果在Safari中采用Webkit核心，并于2005年将Webkit公开为开源软件。谷歌当时采用苹果的Webkit核心打造了Chrome浏览器。

    8.9K21

    浏览器内核及分类

    内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。 什么是浏览器内核 浏览器内核又可以分成两部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎。...Webkit Webkit(Safari内核,Chrome内核原型,开源):它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。...了——当然这一方面得益于苹果转到x86架构之后的人气暴涨，另外也是因为Safari 3终于推出了Windows版的缘故吧。...这一渲染引擎是开源引擎WebKit中WebCore组件的一个分支，并且在Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用。...渲染引擎运作流程 Mozilla架构设计：界面和实现分离。采用标记语言，JavaScript，C++来开发。JSEngine就是指SpideMonkey，Layout就是指Gecko。

    1.6K30

    逐渐安卓化会是ios的归宿吗

    目前只有一些内置的小组件可用，包括：天气、时钟、日历、新闻、地图、健身、照片、提醒事项、股市、音乐、视频、提示、备忘录、快捷指令、电池、屏幕使用时间、文件、播客和 Siri 建议。...ios14可以在大画面中实现小面积区域的视频播放，这个功能此前只在pad上存在。 视频小窗可以任意拖动，甚至隐藏进侧边栏而不中断语音，那些用大人手机上网课的娃怕不是又有新方法可以摸鱼了。...六、轻击背面 iphone的背面总算也被引入功能了，更新后可以实现手机背面敲击两下或三下实现自定义的快捷指令，且功能种类繁多。...七、可更改默认浏览器 此前苹果只允许safari作为默认浏览器且不支持更改，ios14做出了妥协，目前已知可以更换的默认浏览器有chrome、edge和最新版本的firefox。...此外，ios还退出了carkey api、翻译、地图升级等功能，细数下来这次更新用“革新”来形容并不过分，但也有一种声音，会认为ios这些重大更新都是安卓玩剩下的，即英特尔之后，苹果似乎也成为了知名牙膏大厂

    1.8K30

    百度地图API开发指南（一）

    此外，读者还应该对地图产品有一定的了解。 您在使用中遇到任何问题，都可以通过API贴吧或交流群反馈给我们。...为了更好的在手机浏览器上展示地图，我们有如下建议： 将地图容器高设置为100%，使其充满整个屏幕，或者您也可以计算浏览器窗口的大小并进行设置。...NavigationControl：地图平移缩放控件，默认位于地图左上方，它包含控制地图的平移和缩放的功能。...在本例中我们向地图添加一个平移缩放控件、一个比例尺控件和一个缩略图控件。在地图中添加控件后，它们即刻生效。... 控制控件位置  初始化控件时，可提供一个可选参数，其中的anchor和offset属性共同控制控件在地图上的位置。

    2.3K20

    什么是移动端开发【重点学习系列—干货十足–一万字详解】

    rem 核心是等比缩放 1px 边框问题 方法一 方法二 7-附录 chrome 插件安装 webstorm 配置 less 解析 8-总结 『传送门』☛ [什么是混合移动App开发【重点学习系列—干货十足...矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。放大后不会失真。...苹果内置的和很多安卓的浏览器不可用 itools 实时屏幕 - maximum-scale 最大缩放比例 - user-scalable 设置是否允许用户缩放 - 苹果内置的浏览器不好使，...minimum-scale = 屏幕独立像素宽度 / 视觉视口 maximum-scale 设置允许用户最大缩放比例，苹果浏览器 safari 不认识该属性 maximum-scale = 屏幕独立像素宽度...苹果浏览器 safari 不认识该属性。

    3.5K21

    HTML基础入门

    一、浏览器 　　浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件 　　1，浏览器种类 　　主流浏览器：Chrome，Firefox...，Safari，Opera 　　老师经常说的，不用Chrome浏览器，都不好意思说是程序员 　　2，浏览器内核 　　内核：可大概为“渲染引擎”，不过我们一般习惯将之称为‘浏览器内核’。...Firefox 　　Webkit：Safari 　　Blink：Chrome ，Opera 　　不同的内核在渲染同一内容的时候会有差别 　　二、HTML基础知识 　　1，什么是HTML 　　HTML：超级文本标记语言...--src=图片的路径，alt=图片的描述，在图片加载失败后显示， title=图片描述，在鼠标悬停在图片上时会显示--> 通过width，height来设置宽和高，，若只设定一个，会自动等比例缩放...--definition list--> #自定义列表，存在明显的从属关系 手机品牌 苹果 三星<

    1.7K42

    方寸之间纵览世界-浅析数字时代地图设计

    二、手机地图的创新体验 手机地图继承了互联网电子地图的可快速迭代、信息可实时更新的优势，结合触屏手势操作后，大大的提升了地图展示信息的维度。...可视化信息是互联网地图的主要优势之一，将数据转化为可视化图形，归类在不同的数据层，可以单个或多个层级叠加在地图上展示，传达位置上的数据。...双指划动缩放 划动缩放和划动一样，让用户以更轻量的手势加速的缩放地图，并以一定的摩擦力减速停止，让用户快速找到目标位置。...地图的常用数据形式可大致分为：点、线、面、热力图等，一个地图可同时唤起多种类型、多个图层的信息内容。 点数据 点数据是单个地理坐标上的标记，代表该位置上的信息，是地图上最常用的数据信息。...3D地图就像是虚拟世界中的基础建设一样，苹果地图添加精细地标模型后，同时应用到Carplay的导航中，在驾驶时可直观看到与现实世界对应的3D地标。 ‍ ‍

    1.7K10

    浏览器内核（理解）

    渲染引擎：它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。...最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。 　　...（3） webkit(Safari) 　　Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的 WebKit。 　　...代表浏览器：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器， （4） Chromium/Bink(chrome...目前移动设备浏览器上常用的内核有 Webkit，Blink，Trident，Gecko 等，其中 　　 iPhone 和 iPad 等苹果 iOS 平台主要是 WebKit， 　　Android 4.4

    3.3K30

    浏览器介绍

    负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。...Webkit内核 Webkit（Safari内核，Chrome内核原型，开源）:它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。...WebKit内核常见的浏览器：傲游浏览器3、Apple Safari （Win/Mac/iPhone/iPad）、Symbian手机浏览器、Android 默认浏览器 Blink内核 Blink是一个由...这一渲染引擎是开源引擎WebKit中WebCore组件的一个分支，并且在Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用。...1.4.2 浏览器使用的内核 IE浏览器内核：Trident内核，也是俗称的IE内核； Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核

    10.1K00

    从0到1全流程落地web游戏大地图项目，成为WebGlS专家

    模块 5：多端适配与兼容性处理​核心需求：地图在 PC 端、移动端（iOS/Android）、不同浏览器（Chrome、Safari、微信内置浏览器）中均能正常运行，性能稳定；​技术方案：通过 “WebGL...能力检测”（检测设备是否支持纹理压缩、实例化渲染），提供 “降级方案”（如低性能设备关闭光影效果）；针对移动端触摸操作，优化 “视角拖拽、缩放” 的响应速度；解决 Safari 浏览器 “WebGL...内存限制” 导致的崩溃问题；​测试方法：使用 BrowserStack 进行多浏览器兼容性测试，通过 Chrome DevTools 的 Performance 面板分析移动端帧率瓶颈。​...阶段 3：性能优化与问题诊断（进阶专家能力）​针对 Web 游戏大地图的 “高频性能痛点”，提供 “系统化优化方法论”，而非单一技巧：​性能瓶颈定位工具：​使用 Chrome DevTools 的 WebGL...“线上紧急故障” 场景（如某地区用户打开地图后崩溃），带领学员通过 “日志分析→环境复现→方案验证” 快速定位问题，提升临场应变能力。​

    51510

    6家GPU被曝漏洞，用户名密码被「像素级窃取」，N卡A卡I卡高通苹果ARM都没躲过

    主流6家公司的产品都中招，从英伟达英特尔AMD，到高通苹果ARM，手机电脑都没跑。 并且不是在处理AI、大数据任务的时候泄露，而是在处理图形任务渲染网页的时候。...研究团队把不同GPU的压缩算法逆向工程出来后，就可以再把数据“解压”。 攻击思路很精彩，测量应用滤镜的渲染时间或缓存状态变化。...允许跨源iframe加载cookies 允许在iframe上渲染SVG滤镜 将渲染任务交给GPU 主流浏览器中满足全部条件比较危险的有Chrome和Edge，Safari和Firefox免疫这种攻击。...高通发言人表示，“这个问题不在我们的威胁模型中，因为它更直接地影响浏览器，并且如果有必要的话可以由浏览器应用程序解决，因此目前没有计划进行任何更改。”...截至发稿时，英伟达、苹果、AMD和ARM还没有提供正式评论。 谷歌Chrome方面也没决定是否进行修补，只是说正与研究团队沟通和积极参与。

    50541
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券