视野修炼-技术周刊第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                                      

相关文章
|
9月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
9月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
9月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
9月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
9月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
9月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
9月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
9月前
|
Web App开发 人工智能 Rust
视野修炼-技术周刊第56期
🔥强烈推荐 1. Vite 的现状与未来展望 10 月 5 日 - 6 日,ViteConf 2023 在线举行,尤大发表了题为《The State of Vite》 的演讲,有如下几个值得关注的点: Vite 5.0 目前处于测试阶段(beta):停止支持已经 EOL 的 Node.js 版本;推荐使用ESM 🔥 Rolldown(使用 Rust 开发的 Rollup 替代品):Vite 团队正在研发 Rolldown,同时与 Rspack 团队合作开发一些共享的底层工具和功能
|
9月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
9月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”

热门文章

最新文章