欢迎来到第 27 期的【视野修炼 – 技能周刊】,下面是本期的精选内容简介。
强烈引荐
- UseSignal 是前端结构的未来
- 英:CSS 的色彩格局深入介绍
- 一个镜面button
开源&东西
- git-hours
- @antfu/ni
文章&资讯
- Git功能上新-支撑设置代称
- GPT3.5 API 敞开运用
- API:ShadowRealm
- GMTC-全球大前端技能大会PPT
也引荐大家重视一下最后的引荐内容(周刊的主要内容来历渠道)
下面开始本期内容的介绍,估计阅读时刻 7 分钟。
强烈引荐
1. UseSignal 是前端结构的未来
signal
最近在前端圈炒得很火,尤大最近也在 Vue 官网上添加了 Connection to Signals 这部分内容。
给了一版 Vue 的完成
现在 Preact, Solid, and Qwik,Angular 等等(还有其它的)都有了对应的完成
xdm 新东西又要来了,学起来,不然又out了
2. 英:CSS 的色彩格局深入介绍
文章介绍了常用的的格局(named(特定命名的色彩)
,RGB
,HEX(16进制)
,HSL
)
这些格局已经存在了很久(HSL
甚至在 Internet Explorer 9时期就得到了支撑(2011年发布) !) 都是 sRGB
的标准。
文章还介绍了两个现代的色彩格局Display P3
,LCH
- P3扩展了标准的
sRGB
色彩空间,能够表示更明亮的色彩 -
LCH
能够更好地模仿人类视觉体系
下面是给到用法例子
不过后面这2个现在还是只要 Safari浏览器默认支撑
3. 一个镜面button
看上去十分炫酷,完成原理思考一下 肯定是用到了相机
原理解析能够看一下 神光的文章拆解
开源&东西
4. git-hours
经过git commit 信息估计出在这个仓库上所花费的开发时刻
npm i -g git-hours
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
等等(还有其他的,这三个用的频率高)
nr dev
# npm run dev
# yarn run dev
# pnpm run dev
# bun run dev
原理完成能够看一下 若川大佬的原理解析文章尤雨溪引荐神器 ni,原理解析
文章&资讯
6. Git功能上新-支撑设置代称
emmm… DDDD
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 能够下载,虽然很多偏理论水货,不过公司里写方案,做调研的时分能够大概扫一下,不同方向应该有可参考学习的经验
趣图
字节下周即将对外发布的家伙(Rspack)
篇幅有限,如果你还没看够,可移步后面的引荐渠道,继续旅游,前史周刊(<20)移步博客
⭐️强力引荐重视
- 阮一峰: 科技爱好者周刊 – 记录每周值得分享的科技内容,周五发布
- 云谦:MDH 前端周刊 – 前端资讯和分享
- 童欧巴:前端食堂 – 你的前端食堂,吃好每一顿饭
- rottenpen:FE News – 分享前端,生活
- 常识星球:咲奈的平行时空 – 前端前沿技能、资讯、方法论分享