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

简介: 🔥强烈推荐1. fetchpriority - 调整资源加载优先级有3个值high(相对默认的优先级高),low(相对默认的低),auto (默认值)<img>、<link>、<script>和<iframe>等元素支持

🔥强烈推荐

1. fetchpriority - 调整资源加载优先级

有3个值high(相对默认的优先级高),low(相对默认的低),auto (默认值)

<img><link><script><iframe>等元素支持

<img src="/lcp.jpg" alt="A dog" fetchpriority="high" />

同时fetch方法也支持此属性

fetch("/api/data.json", { priority: 'high' })

下面是官方的一个例子

image.png

设置前后 LCP 从2.6秒提升到了1.9秒

TIP: LCP(Largest Contentful Paint)。指的是页面上最大的渲染内容的加载时间

2. Open Prompt - 一些适用于预设GPT角色的提示词

image.png

网站收集了许多好玩的提示语(可自由分享贡献)

比如我们测试一下"效率工具"

image.png

🔧开源资讯

3. React新文档:react.dev

image.png

感觉文档风格很像 MDN ,UI相比 Vue的文档要 low 不少感觉

  • 所有示例使用 函数式组件 和 Hooks
  • 旧网站地址 => legacy.reactjs.org
  • QuickStart 首推使用 npx create-next-app

4. Modern.js v2

开源了3个解决方案 Web开发框架Npm包开发方案文档站

image.png

image.png

大而全,没上手体验,看了下文档介绍应该还是很不错

5. Vite v5计划

  • 期望 Vite 的主要版本(major) 与 Node EOL 版本对齐
  • Node团队决定将Node v16的 EOL提前7个月
  • 在 2023-09-11 之后发布 Vite5 放弃对 Node 14 和 Node 16 的支持
  • Vite 5 将提供引入重大变更(major version import break change)的机会(例如,用Lightning CSS 替换 PostCSS)

更多Feature => Vite5 里程碑

6. pnpm v7进入维护期,pnpm v8在路上了

image.png

笔者公司里还在用 pnpm v6(hai)

image.png

🤖 AI资讯

7. 文心一言: 魔性作图

这个相信大家本周或多或少看到过,挺有意(li)思(pu)的

image.png

恰好笔者手里也有账号,下去找了几个试了一下

image.png

总感觉差点意思,让GPT给我优化哈提示词

image.png

image.png

文心的账号申请推荐大家填 百度智能云的问卷 企业用户体验

文生图,也可以体验一下国外的 midjourney

下面是一个例子

image.png

8. GPT-4 Copilot X震撼来袭!AI写代码效率10倍提升

原文: GitHub Blog: github-copilot-x

“一天干完一周的代码”,是个好东西,就是价格太贵了,公司里也ban掉了,不让用

image.png

9. chatGPT 支持插件拓展

原文: openai blog: chatgpt-plugins

网友拿 OpenAI 与 Apple 类比,GPT4 就好比 iPhone,OpenAI 为计算的下一个时代奠定了基础,Plugins能力就好比提供了一个基于chatGPT的 App Store

首批合作的插件厂商如下

image.png

当这个能力开放后,针对GPT做一些场景定制化的能力更加容易了,企业也容易推广自己的产品

10. Adobe Firefly

Adobe 公司本周推出的 AI 作图服务。

设计师的工作效率大大提高,甚至动动嘴就能完成视觉设计

下面贴一下官网的demo

image.png

相关文章
|
8月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
8月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
8月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
8月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
8月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
8月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
8月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
8月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
8月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
8月前
|
Web App开发 人工智能 Rust
视野修炼-技术周刊第46期
🔥强烈推荐 1. killport - 优雅的结束占用端口的进程 一个 Rust 语言写的命令行程序,可以杀死占用指定端口的进程。 通常我们在开发过程中,会遇到端口被占用的情况 常规方式需要如下两步(① 查找占用端口的进程 ② 杀死进程)

热门文章

最新文章