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

简介: 🔥强烈推荐1. VueDraggablePlus - 祖师爷推荐拖拽库支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥

🔥强烈推荐

1. VueDraggablePlus - 祖师爷推荐拖拽库

支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥

image.png

2. 三行 CSS 实现文本悬停浮空

a:hover {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #191414;
}

image.png

image.png

3. 可视化CSS动画编辑器

允许您通过拖动、调整大小、旋转等方式创建动画,您可以使用原始 CSS 关键帧编辑器对其进行编辑。还包括许多内置动画和缓动。

image.png

🔧开源工具&技术资讯

4. Biome 赢得了 Prettier 悬赏奖金

image.png

5. 微前端时代:打造高效、灵活的前端开发体系

系统化地介绍微前端及其核心技术,并介绍了什么是微前端以及为什么我们需要它。

文章还讨论了在众多微前端框架中如何选择适合自己系统的框架,并分享了一些业界使用微前端的实践案例。

最后,提到了微前端目前存在的一些局限性和争议点。

6. menu with the popover API

不使用 js,使用CSS + popover API制作弹出式菜单

image.png

7. COLR Font

image.png

在 Chrome Canary 中,现在可以使用 CSS 对 COLR 字体的颜色进行动画/过渡

🤖AI工具&资讯

8. SDXL Turbo - 体验极快的文生图

image.png

秒级的出图,质量还不错

9. Vectorizer.ai - PNG/JPEG转SVG

效果非常的不错,Nice,现阶段是免费的

image.png

SVG 是矢量图,无论放多大都不对模糊

相关文章
|
5月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
5月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
5月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
5月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
5月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
5月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
5月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
5月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
5月前
|
Web App开发 人工智能 Rust
视野修炼-技术周刊第56期
🔥强烈推荐 1. Vite 的现状与未来展望 10 月 5 日 - 6 日,ViteConf 2023 在线举行,尤大发表了题为《The State of Vite》 的演讲,有如下几个值得关注的点: Vite 5.0 目前处于测试阶段(beta):停止支持已经 EOL 的 Node.js 版本;推荐使用ESM 🔥 Rolldown(使用 Rust 开发的 Rollup 替代品):Vite 团队正在研发 Rolldown,同时与 Rspack 团队合作开发一些共享的底层工具和功能
|
5月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇