9 小时前 / hateoonion
跨 tab 通信需求常见于一些有大量内容需要浏览或操作（比如博客或者 CMS 系统），同时需要保持数据一致性的场景。这些场景大部分可以引入后端服务，通过轮询等方式保持多个 tab 间的数据一致。本文介绍的是在不引入后端服务的情况下，通过纯前端的方案，来进行跨 tab 通信 什么场景下需要跨 tab 通信？有一些日常中很常见的场景，如果支持跨 tab 通信，可能能给用户更好的体验。 博客 Dark Mode 切换想象你在浏览 Dan Abramov 的博客，你同时打开了好几个 tab 学习一系列知识。夜晚来临，你将一个页面切换成了 Dark Mode。
17 天前 / 冷星1024
引言—在 h5 开发中，我们经常会需要实现一些动效来让页面视觉效果更好，谈及动效便不可避免地会想到动效性能优化这个话题： 减少页面 DOM 操作，可以使用 CSS 实现的动效不多出一行 js 代码使用绝对定位脱离让 DOM 脱离文档流，减少页面的重排 (relayout)使用 CSS3 3D 属性开启硬件加速那么，CSS3 与动效优化有什么关系呢，本文将从浏览器渲染层面讲述 CSS3 的动效优化原理 浏览器页面展示过程—首页，我们需要了解一下浏览器的页面展示过程： Javascript：主要负责业务交互逻辑。Style: 根据 CSS 选择器，对每个 DOM 元素匹配对应的 CSS 样式。
21 天前 / 寒雁
9 月 21 日正式发布的 Chrome 94，带来了哪些有意思的新特性呢？ 背景 十多年来，Web 技术突飞猛进，其中 Chrome 功不可没，了解 Chrome 可以帮助我们理解前端行业的发展趋势。 因此，我将以《了不起的 Chrome 浏览器》为题，对 Chrome 的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的 Chrome 浏览器（1）：Chrome 89 开启 Web 应用的物联网时代 了不起的 Chrome 浏览器（2）：Chrome 90 将默认使用 HTTPS，Web 更安全了 了不起的 Chrome 浏览器（3）：Chrome 91 支持 WebAssembly SIMD...
37 天前 / 凯凯刘
分享独立开发产品变现相关有价值的内容，每周五发布。 目录 1、Listnr：简单的 Podcast Sass 工具，1 年从 0 做到了 $15 万 2、快写鸭：一键多平台分发新媒体工具 3、Corey Haines: 关于 Saas 产品增长我所总结的经验 4、YICHI: 帮助学习汉语发音的 App 5、Streak: 基于 Gmail 的 CRM 浏览器插件，年收入 1000 万美金 1、Listnr：简单的 Podcast Sass 工具，1 年从 0 做到了 $15 万创始人 Anan Batra 想做一个 Podcast，但是没找到市场上合适的工具。于是就萌生了自己做一个的想法。这个产品解决：录制，编辑、存放、分发和变现的功能。
41 天前 / marketing-upyun
写文章简略图解：输入 url 到出现页面，浏览器做了什么？又拍云已认证的官方帐号 11 人赞同了该文章应该有很多前端开发人员都思考过这么一个问题：从输入 URL 到页面加载完成，中间都做发生了什么？ 这个问题涉及的面非常广，每个涉及的点又很深入。从触屏 / 键盘如何到 CPU？CPU 如何到系统内核？如何从操作系统 GUI 到浏览器？浏览器如何向网卡发送数据？数据如何从本机网卡发送到服务器？服务器接收数据后如何处理？服务器返回数据后浏览器如何处理？浏览器如何将页面展现出来？等等等等，每一个过程都包含了大量且深入的知识体系，很难一以贯通。
47 天前 / AggrxTech
前言浏览器的内核，现在市面上常用浏览器内核有： Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。浏览器内核中有两个部分，一、渲染引擎：负责对网页语法的解释（如 HTML、CSS、JavaScript）并渲染网页。二、JS 引擎：JS 引擎负责对 JavaScript 进行解释、编译和执行，以使网页达到一些动态的效果。 本文将以大家常用 Webkit 内核为例，解释浏览器的渲染引擎。 注：2013 年 4 月 3 日，谷歌在 Chromium Blog 上发表博客，称将与苹果的开源浏览器核心 Webkit 分道扬镳...
48 天前 / 寒雁
8 月 31 日正式发布的 Chrome 93，带来了哪些有意思的新特性呢？ 背景 十多年来，Web 技术突飞猛进，其中 Chrome 功不可没，了解 Chrome 可以帮助我们理解整个行业的发展趋势。 因此，我将以《了不起的 Chrome 浏览器》为题，对 Chrome 的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的 Chrome 浏览器（1）：Chrome 89 开启 Web 应用的物联网时代 了不起的 Chrome 浏览器（2）：Chrome 90 将默认使用 HTTPS，Web 更安全了 了不起的 Chrome 浏览器（3）：Chrome 91 支持 WebAssembly SIMD...
77 天前 / Ryan众乐
2021-07-16 微软发布了一篇博客专门介绍了这个功能，VSCODE 牛逼！ 在此之前，你想要在 vscode 内调试 chrome 或者 edge 需要借助于 Chrome Debugger 或者 the Microsoft Edge Debugger extension 这两款 vscode 扩展。 并且更重要的是，其仅能提供最基本的控制台功能，其他的诸如 network，element 是无法查看的，我们仍然需要到浏览器中查看。 这是个什么功能更新之后，我们可以直接在 vscode 中 open link in chrome or edge，并且「直接在 vscode 内完成诸如查看 element，network 等几乎所有的常见调试需要用到的功能」。
78 天前 / u239642
解决部分网站使用了 GOOGLE 的字体库或者其它库，这种方法不需要挂代理或其它任何翻墙手段一：进入扩展商店 链接：https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Homehl=zh-CN 二：搜索“Gooreplacer” 并安装 三：配置 打开配置规则 贴入源，点击立即更新 gitee:https://gitee.com/mirrors/gooreplacer/raw/master/gooreplacer.gson git:https://raw.githubusercontent.com/jiacai2050/gooreplacer/master/gooreplacer.gson可能不能更新 更新成功后 这是就能在当前浏览器内打开使用 Google 库的网...
80 天前 / 寒雁
7 月 20 日正式发布的 Chrome 92，带来了哪些有意思的新特性呢？ 背景 十多年来，Web 技术突飞猛进，其中 Chrome 功不可没，了解 Chrome 可以帮助我们理解整个行业的发展趋势。 因此，我将以《了不起的 Chrome 浏览器》为题，对 Chrome 的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的 Chrome 浏览器（1）：Chrome 89 开启 Web 应用的物联网时代 了不起的 Chrome 浏览器（2）：Chrome 90 将默认使用 HTTPS，Web 更安全了 了不起的 Chrome 浏览器（3）：Chrome 91 支持 WebAssembly SIMD...
101 天前 / marketing-upyun
写文章没登录网页也能个性化推荐？一文详解浏览器指纹又拍云已认证的官方帐号 6 人赞同了该文章日常生活中，生物识别技术已经是多数智能手机的标配，大多数手机具备人脸识别、指纹识别等功能，目前的指纹识别技术已经非常成熟。但我们今天要聊的并不是生物识别技术中的指纹识别，而是浏览器指纹。很多人对这项技术是又爱又恨，这究竟是为什么呢？那我们今天就来深入了解下浏览器指纹。 什么是浏览器指纹浏览器指纹可以通过浏览器对网站可见的配置、设置信息，来跟踪 Web 浏览器，它就像我们人手上的指纹一样，具有个体辨识度...
114 天前 / 前哨君
首发于开源前哨写文章神奇！可在浏览器中运行终端命令行的开源工具开源前哨推荐有趣和热门的开源项目。有一个同名公众号：开源前哨【导语】：将 CLI 工具变成 Web 应用在浏览器端访问。 简介 GoTTY 是一个简单的命令行工具，可以将 CLI 工具转换为 Web 应用程序。GoTTY 是使用 xterm.js 和 hterm 在 Web 浏览器上运行基于 JavaScript 的终端。 GoTTY 本身提供了一个 websocket 服务器，它简单地将来自 TTY 的输出中转到客户端，并接收来自客户端的输入并将其转发到 TTY。这个 hterm + websocket 的想法受到 Wetty 的启发。
117 天前 / xF0rk
作者：easonruan，腾讯 CSIG 前端开发工程师 本文的浏览器端 Sandbox 沙盒运行环境，大家可以快速理解为类似 CodeSandbox 一样，所有页面代码编译都在前端完成（不依赖后端），并且具备实时热更新功能。 而本文终极目标就是实现这样的浏览器端 Sandbox 沙盒运行环境，可以轻松接入到大部分平台（尤其低代码平台），提升应用的预览速度和开发体验，效果如下： 为什么需要浏览器端 Sandbox 沙盒运行环境？原因一：Demo 体验流程的转变：繁琐痛苦 → 快速便捷如果你要体验 Ant Design 组件库里面 Tree 树组件的一个例子，并想修改部分参数查看效果...
118 天前 / 前哨君
写文章有了这个 4.5 万 Star 的工具，可在浏览器中运行最强编辑器 VS Code！开源前哨推荐有趣和热门的开源项目。有一个同名公众号：开源前哨 6 人赞同了该文章【导语】：一个让你能在浏览器中运行 VS Code 的工具。 简介 code-server 是一个基于 VS Code 的在线编辑器，在任何地方的任何机器上运行 VS Code 并在浏览器中访问它，实现任何设备通过浏览器即可访问 VS Code，进而实现远程在线开发。