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

简介: 🔥强烈推荐1. 使用纯CSS实现噪点效果张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现如下所示代码也比较简单

🔥强烈推荐

1. 使用纯CSS实现噪点效果

张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现

如下所示代码也比较简单

image.png

下面是给到的使用案例

图片的风格化,噪点文字特效

image.png

2. 从零开发——微前端框架实践

本文首先实现一个可进行子应用注册和资源加载的微前端框架,实现在一个vue3主应用中加载3个不同技术栈(vue2、react15、react16)的子应用,并且页面上渲染出各个子应用的内容;

image.png

然后,对该微前端框架实现扩展,实现

  • 运行环境隔离(沙箱)
  • css样式隔离
  • 应用间通讯(含父子通信、子应用间通信)
  • 全局状态管理(全局store的简单使用)
  • 利用应用缓存和预加载子应用提高加载性能

🔧开源工具&技术资讯

3. Rspack 0.2 发布: 支持 Vue!

在 0.2 版本中,新增了诸多功能,如 realContentHash、DataURI、ESM format 的支持等,同时加强了与 Webpack 的兼容性,并优化了诸多细节

另外,得益于对 Webpack API 良好的兼容性,对于周边生态也完成了进一步的兼容,测试完成了对 vue-loader 17(对应 Vue3)和 15(对应 Vue2)版本的兼容

大家现在可以尝试在 Vue2 / 3 项目中使用 Rspack 了

4. StackBlitz WebContainers 额外支持yarn/pnpm现在

号称比本地快5倍

image.png

5. Create Next Stack

一个初筛化next项目的脚手架,支持通过UI的方式配置CLI初始化指令

image.png

🤖AI工具&资讯

6. Merse Comic - AI生成漫画

可以根据用户的日记自动生成漫画,还可以自定义漫画的风格

下面是官方给的案例(部分)

image.png

相关文章
|
5月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
5月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
5月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
5月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
5月前
|
Web App开发 人工智能 JSON
视野修炼-技术周刊第54期
🔥强烈推荐 1. Node.js 16 EOL EOL(end of life) 2023 年 9 月 11 日,Node.js 16 将停止维护,推荐大家切换到 Node.js 18 使用(EOL 2025-04-30) 官推下面很多都在推荐 Bun 了 😄
|
5月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
5月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
5月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
5月前
|
前端开发 算法 数据库
视野修炼-技术周刊第48期
🔥强烈推荐 1. 美团前端研发框架Rome实践和演进趋势 团队出品的技术沙龙,研发框架部分整理成文章了
|
5月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第50期
🔥强烈推荐 1. glitchtext - 毛刺字符生成 为字符加上毛刺效果的网页工具,这个可以在部分取名场景使用,比如游戏ID取名经常重复的情况(前提是目标设备支持)