22 天前 / 凯凯刘
跟大家分享下我最近上线的一个新的小产品，tabhub.app 一个浏览器新标签页的扩展插件。这个产品主要是在新标签页里展示组件化的内容，比如：头条新闻、Product Hunt 产品信息、自定义 RSS 订阅、链接快捷方式、天气组件、日历组件、待办组件等等 这个产品来源于我自己的需求，因为我发现很多的新标签页产品有很多，但是都不能满足我个人的需求，我需要查看最新的独立开发者相关的信息、能整理我的待办，快速打开我常用的网站这些基本的需求，于是乎，我就自己做了一个未来会满足我自己需要的新标签页，这样每次打开浏览器的时候...
48 天前 / hyper0x
文| 局长 出品 | OSC 开源社区（ID：oschina2013) Anaconda 开发商最近发布了 PyScript，这是一个可以让开发者在 HTML 中混写 Python 代码的框架，有人将其称为 “Python 版 JSP”。事实上，PyScript 底层采用了 WebAssembly， 因为它基于 Pyodide 构建，Pyodide 由编译成 WebAssembly 的 CPython 3.8 解释器组成，允许在网页浏览器中运行 Python。 无独有偶，开发者采用相同的思路让 Go 也顺利在浏览器上运行。https://goscript.dev网站支持在浏览器端直接运行 Go 代码，这是一个 Go playground，底层采用 Goscript，通过 WASM 实现。
51 天前 / 冷星1024
地址：https://juejin.cn/post/7044717306823311368#comment作者：木头 读完这篇文章，你将可以学习到如何在浏览器里进行”目标检测“！”目标检测“看似很难实现、无从下手，但其实也没有你想象的那么遥不可及啦，相反，现有的一些库与工具的出现，让它的实现变得越来越简单。下面我将从“收集图片”开始，通过配图和文字 ( 一些我自己的理解)，一步步带你训练出轻量、高准确度的模型文件，最终成功在浏览器里识别出我们自定义的目标。
54 天前 / 冷星1024
Inside look at modern web browser 是介绍浏览器实现原理的系列文章，共 4 篇，本次精读介绍第四篇。 概述前几章介绍了浏览器的基础进程、线程以及它们之间协同的关系，并重点说到了渲染进程是如何处理页面绘制的，那么最后一章也就深入到了浏览器是如何处理页面中事件的。 全篇站在浏览器实现的视角思考问题，非常有趣。 输入进入合成器这是第一小节的标题。乍一看可能不明白在说什么，但这句话就是本文的核心知识点。
55 天前 / 浪客书心
来源：经授权转自Python 七号（ID：PythonSeven） 作者：somenzz 你好，我是征哥，作为 Python 程序员，我很羡慕那些 Javascript 开发者，动不动就能写出令人惊艳的网页。不过今年，我们也能用 Python 写前端了：Anaconda 团队开发出了 PyScript，你可以在 HTML 里面编写和运行 Python 代码，调用 Javascript 库，换句话说，你可以用 Python 来进行整个前后端开发。 什么是 PyScriptPyScript[1]是 Anaconda 团队开发的一个 Javascipt 库，可以在 HTML 标签里嵌入 Python 代码，无需服务端就可以运行 Python 代码。
61 天前 / 寒雁
2022 年 4 月 26 日发布的 Chrome 101，有哪些新特性呢？ TL;TRChrome 101 正式发布了 Priority Hints，用于指定页面资源的加载优先级，即 fetchpriority 属性，帮助浏览器根据优先级优化加载顺序，从而优化页面加载体验。 Chrome 101 开始在安卓端试用 Federated Credentials Management API，旨在不使用第三方 Cookie 的情况下，实现第三方登录，为全面禁用第三方 Cookie 做准备。 详细解读 Priority HintsChrome 101 正式发布了 Priority Hints，用于指定页面资源的加载优先级，即 fetchpriority 属性，帮助浏览器根据优先级优化加载顺序...
93 天前 / 冷星1024
前言 浏览器缓存设计一直是 web 性能优化中非常重要的一个环节，也是 SPA 应用盛行的今天不得不考虑的问题。作为一名优秀的前端工程师，为了让我们的应用更流畅，用户体验更好，我们有必要做好浏览器缓存策略。每个 Web 应用体验都必须快速，对于渐进式 Web 应用更是如此。快速是指在屏幕上获取有意义内容所需的时间，要在不到 5 秒的时间内提供交互式体验。并且，它必须真的很快。很难形容可靠的高性能有多重要。可以这样想： 本机应用的首次加载令人沮丧。已安装的渐进式 Web 应用必须能让用户获得可靠的性能。
103 天前 / 凯凯刘
浏览器扩展，国内很多人说成浏览器插件，可以帮我们完成很多工作，比如剪辑、收藏、稍后阅读、英语翻译、屏幕截屏、收藏夹管理、广告拦截、初始 Tab 页等等，而用好一个扩展可以大大的提升效率！ 2022 年又有哪些值得关注的有意思的扩展呢？我整理了 10 个最值得关注的浏览器扩展，这些扩展插件都有很多用户使用，用户评价也非常高，下面就一起来了解下。 1、Mote: 语音笔记 2、Forest : 保持专注，构建你的专属森林 3、Volume Master : 最简单，最可靠的音量增强器 4、Homey : 高效而舒适的起始页 5、Web Maker : 一个快速、可离线使用的网页端开发环境终...
126 天前 / 钟子敬07
Hello 大家好，这里是工具狂人。 浏览器，是通向精彩网络世界的一个重要通道，基于此，它也占据了电脑的大部分使用时间。 为增强浏览器的功能，我们会为它安装各种插件，但其实除了从外部的插件入手，我们还可以通过掌握一些浏览器使用技巧，来提升其使用效率。 因此，今天的这篇文章，我从使用浏览器可能会遇到的问题出发，整理了一些对应的解决方法，希望对你有帮助。 保存网页内容 监管趋严的环境下，有时刚刚还可以看的文章，过会就消失了。如果你想保存一些值得保存的内容，可以试着使用下面这三种方法。
144 天前 / 冷星1024
前端瓶子君，关注公众号 回复算法，加入前端编程面试算法每日一题群 视频是什么视频，其实就是一系列连续播放的图片，如果 1s 钟播放 24 张图片，那么人眼看到的就不再是一张张独立的图片，而是动起来的画面。其中一张图片称为一帧，1s 播放的图片数称为帧率。常见的帧率有 24 帧 /s，30 帧 /s,32 帧 /s。 视频是由图片构成的，图片是由像素构成的，假设尺寸为 1024*768。每个像素由 RGB 构成，每个 8 位，共 24 位。 这里补充一点 2 进制的知识 1 位 10 进制数，能够表示 0-9，共 10 种可能 类比一下，1 位 2 进制，能够表示 0，1，共表示 2 种可能性。
151 天前 / 冷星1024
图片来源：https://colachan.com/post/3444 本文作者：Bermudarat[1] 前言在越来越多的业务中，前端页面除了展示数据和提供用户操作的 UI，也需要带给用户更丰富的交互体验。动画作为承载，已经成为日常前端开发，尤其是 C 端开发的必选项。设备硬件性能的提升、浏览器内核的升级也给在页面端实现流畅动画提供了可能。目前，常规设备的刷新频率通常是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片（60 FPS）。接下来，文章会从基础的渲染树出发，介绍浏览器渲染流水线，以及常用的优化动画性能的方法。
169 天前 / 寒雁
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 真的做到了...
170 天前 / 浪客书心
点击关注公众号，回复“2T”获取 2TB 学习资源！ 互联网架构师后台回复2T有特别礼包 上一篇：12 个顶级 Bug 跟踪工具 来自新智元 【导读】近日，谷歌的工程师们发现，当 Chrome 的版本号达到 100 时，网页会有一定概率打不开，而且这个问题可能会影响 20 多亿用户。 Chrome 浏览器要翻车了？ 随着版本号即将达到 100，谷歌浏览器遇到了一些意想不到的问题。 而这可能会影响高达 20 多亿的用户。 当然了，紧随其后的 Firefox 和 Edge 也不能幸免。满 100 减 90 这个问题吧，倒不是说浏览器会闪退，只不过是失去了它原本的作用：访问网站罢了。
174 天前 / 寒雁
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...