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

简介: 🔥强烈推荐1. xbarapp - Mac菜单栏内容输出这个工具允许开发者通过简单的脚本向Mac菜单输出内容,支持多语言(可玩性挺强的)比如展示当前时间

🔥强烈推荐

1. xbarapp - Mac菜单栏内容输出

这个工具允许开发者通过简单的脚本向Mac菜单输出内容,支持多语言(可玩性挺强的)

比如展示当前时间

#!/usr/bin/env /Users/sugar/.volta/bin/node
console.log(new Date().toLocaleString())

image.png

其中node的位置可以通过执行指令which node获取,下面以js脚本为例

再比如:展示距离下班还有多久

image.png

代码就让GPT代写了(秒秒钟搞定,注释也很详细呀)

image.png

小小研究了一下还是蛮好玩的,只是目前还不清楚怎么同时展示多个脚本的内容,还得再研究研究

2. Node.js 各版本停止维护时间

image.png

  • node14:本月低就结束支持
  • node16:今年9月
  • node18:还得等2年(该用起来了)

不过笔者公司大部分项目还是用的 Node12, Node14 害(能“跑”就行)

🔧开源&工具

3. Vue 3 新增 API defineOptions

感觉像是支持在组合式API中提供了一个更优雅的使用选项式API的方法

下面是示例和类型定义

image.png

image.png

4. 现代图片性能优化及体验优化指南

有一定干货,内容偏多,可以先收藏,需要处理图片性能优化的时候拿出来看看

下面是GPT总结

“这篇文章是关于现代图片性能优化及体验优化的指南。文章详细讲解了图片在业务中所占据的重要性,以及在各种新特性满头飞的今天,如何进行性能优化及体验优化。其中涵盖了图片格式、压缩、大小、懒加载、容错及可访问性处理等方面的内容。”

5. package.json exports属性

大家在刚学 ES6的时候可能 有了解过这个属性,笔者也是最近几个月频繁开发包的时候,翻社区包,才用上这个东西(下面先介绍一下书中的知识,再看看社区包)

看文档 Node.js 是在12 开始支持的

image.png

① 设置子目录别名

{
  "exports": {
    "./node/": "./dist/node/"
  }
}

② main的别名

exports字段的别名如果是.,就代表模块的主入口,优先级高于main字段。

由于exports字段只有支持 ES6Node.js 才支持,所以可以用来兼容旧版本的 Node.js

{
  "main": "./main-legacy.cjs",
  "exports": {
    ".": "./main-modern.cjs"
  }
}

③ 条件加载 可以为 ESMCJS 指定不同的入口

{
  "type": "module",
  "exports": {
    ".": {
      "require": "./main.cjs",
      "default": "./main.js"
    }
  }
}

下面是 vitepress 包的描述

image.png

除了requiredefault还可以设置typesimport属性用于指定,类型定义文件和ESM资源

6. np - A better npm publish

交互很有好的发单包的CLI工具,下面是官方的使用示意(暂不支持monorepo)

image.png

环境需要:

  • Node.js 16 or later
  • npm 7.19.0 or later
  • Git 2.11 or later

🤖AI资讯

7. 通义千问 - 阿里云大模型

image.png

可以开始排队了XDM,笔者还没搞到邀请码,有号来做个和文心的PK测验

现在可以看看别人跑的测评 量子位:第一手体验实录

8. 万字长文:一文看懂GPT风口,有哪些创业机会

GPT 总结一下:

“这篇长文主要讲述了通用人工智能系统和GPT的发展趋势和遇到的问题,以及与之相关的创业机会和社会问题。文中提到,GPT在智能化的发展中有着重要的作用,但是也带来了一些影响,如信息泛滥、就业岗位变化和人工智能意外失控等。同时也探讨了未来人工智能发展的方向和人类与人工智能共存的可能性。”

9. 如何与ChatGPT4结对编程提升研发效率

这篇文章介绍了如何利用 ChatGPT4 强大的AI工具,结合结对编程方法,提高研发效率

文章包含了丰富的实践例子(多图预警)。

场景包括:正则表达式编写重构代码实现业务逻辑改Bug写单侧命名

相关文章
|
5月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
5月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
|
5月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
5月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
5月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
5月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
5月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
5月前
|
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 团队合作开发一些共享的底层工具和功能
|
5月前
|
人工智能 前端开发 JavaScript
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
|
5月前
|
人工智能 JavaScript 小程序
视野修炼-技术周刊第49期
🔥强烈推荐 1. ikun-ui 一个 Svelte.js 组件库 首页有个动画非常有意思