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

简介: 🔥强烈推荐1. 2023年🧑‍💻工程师的 Mac 工具箱Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试作者:粥里

🔥强烈推荐

1. 2023年🧑‍💻工程师的 Mac 工具箱

Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具

Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试

🔧开源工具&技术资讯

2. react-exercise-playground - React playground 组件

一个开源的 React playground 组件,可以单独在项目中接入使用

image.png

特点

  • 可以在线编辑代码,提供实时交互式演示
  • 支持引入第三方库(ESM包)
  • 自动从jsdelivr加载第三库ts类型文件
  • 支持自定义文件并动态引入,支持ts/tsx/js/jsx/css/json
  • 代码自动保存到 URL 上, 分享网址即可分享代码
  • 纯前端部署, 不依赖服务器,可公司内部署使用内部包

3. Caravaggio - 一个快速的图片处理服务

可以根据 URL 参数将原图转换成不同大小、格式等。

image.png

部署非常简单,提供了 docker 和 npm 开箱即用的方式。

npm install -g caravaggio
caravaggio

使用也非常简单,在服务后拼参数即可

http://localhost:8565/rotate,v:90/o:png/?image=https://sugarat.top/logo.png

image.png

4. eslint-stylistic

由于维护成本高昂,ESLint 和 typescript-eslint 团队决定放弃核心中与格式化/风格相关的规则,因此启动了该项目。此 repo 移植了这些规则,并将它们作为独立的软件包发布,并将由社区进行维护。

image.png

目前看核心贡献者还是 antfu 大神

5. 新版 React 文档中的九项最佳建议

  1. 在循环中给元素设置 key 时,使用稳定唯一标识符,不要使用索引
  2. 定义组件时放在文件顶层,不要嵌套
  3. state 中只存储计算所需的最小数据
  4. 除非性能问题明显,否则推迟使用缓存
  5. 提取的共享函数只有调用 hook 才加 use 前缀
  6. 根据 prop 改变 state 时直接在组件函数中设置,不要在 effect 中
  7. 数据获取首选第三方库,不要只用 useEffect
  8. 响应事件时用事件处理函数,不要用 useEffect
  9. effect 依赖引起不必要重渲染时,去掉函数里的依赖,不仅是数组里的

🤖AI工具&资讯

6. AIGC相关教程资源收集

项目收集了关于 AIGC 的各种精选教程和资源。

image.png 

相关文章
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
视野修炼-技术周刊第33期(1)
🔥强烈推荐 1 phind 开发者专属的搜索引擎 Tip: 需要“魔法”才能访问
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
视野修炼-技术周刊第30期
🔥强烈推荐 1. fetchpriority - 调整资源加载优先级 有3个值high(相对默认的优先级高),low(相对默认的低),auto (默认值) <img>、<link>、<script>和<iframe>等元素支持
视野修炼-技术周刊第38期
🔥强烈推荐 1. Bun Bundler Bun 本周更新的功能,支持Build,编译可执行文件,速度极快
视野修炼-技术周刊第28期
🔥强烈推荐 1. 字节自研构建工具 Rspack 发布 发布后就刷屏了朋友圈,logo是一只可爱的小螃蟹(如下图)
视野修炼-技术周刊第47期
🔥强烈推荐 1. Arc 浏览器!!! 同事本周强烈推荐的一个 Chrome浏览器替代品,基于 Chromium 开发,支持直接从Chrome浏览器导入插件和收藏夹内容,实现无缝的切换,甚至连Cookie(登录状态)都能导入!! 笔者从昨天开始使用,目前体验非常不错(仅有Mac版本)。

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等