视野修炼-技术周刊第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 是矢量图,无论放多大都不对模糊

相关文章
|
9月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
9月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
9月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
9月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
9月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
9月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
9月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
9月前
|
人工智能 IDE 开发工具
视野修炼-技术周刊第45期
🔥强烈推荐 1. Sass 支持直接在浏览器中编译 Sass Playground与Web IDE等场景不再依赖服务器来编译Sass。 使用方式也非常的简单,使用 script module,仅需2行代码即可使用。
|
9月前
|
人工智能 前端开发 JavaScript
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
|
9月前
|
人工智能 自然语言处理 前端开发
视野修炼-技术周刊第43期
🔥强烈推荐 1. 2023 Stackoverflow 开发者调查报告 开发人员类型:33%全栈,18%后端,7%前端... 2023 年延续了 JavaScript 的连胜势头,连续第 11 年成为最常用的编程语言 Node.js 和 React.js 是所有受访者最常用的两种 Web 技术 新开AI板块:受访者对AI搜索工具的首选是ChatGPT:83%的受访者在过去一年中使用过它

热门文章

最新文章