视野修炼-技术周刊第47期

简介: 🔥强烈推荐1. Arc 浏览器!!!同事本周强烈推荐的一个 Chrome浏览器替代品,基于 Chromium 开发,支持直接从Chrome浏览器导入插件和收藏夹内容,实现无缝的切换,甚至连Cookie(登录状态)都能导入!!笔者从昨天开始使用,目前体验非常不错(仅有Mac版本)。

🔥强烈推荐

1. Arc 浏览器!!!

同事本周强烈推荐的一个 Chrome浏览器替代品,基于 Chromium 开发,支持直接从Chrome浏览器导入插件和收藏夹内容,实现无缝的切换,甚至连Cookie(登录状态)都能导入!!

笔者从昨天开始使用,目前体验非常不错(仅有Mac版本)。

image.png

推荐使用 Mac 的同学上手体验一番,目前用下来感觉非常的不错,如下几个值得推荐的功能。

1. 新的排版布局

Tab栏在左侧,再多也不会像Chrome那样在顶部,多了标题就被隐藏了,内置分屏,可以很轻松的分屏多个窗口

       image.png                                      

搜索入口类似 Raycast/Utools 等工具的使用

       image.png                                      

2. 空间的概念:类似手机分身

每一个空间的 Tab,插件,登录状态都是相互独立的,非常适合多账号管理的场景。

       image.png                                      

排查问题的时候,可以直接新开一个干净的空间,像Chrome隐身模式一样,不会受到其他空间的影响。

3. Easel(画板?):保存网页部分内容

可以直接捕获网页中的局部内容,保存为可操作的Dom元素或者,截图均可

image.png

下面是我从掘金里CV了几个区域

       image.png                                      

这个功能就很Nice了,一些工具网站,通常有很多无关的广告或者其他内容,使用这个功能可以直接将其去除,只保留核心内容。

准备再深入使用一段时间,下周整理一篇使用实践文档。

2. 前端代理神器 whistle 客户端

基于 Electron 封装实现,功能体验与 whistle CLI完全一致

不过默认端口号是 8888 ,不是 8899,打开即用,非常方便

       image.png                                      

在平时开发,调试线上代码的时候非常方便。

对 whistle 使用感兴趣的可评论区留言,感兴趣的朋友多,回头码个 whistle 的实践教程。

🔧开源工具&技术资讯

3. 显示页面重定向历史chrome插件

在排查SSO登录问题的时候,经常会遇到重定向的问题,这个插件可以辅助排查问题。

同时在访问一些资源下载链接或者短链的时候,也可以观察其重定向的次数。

下面是访问一个短链的重定向记录


       image.png                                      

4. clang.js - 支持在浏览器里执行C/C++代码

基于 WebAssembly 技术实现,可以用于简单场景的 C 语言PlayGround

下面是一个 Hello World 示例

       image.png                                      

5. JS minification benchmarks

该仓库用于 JavaScript minifier 基准测试,测量了压缩的平均时间以及产物大小等关键的性能指标。

       image.png                                      


其中 tdewolff/minify 这个库的数据非常出众,笔者单独查阅了一下

这是一个使用 Go 实现的库

image.png

6. Bun v0.7.0 支持Vite

支持仍处于实验阶段且未经过优化

快速上手体验,仅需4步即可

bunx create-vite myapp
cd myapp
bun install
bun --bun vite dev


       image.png                                      


🤖AI工具&资讯

7. ChatGPT 国粹版

本周朋友圈非常🔥的AI机器人,一口流利**,时时刻刻口吐芬芳

image.png

       image.png                                      

国粹版的核心是一段系统预设,这个可以在Github仓库里看到,这里就不贴了,不太礼貌

笔者把这个加到自己的机器人里试了一下,效果显著

       image.png                                      

8. ChatGPT 安卓版APP上线

实测下来就像是个网页套壳APP,大小只有 5M

目前谷歌商店可以下载

       image.png                                      

相关文章
|
6月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
6月前
|
Web App开发 人工智能 JSON
视野修炼-技术周刊第54期
🔥强烈推荐 1. Node.js 16 EOL EOL(end of life) 2023 年 9 月 11 日,Node.js 16 将停止维护,推荐大家切换到 Node.js 18 使用(EOL 2025-04-30) 官推下面很多都在推荐 Bun 了 😄
|
6月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
6月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
6月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
6月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
6月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
6月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
6月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
6月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码