欢迎来到第 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: 需求“魔法”才能拜访
试用了一下仍是不错的,会主动总结检索文章中的内容,并把内容来历都具体列举了出来(比baidu的开发者查找强不少)
下面看2个事例
① 完成毛玻璃效果
② 检查端口占用情况
2 magicast – 高雅的AST操作东西
antfu
大佬参加的又一佳作
基于 recast
和 babel
完成,答应以编程方法修正 JavaScript
和 TypeScript
的源代码,操作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技能)
我们先看看官网
再看看有哪些 “开箱即用的特色功用”
① 修改体验
支撑鼠标在任意位置操作,也可通过快捷键 快速的跳转与内容选取
② 查找与补全
支撑内容查找,开箱即用的指令补全与纠错
③ AI加持
每日免费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事情循环可视化攻略
看到这个配图是不是有一点点蒙,读完这篇文章就能Get到了
文章较为透彻的阐述了事情循环的履行机制,并有丰富的配图协助理解
“事情循环是一个循环,只要您的 Node.js 应用程序启动并运行就会运行。每个循环中有六个不同的行列,每个行列保存一个或多个最终需求在调用仓库上履行的回调函数。”
这个系列总共六篇,写得挺好的,配图也很不错
7 bun行将正式发布 bundle 功用
AI资讯
8 AutoGPT – 本周最火的项目
截止现在现已 6w ⭐️了
AutoGPT 是什么?它是一个实验性的开源应用程序,展现了 GPT-4 言语模型的功用。该程序由 GPT-4 驱动,能够自主完成用户设定的任何目标。
现已有网友上手实验了,该用户让 AutoGPT 建立一个网站,不到 3 分钟 AutoGPT 就成功了。期间 AutoGPT 运用了 React 和 Tailwind CSS,全凭自己,人类没有插手。
9 OpenPromptStudio – AIGC 提示词可视化修改器
这是一个旨在把 AIGC 提示词(现在支撑 Midjourney)可视化并供给修改功用的东西,有以下特性
- 显现英文提示词的中文翻译
- 翻译输入的中文提示词到英文(因为 Midjourney 仅支撑英文提示词)
- 为提示词进行分类(普通、样式、质量、指令)
- 轻松的排序、隐藏提示词
- 把提示词可视化成果导出为图片
- 常用提示词词典
- 通过 Notion 管理提示词词典
10 SQLkiller – AI数据分析帮手
运用 AI 主动生成 SQL 句子的东西,支撑多种数据库。用户需求供给”表结构”,并用自然言语描述想要什么数据。
11 飞书推出AI工作帮手
信任其余两家应该也快了(企微,钉钉)
趣图
篇幅有限,如果你还没看够,可移步后边的引荐途径,持续旅游,前史周刊(<20)移步博客
⭐️强力引荐重视
- 阮一峰: 科技爱好者周刊 – 记载每周值得共享的科技内容,周五发布
- 云谦:MDH 前端周刊 – 前端资讯和共享
- 童欧巴:前端食堂 – 你的前端食堂,吃好每一顿饭
- rottenpen:FE News – 共享前端,日子
- 知识星球:咲奈的平行时空 – 前端前沿技能、资讯、方法论共享