Skip to content

视野修炼第72期 | 22 种方式实现弹 🏀 动画

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

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

下面开始本期内容的介绍ღ( ´・ᴗ・` )比心

🔥强烈推荐

1. code-inspector - 自动定位跳转 IDE 代码

和以往推荐的 Chrome 插件不同,这个是在配置文件里引入插件,这样同项目的开发者也能直接使用。

兼容性也很高,适配了市面上常见的框架和构建工具。

还是很nice的,建议大家给项目安排一下,试用试用

2. AskYourDatabase - GPT驱动的数据库chat工具

先看下实际体验效果:

连接目标数据库后,就可以直接发问了。

直接用自然语言描述需求即可自动生成 SQL 语句并执行(当然会影响数据的操作都会有确认按钮)。

也可以直接描述生成可视化的图表(需要可视化数据的场景一步到位)。

应用目前提供了 Windows 和 Mac 的客户端版本;有一定的免费使用额度。暂不支持配置自定义API Key。

有涉及后端开发的同学可以下载体验一下。

!!当然由于数据会经过 GPT 处理,建议只在不包含敏感数据的本地库使用,不推荐直连公司线上数据库使用。

3. 22 种实现弹 🏀 动画的方式

直接上图

还是很 🐂 的,思路打开了

🔧开源工具&技术资讯

4. 拿npm存储库《武林外传》

一个国外安全团队发现,748个 NPM 模块包含视频文件。也就是说,有人利用 NPM 托管视频,内容是盗版的《武林外传》。

有一丢丢离谱了hh,主要还是太大了,被发现了

5. unlazy - 图片延迟加载

框架无关的图片延迟加载库,可配合 loading="lazy" 一起使用,在页面加载时提供临时占位图像。

使用也很简单

ts
import { lazyLoad } from 'unlazy'

// 通过选择器 `img[loading="lazy"]` 对所有图像应用延迟加载
lazyLoad()

6. autosize-textarea

直接看效果

使用 web components 实现

7. CSS 3D 云彩

效果还是很惊艳噢,只用了一部分 JS。

截图效果,没有实际效果好,感兴趣的可以亲自体验一下

😛趣图

O(∩_∩)O哈哈~,感兴趣的可以去看看这个恋综主要 黄玄大佬是男嘉宾(“也许你要恋爱了”),节目效果还是很不错的,图片截取自最近的 1 期


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

⭐️强力推荐关注