近日，腾讯开源跨端框架 Hippy，一周即吸引3000+star。在腾讯内部，Hippy 已运行3年之久，跨 BG 共有 18 款线上业务正在使用 Hippy，日均 PV 过亿，且已建立一套完整生态。相较于其他跨端框架，Hippy 对前端开发者更友好：紧贴 W3C 标准，遵从网页开发各项规则，使用 JavaScript 为开发语言，同时支持 React 和 Vue 两种前端主流框架。本文为大家介绍了Hippy 常用调试方法和常见问题案例，希望能够帮助开发者快速上手。
一年一度2017WWDC，想来对于我们Web开发者来说还是有很多可圈可点的更新需要我们学习的，特别是在Hybrid领域开发的同学们，要知道，这些知识点就是这一年里，你可能会使用到的。
为了解决部分历史渲染问题，实现移动端canvas渲染的新功能，以及支持后续功能扩展，对腾讯文档Doc Canvas渲染引擎的流程进行了改造，本文对改造进行介绍和小结。
苹果全球开发者大会（Apple Worldwide Developers Conference，缩写：WWDC）是苹果公司每年定期举办的信息技术交流活动，活动旨在向全球的软件设计师展示苹果公司最新的软件及技术，通常用于展示 macOS、iOS、iPadOS、watchOS 和 tvOS 系列以及其他苹果公司的软件和技术。
在CSS中，当一个元素的内容太大而无法容纳时，我们可以对其进行控制。该元素的属性是overflow，它是overflow-x和overflow-y属性的简写形式。
如果问，CSS 中 position 属性的取值有几个？ 大部分人的回答是，大概是下面这几个吧？ { position: static; position: relative; position: absolute; position: fixed; } 额，其实，我们还可以有这 3 个取值： { /* 全局值 */ position: inherit; position: initial; position: unset; } 没了吗？偶然发
1、Overflow基本属性 overflow:visible(默认)/hidden/scroll/auto/inherit; visible：超出部分可见。 hidden：超出部分隐藏。 scroll：超出可滚动。 auto：若超出才出现滚动条。 inherit：继承。（IE8+） 注：overflow-x与overflow-y值不同，其中一个属性值被赋予visible，而另一个被赋值为hidden/scroll/auto，则visible会被重置为auto。 兼容性：
在升级到 ios11.3 系统后，阻止页面滚动的代码 e.preventDefault 代码失效了。
（现在大部分移动浏览器包括wp都支持viewport的width选项），这些meta标签在开发webapp时起到非常重要的作用，可以给用户提供更好的体验
有时候我们需要将元素滚动到可见区域，怎么办？使用 scrollIntoView 就足够了。
这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 META相关
简介 IE6实现了鼠标滚轮事件mousewheel，这个事件包含了一个鼠标事件所没有的属性，wheelDelta，这 个属性值始终是120的倍数，而且向上滑动一单位，wheelDelta值为120，向下为-120.随后Chrome，Opera， Safari等也都实现了该事件。Opera10之前的版本对wheelDelta值的符号处理错误，需要修改。但是Firefox没 有该事件，而是用DOMMouseScroll。这个事件只有Firefox支持，所以可以单独针对Firefox做兼容。 另外，HTM
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。
快速反馈对于任何 UI 的实现都是至关重要的。研究表明，100ms 是界面让用户感到即时的最大延迟。尽管如此，移动网络仍然受到一个巨大的反馈问题的困扰：触摸任何元素后，延迟 300 毫秒。这种延迟是许多用户认为基于 HTML 的 Web 应用程序“卡顿”的最重要原因之一。在本文中，本文将带你了解移动端点击事件延迟的从诞生到消亡的过程。
首先，好消息：Google 将在 2020 年 2 月发布 Chrome 80时，包括 Google 实施的“渐进式更好的 Cookie”(Incrementally better Cookies)，这将使网络成为一个更安全的地方，并有助于确保用户获得更好的隐私（站长注：现在是2022年4月28号，Chrome已经发布了多个更新版本）。
可以设置以下browserlist，现在webpack默认你的项目支持高版本浏览器，我们可以将支持的浏览器覆盖的全面一点就出来前缀了
如果问，CSS 中 position 属性的取值有几个？ 大部分人的回答是，大概是下面这几个吧？
原文：https://webrtchacks.com/guide-to-safari-webrtc/
前言 我们大前端团队内部 📖每周一练 的知识复习计划继续加油，本篇文章是 《Hybrid APP 混合应用专题》 主题的第二期和第三期的合集。 这一期共整理了 10 个问题，和相应的参考答案，文字和图片较多，建议大家可以收藏，根据文章目录来阅读。 之前分享的每周内容，我都整理到掘金收藏集 📔《EFT每周一练》 上啦，欢迎点赞收藏咯💕💕。 内容回顾： 《EFT 每周分享 —— Hybrid App 应用开发中 5 个必备知识点复习》 《EFT 每周分享 —— HTTP 的15个常
meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识
这些前缀很少手动去写，一般都用构建工具处理，我用的是gulp+autoprefixer来处理,这里我的处理范围
UIWebView 是苹果继承于 UIView 封装的一个加载 web 内容的类,它可以加载任何远端的web数据展示在你的页面上，你可以像浏览器一样前进后退刷新等操作。不过苹果在 iOS8 以后推出了 WKWebView 来加载 Web，并应用于 iOS 和 OSX 中，它取代了 UIWebView 和 WebView ，在两个平台上支持同一套 API。
前言 我们大前端团队内部 ?每周一练 的知识复习计划继续加油，本篇文章是 《Hybrid APP 混合应用专题》 主题的第二期和第三期的合集。 这一期共整理了 10 个问题，和相应的参考答案，文字和图
好的前端工程师，会更注重用户的体验和交互。那么动画就是将我们的静态页面，变成具有灵动性，为我们的界面添加个性的一种方式。
Bleeping Computer 网站消息，美国佐治亚理工学院的研究人员公布了一种针对苹果 M 系列和 A 系列芯片进行侧信道攻击的方法，并将其命名为 iLeakage，利用该攻击方法可以从 Safari 网页浏览器中提取敏感信息。
Mac 系统一向以提供高效的工作环境著称，iOS、Android和服务端程序员都可以轻松的在Mac上搭建舒适的开发环境。笔者主要从事iOS开发，一般在macbook上工作，以下是这些年累积下来的一些提升工作效率的方式，和大家分享。
哈喽各位《code 秘密花园》的订阅者们，一年一度的年更系列又来了。关注我的老粉都知道，每到年末我会对前端生态在这一年的重大变化做一次总结，之前的总结：
Chrome 是如今功能最强大的浏览器，在 2024 年的浏览器市场份额占有率统计中，Chrome 占了 64.5% ，相信大家平时用的最多的浏览器也是 Chrome 。
css3提供了一些与当前viewpoint相关的元素，vw，vh，vmin, vmax等。
前言 我们大前端团队内部 ?每周一练 的知识复习计划继续加油，本篇文章是 《Hybrid APP 混合应用专题》 主题的第二期和第三期的合集。 这一期共整理了 10 个问题，和相应的参考答案，文字和
Capability又叫Appium Desired Capabilities，前边写了那么多实例代码，小伙伴可以发现一些规律，就是有一部分代码总是重复的出现在你的视线中。这部分就是对Capability的配置。那么今天给小伙伴们分享、介绍和讲解一下Capability。让你知道她的来龙去脉，知道为什么代码里那么写。
苹果的 Safari 浏览器在支持 Web 功能方面远远落后于其他竞争对手，它或许会成为下一个 IE。
近来发现一个新的css属性，它是一个于javascript相关的属性：pointer-events。直译为指针事件，当把值设置为none后，他有如下相关特性。
自2019.05.22日离职以来，自己在家浪了两天。然后发现，浪也该浪够了，该收心找下工作了。于是屁颠屁颠的拿起了《在你身边 为你设计》这本书看了一下午，看到移动端调试这里，略有感受，于是提取了下内容
移动端页面添加 meta 标签，可以让文档的宽度与设备的宽度保持1:1，文档的最大宽度比例是1.0，不允许用户点击屏幕放大浏览。
有天，辛苦做了个复杂操作功能的页面，上线后有用户反馈：很多功能使用不了。惊了，以为是哪里出了bug。 立马联系用户，才发现原来是用户使用笔记本电脑，没有禁用触控板，然后不小心碰到导致整个界面都放大，很多功能超出界面不见了。 然而那能怎么办，用户第一，自然得快速解决这个问题，而且是触控板和触摸屏都得解决。
笔者最近一直在开发京东app嵌入的h5项目和微信小程序商城项目，在此期间遇到很多坑。这篇文章主要是针对 h5| Hybrid | 微信小程序 三个方向来讲述我遇到的坑，以及详细讲解我是如何解决问题的。
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
时间倒回4月9日，9To5Mac通过iOS 14的代码，猜测苹果或将推出全新的APP下载和使用方式，用户只需扫描二维码或打开链接，即可体验应用程序的某些特定功能，而不需要在iPhone或iPad上安装APP的完整版本。
Web Share API 自从它首次在Android 版 Chrome 61中推出以来，似乎已经不再受到关注。从本质上讲，它提供了一种方法，可以直接从网站或 Web 应用中共享内容（例如链接或联系人卡片）时触发设备（如果使用 Safari 桌面也可以）的本机共享对话框。
3.全部页面，使用路由vue-router自带的滚动条行为解决（router中的index.js文件中）
前言： 近期，各种安全事件层出不穷，难以平抚内心浮躁的人们，不妨静下心来品读这篇文章，一位外国朋友对“iOS vs Android”综合的分析。难得一见的对两大移动领域的操作系统的科普文。 正文： 众所周知，谷歌的Android和苹果的iOS都是移动技术领域两大主要操作系统，常被用于智能手机和平板电脑。与iOS相比，基于Linux的且部分开源的Android系统更像是专为PC打造的。它的界面和基本功能完全可以从上到下进行定制的，但是iOS却不同，其一体化的设计元素有时被认为更具用户友好性。 首先想给读者的
本章Web所指的是移动端（模拟器/真机）里的浏览器（如：Chrome、Safari）。
作者 | Thomas Claburn 译者 | 王强 策划 | 李冬梅 根据最新消息，考虑到苹果准备取消对竞争对手在 iOS 中使用 WebKit 浏览器引擎的限制，Mozilla 已经开始为这一天的到来提前做准备了。 Mozilla 几年前就做过了类似的实验，但是结果在当时并没有公开出来。时过境迁，2022 年 10 月 Mozilla 在存放 Firefox iOS 版代码的 GitHub 存储库中发布了一个问题，其中包含了一条对 GeckoView 的引用，而 GeckoView 是 Fi
而AjaxFileUpload插件的上传文件处理方式是，获取返回的实体内容，直接进行eval 解析，解析失败，报错，则无法上传
Desired Capability是编码在JSON对象中的键和值，在请求新的自动化会话时由Appium客户端发送到服务器。
增强页面渲染性能，提前通知浏览器元素将要做什么动画，让浏览器提前准备合适的优化设置
首先你可能会给页面的 html 和 body 增加了 height: 100%, 然后就可能造成 IOS 上页面滑动的卡顿问题。解决方案是：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
