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...