8 天前 / 寒雁
2008 年 9 月 2 日，Chrome 浏览器终于发布了，长达 2 年的秘密开发没有白费，出道即巅峰： 采用多进程架构，避免某个 Tab 崩溃导致整个浏览器崩溃开发了全新的 V8 引擎，将 JavaScript 的执行速度提升了 1 个数量级设计了非常简洁的用户界面，非常注重用户体验，比如可拖拽的 Tab、支持搜索的地址栏、默认隐藏书签栏、隐身模式等当年主管 Chrome 项目的 Sundar Pichai，在发布 Chrome 时是这样说的： We hope to collaborate with the entire community to help drive the web forward. 这种吹牛的话一般没人相信，不过 Chrome 真的做到了...
10 天前 / 浪客书心
点击关注公众号，回复“2T”获取 2TB 学习资源！ 互联网架构师后台回复2T有特别礼包 上一篇：12 个顶级 Bug 跟踪工具 来自新智元 【导读】近日，谷歌的工程师们发现，当 Chrome 的版本号达到 100 时，网页会有一定概率打不开，而且这个问题可能会影响 20 多亿用户。 Chrome 浏览器要翻车了？ 随着版本号即将达到 100，谷歌浏览器遇到了一些意想不到的问题。 而这可能会影响高达 20 多亿的用户。 当然了，紧随其后的 Firefox 和 Edge 也不能幸免。满 100 减 90 这个问题吧，倒不是说浏览器会闪退，只不过是失去了它原本的作用：访问网站罢了。
13 天前 / 寒雁
2022 年 1 月 4 日正式发布的 Chrome 97，带来了哪些新特性呢？ 前言十多年来，Web 技术突飞猛进，Chrome 浏览器发挥了最关键的作用，了解 Chrome 可以帮助我们理解前端行业的发展趋势。 因此，我将以《了不起的 Chrome 浏览器》为题，对 Chrome 的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的 Chrome 浏览器（1）：Chrome 89 开启 Web 应用的物联网时代了不起的 Chrome 浏览器（2）：Chrome 90 将默认使用 HTTPS，Web 更安全了了不起的 Chrome 浏览器（3）：Chrome 91 支持 WebAssembly SIMD...
15 天前 / 钟子敬07
公众号关注「奇妙的 Linux 世界」 设为「星标」，每天带你玩转 Linux ！ 近日，谷歌的工程师们发现，当 Chrome 的版本号达到 100 时，网页会有一定概率打不开，而且这个问题可能会影响 20 多亿用户。 Chrome 浏览器要翻车了？随着版本号即将达到 100，谷歌浏览器遇到了一些意想不到的问题。而这可能会影响高达 20 多亿的用户。 当然了，紧随其后的 Firefox 和 Edge 也不能幸免。满 100 减 90 这个问题吧，倒不是说浏览器会闪退，只不过是失去了它原本的作用：访问网站罢了。
20 天前 / Ryan众乐
开发一个既支持 node 又支持 browser 的第三方包竟如此简单！ 如果一个 npm package 既能在 node 环境中运行，又能在浏览器环境运行，那么它就是支持 SSR 的，也可成为支持同构的 npm package。比如 isomorphic-fetch。 长按识别二维码查看原文 https://github.com/matthew-andrews/isomorphic-fetch 以一个最简单版的 hello, world 示例说明问题。 假设我要开发一个能够用在 SSR 下的 base64 编码解码的 npm package，那我应该如何上手。 1. Web/Node 环境下的实现在浏览器环境中，我们可以借助于 atob 实现编码解码。实现该包的主要代码如下。
32 天前 / 青年码农
什么是扩展程序？首先，你要知道油猴是什么的话，那你就必须知道谷歌浏览器的扩展程序是什么？点击浏览器右上角–>更多工具–>扩展程序，进入我们的扩展程序界面，在这里可以看到我们已经安装的扩展程序。 我装了谷歌访问助手、tampermonkey 及我的测试插件。 油猴插件很强大，但是很大部分人不会使用，安装后一点效果也没有，感觉很鸡肋，其实不然，只是你的打开方式不对，需要配合其他脚本来实现强大功能。比如我写的这个百度去广告插件，看实现效果。 去掉了百度搜索列表的所有广告，如果需要此脚本，后台回复【chrome 插件】，提供下载。
34 天前 / Ryan众乐
本文作者：郑仁杰，字节跳动微前端开源项目 Magic 的负责人及核心贡献者 Hello 大家好，我是来自字节跳动的郑仁杰，目前是公司微前端开源项目 Magic（https://github.com/bytedance/magic-microservices）的负责人及核心贡献者，今天我带来的分享主题是《面向未来与浏览器规范的前端 DDD 架构设计》，这次我们站在了一个与行业传统微前端解决方案完全不同的全新的视角去思考如何设计和实践前端微服务，如何更优雅的借助浏览器原生能力将微前端的粒度做到组件级别，期待能给大家带来不一样的收获和体验。
41 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 文章 Whistle 实现原理 —— 从 0 开始实现一个抓包工具通过这篇文章可以大致了解 Whistle 的实现原理，并学习如何实现一个简单的抓包调试工具。 项目 Github 地址：https://github.com/avwo/whistle https://mp.weixin.qq.com/s/_MGh5MN7RY2coTblMUV6Yg 使用 CSS 做一碗营养充足的早餐面学习本文，你会学会： :before/:after 伪类元素的使用巩固 box-shadow 的使用线性渐变和径向渐变的学习通过封面我们可以看到这碗丰盛的早餐面共有餐具、煎蛋、...
41 天前 / Ryan众乐
首发于我爱前端开发写文章登录 canvaskit-wasm —— 在浏览器中直接使用 skia 的能力渲染 sketch 文件 MLTC 求索 13 人赞同了该文章 Skia 是 Flutter、Chromium 以及 Android 项目中都使用了的 2d 图形库。为了能够让 Flutter 在浏览器中运行，Google 的工程师将 skia 编译成了能够在浏览器中运行的 WebAssembly 版本。 在看到 flutter 能够在 web 中运行的那一刻，我第一个想到的是，能不能直接在浏览器中直接进行设计并生成代码呢？ Figma 是一个能够在浏览器中运行的类似 Sketch 的扁平化 UI 设计工具，它使用了 C++ 和 WebGL...
63 天前 / 寒雁
11 月 16 日正式发布的 Chrome 96，带来了哪些新特性呢？ 前言十多年来，Web 技术突飞猛进，其中 Chrome 功不可没，了解 Chrome 可以帮助我们理解前端行业的发展趋势。 因此，我将以《了不起的 Chrome 浏览器》为题，对 Chrome 的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的 Chrome 浏览器（1）：Chrome 89 开启 Web 应用的物联网时代了不起的 Chrome 浏览器（2）：Chrome 90 将默认使用 HTTPS，Web 更安全了了不起的 Chrome 浏览器（3）：Chrome 91 支持 WebAssembly SIMD...
75 天前 / 冷星1024
本文从科普和技术视角对浏览器隐身模式进行介绍，全文脉络如下，读者可根据兴趣选择对应章节阅读。 认识隐私模式隐私模式隐藏了什么现代网络浏览器，大多数都增加了隐私浏览模式来浏览网页，旨在保护用户隐私。Chrome 称之为隐身模式；Opera、Safari 和 Firefox 中一般称为隐私浏览。这些模式以深色主题和蒙面人物图标为特征，可以给用户一种匿名浏览的印象。芝加哥大学和汉诺威莱布尼茨大学的研究人员发现，人们对隐私浏览或隐身模式存在很多误解，许多用户认为隐私浏览可以保护他们免受恶意软件、广告、跟踪脚本和互联网服务提供商 (ISP) 的监控。
78 天前 / AggrxTech
前言 上篇文章简单叙述了下浏览器两大引擎的渲染引擎，这回简单讲下浏览器的 JS 引擎，以常见的 Chrome V8 引擎 进行讲述，Chrome V8 引擎如何执行一段 JS 代码的。 JS 的加载和执行 JS 中可能会操作 DOM 树的代码等，所以不会像 CSSna 那样并行加载。 浏览器在加载 JS 时候会 加载完成后会立即执行 执行时会阻塞页面后续的页面渲染、其他资源的下载 当有多个 JS 文件被引入时，浏览器会把多个文件按顺序的串行载入并依次执行。
88 天前 / 寒雁
10 月 19 日正式发布的 Chrome 95，带来了哪些新特性呢？ 前言 十多年来，Web 技术突飞猛进，其中 Chrome 功不可没，了解 Chrome 可以帮助我们理解前端行业的发展趋势。 因此，我将以《了不起的 Chrome 浏览器》为题，对 Chrome 的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的 Chrome 浏览器（1）：Chrome 89 开启 Web 应用的物联网时代 了不起的 Chrome 浏览器（2）：Chrome 90 将默认使用 HTTPS，Web 更安全了 了不起的 Chrome 浏览器（3）：Chrome 91 支持 WebAssembly SIMD...
92 天前 / hateoonion
跨 tab 通信需求常见于一些有大量内容需要浏览或操作（比如博客或者 CMS 系统），同时需要保持数据一致性的场景。这些场景大部分可以引入后端服务，通过轮询等方式保持多个 tab 间的数据一致。本文介绍的是在不引入后端服务的情况下，通过纯前端的方案，来进行跨 tab 通信 什么场景下需要跨 tab 通信？有一些日常中很常见的场景，如果支持跨 tab 通信，可能能给用户更好的体验。 博客 Dark Mode 切换想象你在浏览 Dan Abramov 的博客，你同时打开了好几个 tab 学习一系列知识。夜晚来临，你将一个页面切换成了 Dark Mode。