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

欢迎来到第 75 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

🔥强烈推荐

  1. JSR - Deno 开发的新的 js 注册表
  2. Node.js 新官网 - beta
  3. 获取 Web 性能指标的精选代码片段

🔧开源工具&技术资讯

  1. Mojo CSS - 新的CSS原子化框架
  2. Omnivore - 稍后阅读工具
  3. tsdiagram - 可视化生成TS关系图表
  4. 自渲染的 "Eval Shirt" - StackBlitz 官方整活
  5. shoelace - 具有前瞻性的Web Components 组件库

📚 教程&文章

  1. CSS :has() 交互式指南

🤖AI工具&资讯

  1. image2music - AI 图像音乐生成器
  2. AI没有护城河,OpenAI也没有
  3. 魅族 All in AI

​也推荐大家关注一下最后的推荐内容(周刊的主要内容来源渠道)

下面开始本期内容的介绍,预计阅读时间 8 分钟。

🔥强烈推荐

1. JSR - Deno 开发的新的 js 注册表

  • 🛠️ TS 优先,仅支持 ESM 格式
  • 🌐 跨运行时支持(Node,Deno,Bun),同时支持 npm/yarn/pnpm
  • 🤗 免费,开源

目前处于公开测试阶段,homepage

2. Node.js 新官网 - beta

3. 获取 Web 性能指标的精选代码片段

提供获取以下指标的代码片段:

  • CLS(Cumulative Layout Shift): 会衡量在网页的整个生命周期内发生的所有意外布局偏移的得分总和。 得分是零到任意正数,其中0 表示无偏移,且数字越大,网页的布局偏移越大
  • LCP(Largest Contentful Paint): 从用户请求网址到在视口中渲染最大可见内容元素所需的时间
    • LCP Image Entropy:检查图像
    • LCP Sub-Parts:检查其它部分

下面是在我的博客上的运行结果:

🔧开源工具&技术资讯

4. Mojo CSS - 新的CSS原子化框架

运行时间接近零的原子 CSS 框架 --- "原子 CSS 玩家"中的另一个参与者。

有一些在更流行的解决方案中找不到的功能,颜色着色组件抽象反向断点

5. Omnivore - 稍后阅读工具

一个开源的"稍后阅读"(read-it-later)解决方案,可以收藏网址、RSS 和邮件列表的文章,提供PC,移动端客户端,浏览器插件。

收藏操作 收藏列表

开源&跨平台,使用挺方便的,一键收藏文章打标签,操作流畅。

每周都会在空闲时间刷一些文章,准备下周开始试用一下,用来随手收集好文。

6. tsdiagram - 可视化生成TS关系图表

7. 自渲染的 "Eval Shirt" - StackBlitz 官方整活

⚡里面的代码也是真实可复制的

下面是是复制到浏览器里运行的结果:将会把这个 "logo" 插入到页面底部(仍然可复制)

复制 运行

8. shoelace - 具有前瞻性的Web Components 组件库

基于 Web Components 标准构建,适用于所有框架以及常规的 HTML/CSS/JS。

📚 教程&文章

9. CSS :has() 交互式指南

介绍了实际开发中可以用到 :has 选择器的所有内容。包含大量代码示例,有助于解锁你在项目中灵活使用 :has 的技能。

🤖AI工具&资讯

10. image2music - AI 图像音乐生成器

感觉很新颖呀,自动给图片配背景音乐,demo 效果还不错。

11. AI没有护城河,OpenAI也没有

  • 生成式 AI 的核心技术是开源的,任何人都可以获取。
  • AI 模型的替代性很强。
  • AI 的核心竞争力在于算力和训练语料。
  • AI 的研究人员是流动的。

12. 魅族 All in AI

😛趣图


篇幅有限,如果你还没看够,可移步后面的推荐渠道,继续游览,历史周刊(<20)移步博客

⭐️强力推荐关注

相关推荐
Senar3 分钟前
Web端选择本地文件的几种方式
前端·javascript·html
烛阴21 分钟前
UV Coordinates & Uniforms -- OpenGL UV坐标和Uniform变量
前端·webgl
姑苏洛言25 分钟前
扫码小程序实现仓库进销存管理中遇到的问题 setStorageSync 存储大小限制错误解决方案
前端·后端
烛阴36 分钟前
JavaScript 的 8 大“阴间陷阱”,你绝对踩过!99% 程序员崩溃瞬间
前端·javascript·面试
lh_12541 小时前
ECharts 地图开发入门
前端·javascript·echarts
jjw_zyfx1 小时前
成熟的前端vue vite websocket,Django后端实现方案包含主动断开websocket连接的实现
前端·vue.js·websocket
Mikey_n2 小时前
前台调用接口的方式及速率对比
前端
Gladiator5752 小时前
博客记录-day152-力扣+分布式
github
jstart千语2 小时前
【Git】连接github时的疑难杂症(DNS解析失败)
git·github
周之鸥2 小时前
使用 Electron 打包可执行文件和资源:完整实战教程
前端·javascript·electron