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

本周有很多AI相关的技能资讯,最终独自开了一部分做介绍

强烈引荐

  1. fetchpriority – 调整资源加载优先级
  2. Open Prompt – 一些适用于预设GPT人物的提示词

开源资讯

  1. React新文档:react.dev
  2. Modern.js v2
  3. Vite v5方案
  4. pnpm v7进入维护期,pnpm v8在路上了

AI资讯

  1. 文心一言: 魔性作图
  2. GPT-4 Copilot X震慑来袭!AI写代码效率10倍提高
  3. chatGPT 支持插件拓宽
  4. Adobe Firefly

​也引荐我们重视一下最终的引荐内容(周刊的主要内容来历途径)

下面开始本期内容的介绍,预计阅览时刻 9 分钟。

强烈引荐

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' })

下面是官方的一个例子

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

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

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

2. Open Prompt – 一些适用于预设GPT人物的提示词

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

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

比方我们测试一下”效率东西”

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

开源资讯

3. React新文档:react.dev

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

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

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

4. Modern.js v2

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

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

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

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

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

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在路上了

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

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

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

AI资讯

7. 文心一言: 魔性作图

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

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

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

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

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

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

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

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

文心的账号请求引荐我们填 百度智能云的问卷 企业用户体验

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

下面是一个例子

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

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

原文: GitHub Blog: github-copilot-x

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

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

9. chatGPT 支持插件拓宽

原文: openai blog: chatgpt-plugins

网友拿 OpenAI 与 Apple 类比,GPT4 就好比 iPhone,OpenAI 为计算的下一个时代奠定了根底,Plugins才能就好比供给了一个根据chatGPT的 App Store

首批协作的插件厂商如下

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

当这个才能敞开后,针对GPT做一些场景定制化的才能愈加简单了,企业也简单推行自己的产品

10. Adobe Firefly

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

规划师的工作效率大大提高,甚至动动嘴就能完结视觉规划

下面贴一下官网的demo

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

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

趣图

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


篇幅有限,如果你还没看够,可移步后边的引荐途径,持续旅游,历史周刊(<20)移步博客

⭐️强力引荐重视

  • 阮一峰: 科技爱好者周刊 – 记载每周值得共享的科技内容,周五发布
  • 云谦:MDH 前端周刊 – 前端资讯和共享
  • 童欧巴:前端食堂 – 你的前端食堂,吃好每一顿饭
  • rottenpen:FE News – 共享前端,日子
  • 常识星球:咲奈的平行时空 – 前端前沿技能、资讯、办法论共享