标签：浏览器
该文以简单的例子，介绍浏览器是怎么将HTML、CSS和JavaScript文件一步步转化成你可以交互的网站的。知道浏览器做了哪些处理来将网站呈现出来，也能让你更加了解怎么优化你的网站应用，让你的网站运行的更快，性能更好。
web性能为什么重要？加载很慢的网站会让人很不舒服；web性能直接影响你的产品；什么样的网站算是快的网站？加载快；运行快（动画不掉帧，滚动很顺滑等）；服务器响应时间短；应用加载和渲染的很快。文中介绍了几种提升网站加载和渲染速度的方法：JavaScript。JavaScript通常...
当浏览器应用一个用户交互界面时，一种很好的方式是可以最小化差异和问题，UI是可预测的。想要追踪到所有的差异是比较困难的，所以我将这些共同问题整理成一个列表，为你在做新项目时提供一个简单易用的参考指南。 1.重置button和input元素的背景 当我们添加button时，重置bu...
简短概括：如果你曾做过任何复杂文本处理和操作这种工作，你会很喜欢ES2018中引入的新特性。在这篇文章中，我们将好好地看一下第九个版本的标准是怎么提升JavaScript中文本处理能力的。 大多数编程语言都支持正则表达式，有一个很好的理由：它们是非常强大的文本操作工具。那...
我们怎么使用WebAssembly将WebApp加速20倍(实例学习)
在这篇文章中，我们探索如何替使用编译后的WebAssembly替换缓慢的JavaScript计算来加速web应用。 如果你没有听说过，那这就是TL;DR（Too long; Don't read）：WebAssembly是一个与JavaScript并行运行在浏览器的新语言...
这是一个GitHub仓库，作者在文中列出了2020年可以浏览器中做的一些不可思议的东西。里面的内容还在更新，会持续添加一些浏览器中已经实现的很少有人知道的特性。 下面，我们简单列一些浏览器特性： prefers-color-scheme。许多操作系统提供了暗黑和浅色模式（特别是...
现在很多APP里面有微浏览器(Microbrowser)，通常都是用一个缩略预览的方式展示web页面的内容，比如在Twitter里提到的页面，Slack频道的拓展介绍，或WhatsApp的群聊。 作者从以下几个问题出发，讲解一个Web开发者需要了解微浏览器的事情。 什么是微浏...
新的自动填充面板 此版本为 DevTools 带来了全新的 自动填充 面板。Chrome 自动填充 提供了一种方便的方式，在网站上自动填充已保存地址的表单。新的 自动填充 面板允许您检查表单字段、预测的自动填充值和已保存数据之间的映射关系。 在此 演示页面 上尝试新面板和测试数据...
你有没有尝试过按下浏览器的返回按钮，然后注意到前一个页面加载速度有多快？这就是BFCache在起作用。 什么是BFCache？ BFCache代表着“后退/前进缓存”，是一种机制，允许浏览器在内存中保留一个完全渲染的页面快照。 这意味着，当向后或向前导航时，网页几乎立即被呈现，...
本周我参加了斯坦福举办的Story Discovery At Scale数据新闻会议。在任何新闻会议上，数据提取都是一个长久热门的话题：我们如何最好地从PDF和图像中提取数据？ 最近我用Gemini Pro 1.5、Claude 3和GPT-4 Vision取得了一些非常有希望的...
显示 1/4 页
下一页 ⇛