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

强烈引荐

1 phind 开发者专属的查找引擎

2 magicast – 高雅的AST操作东西

3 Warp – 21世纪的终端东西

开源&技能资料

4 vue-reuse-template – 答应模板里界说可重用的模板

5 深度运用html2canvas的经历总结

6 Node.js事情循环可视化攻略

7 bun行将正式发布 bundle 功用

AI资讯

8 AutoGPT – 本周最火的项目

9 OpenPromptStudio – AIGC 提示词可视化修改器

10 SQLkiller – AI数据分析帮手

11 飞书推出AI工作帮手

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

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

强烈引荐

1 phind 开发者专属的查找引擎

Tip: 需求“魔法”才能拜访

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

试用了一下仍是不错的,会主动总结检索文章中的内容,并把内容来历都具体列举了出来(比baidu的开发者查找强不少)

下面看2个事例

① 完成毛玻璃效果

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

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

② 检查端口占用情况

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

2 magicast – 高雅的AST操作东西

antfu 大佬参加的又一佳作

基于 recastbabel 完成,答应以编程方法修正 JavaScriptTypeScript 的源代码,操作AST愈加高雅

来看看官方示例

config.js:

export default {
  foo: ["a"],
};

修正源码,往foo里插入一个值b

import { loadFile, writeFile } from "magicast";
const mod = await loadFile("config.js");
// 就像常规的对象插值一样
mod.exports.default.foo.push("b");
await writeFile(mod);

更新后的 config.js:

export default {
  foo: ["a", "b"],
};

这种库能够用到一些需求修正源码的插件中,或许主动化重构代码的场景(需求操作AST)

3 Warp – 21世纪的终端东西

最近被安利的一个Terminal东西(仍是挺好用,但现在只支撑Mac)

打开速度非常的快(彻底基于Rust构建,不参杂WEB技能)

我们先看看官网

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

再看看有哪些 “开箱即用的特色功用”

① 修改体验

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

支撑鼠标在任意位置操作,也可通过快捷键 快速的跳转与内容选取

② 查找与补全

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

支撑内容查找,开箱即用的指令补全与纠错

③ AI加持

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

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

每日免费100次的 chatGPT 发问

了解更多功用引荐去看官网的介绍视频

开源&技能资料

4 vue-reuse-template – 答应模板里界说可重用的模板

antfu 的又一花活,类似于运用 defineComponent 直接界说组件

大约用法如下

<script setup>
import { createReusableTemplate} from 'vue-reuse-template'
const [DefineTemplate, ReuseTemplate] = createReusableTemplate()
</script>
<template>
  <DefineTemplate v-slot="{ data, msg, anything }">
    <div>{{ data }} passed from usage</div>
  </DefineTemplate>
  <ReuseTemplate :data="data" msg="The first usage" />
  <ReuseTemplate :data="anotherData" msg="The second usage" />
  <ReuseTemplate v-bind="{ data: something, msg: 'The third' }" />
</template>

现在这个才能已被集成到 VueUse v10 里

5 深度运用html2canvas的经历总结

“本文主要重视 html2canvas 的前端生成计划,作者把在其中学习到的思路和踩坑经历和我们共享下,协助我们上线顺利,享受美好的周末”

6 Node.js事情循环可视化攻略

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

看到这个配图是不是有一点点蒙,读完这篇文章就能Get到了

文章较为透彻的阐述了事情循环的履行机制,并有丰富的配图协助理解

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

“事情循环是一个循环,只要您的 Node.js 应用程序启动并运行就会运行。每个循环中有六个不同的行列,每个行列保存一个或多个最终需求在调用仓库上履行的回调函数。”

这个系列总共六篇,写得挺好的,配图也很不错

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

7 bun行将正式发布 bundle 功用

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

AI资讯

8 AutoGPT – 本周最火的项目

截止现在现已 6w ⭐️了

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

AutoGPT 是什么?它是一个实验性的开源应用程序,展现了 GPT-4 言语模型的功用。该程序由 GPT-4 驱动,能够自主完成用户设定的任何目标。

现已有网友上手实验了,该用户让 AutoGPT 建立一个网站,不到 3 分钟 AutoGPT 就成功了。期间 AutoGPT 运用了 React 和 Tailwind CSS,全凭自己,人类没有插手。

9 OpenPromptStudio – AIGC 提示词可视化修改器

这是一个旨在把 AIGC 提示词(现在支撑 Midjourney)可视化并供给修改功用的东西,有以下特性

  • 显现英文提示词的中文翻译
  • 翻译输入的中文提示词到英文(因为 Midjourney 仅支撑英文提示词)
  • 为提示词进行分类(普通、样式、质量、指令)
  • 轻松的排序、隐藏提示词
  • 把提示词可视化成果导出为图片
  • 常用提示词词典
  • 通过 Notion 管理提示词词典

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

10 SQLkiller – AI数据分析帮手

运用 AI 主动生成 SQL 句子的东西,支撑多种数据库。用户需求供给”表结构”,并用自然言语描述想要什么数据。

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

11 飞书推出AI工作帮手

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

信任其余两家应该也快了(企微,钉钉)

趣图

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


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

⭐️强力引荐重视

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