视野修炼-技术周刊第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月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
6月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
6月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
6月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
6月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
6月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
6月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
6月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
6月前
|
人工智能 自然语言处理 前端开发
视野修炼-技术周刊第43期
🔥强烈推荐 1. 2023 Stackoverflow 开发者调查报告 开发人员类型:33%全栈,18%后端,7%前端... 2023 年延续了 JavaScript 的连胜势头,连续第 11 年成为最常用的编程语言 Node.js 和 React.js 是所有受访者最常用的两种 Web 技术 新开AI板块:受访者对AI搜索工具的首选是ChatGPT:83%的受访者在过去一年中使用过它