视野修炼-技术周刊第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

相关文章
|
7月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
7月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
|
7月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
7月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
7月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
7月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
7月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
7月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
7月前
|
Web App开发 人工智能 JavaScript
视野修炼-技术周刊第47期
🔥强烈推荐 1. Arc 浏览器!!! 同事本周强烈推荐的一个 Chrome浏览器替代品,基于 Chromium 开发,支持直接从Chrome浏览器导入插件和收藏夹内容,实现无缝的切换,甚至连Cookie(登录状态)都能导入!! 笔者从昨天开始使用,目前体验非常不错(仅有Mac版本)。
|
7月前
|
人工智能 JavaScript 小程序
视野修炼-技术周刊第49期
🔥强烈推荐 1. ikun-ui 一个 Svelte.js 组件库 首页有个动画非常有意思