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

简介: 🔥强烈推荐1. UseSignal 是前端框架的未来

🔥强烈推荐

1. UseSignal 是前端框架的未来

image.png

signal 最近在前端圈炒得很火,尤大最近也在 Vue 官网上添加了 Connection to Signals 这部分内容。

给了一版 Vue 的实现

image.png

目前 Preact, Solid, and Qwik,Angular 等等(还有其它的)都有了对应的实现

xdm 新东西又要来了,学起来,不然又out了

image.png

2. 英:CSS 的颜色格式深入介绍

文章介绍了常用的的格式(named(特定命名的颜色)RGBHEX(16进制)HSL)

这些格式已经存在了很久(HSL 甚至在 Internet Explorer 9时期就得到了支持(2011年发布) !) 都是 sRGB 的标准。

文章还介绍了两个现代的颜色格式Display P3LCH

  • P3扩展了标准的 sRGB 色彩空间,可以表示更明亮的颜色
  • LCH 可以更好地模拟人类视觉系统

下面是给到用法例子

image.png

不过后面这2个目前还是只有 Safari浏览器默认支持

3. 一个镜面button

image.png

看上去非常炫酷,实现原理思考🤔一下 肯定是用到了相机

原理解析可以看一下 神光的文章拆解

🔧开源&工具

4. git-hours

通过git commit 信息估计出在这个仓库上所花费的开发时间

npm i -g git-hours

image.png

5. @antfu/ni

这个很赞,提效神器,提供了一系列简化的 npm 指令(笔者最近重新pick了起来)

并且可以在npm · yarn · pnpm · bun中通用

会根据项目的lock文件自动使用正确的包管理工具执行指令

首先是安装依赖 ni

ni
# 等价于
# npm install
# yarn install
# pnpm install
# bun install
ni pkg
# npm i pkg
ni pkg -D
ni pkg -g

除了ni还提供了nr,nix等等(还有其他的,这三个用的频率高)

📚文章&资讯

6. Git功能上新-支持设置代称

emmm... DDDD

image.png

image.png

7. GPT3.5 API 开放使用

价格比较实惠:gpt-3.5-turbo: 0.002$/1000

有🪜的可以试玩一下,使用 gpt-node 这个包

8. API:ShadowRealm

ShadowRealm 是 TC39 的一个提案,现处于第三阶段。允许一个 JS 运行时创建多个高度隔离的 JS 运行环境(realm),每个 realm 具有独立的全局对象和内建对象。

下面 cv 个简单demo

const sr = new ShadowRealm();
console.assert(
  sr.evaluate(`'ab' + 'cd'`) === 'abcd'
);

和 eval 不同点是,evaluate 是在独立环境中执行的

可以先mark了解一下,有个印象

9. GMTC-全球大前端技术大会PPT

PPT 可以下载,虽然很多偏理论水货,不过公司里写方案,做调研的时候可以大概扫一下,不同方向应该有可参考借鉴的经验

相关文章
|
5月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
5月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
5月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
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月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
5月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
5月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
5月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
5月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
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 团队合作开发一些共享的底层工具和功能