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

简介: 🔥强烈推荐1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。

🔥强烈推荐

1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱

文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。

文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。

2. Vite是如何兼容旧版本浏览器的

作者详解了 @vitejs/plugin-legacy 的工作原理,如何使用它来兼容旧版本浏览器。

🔧开源工具&技术资讯

3. npmmirror 镜像站已内置支持类似 unpkg cdn 解析能力

之后国内的需要加载npm 的 cdn资源时,可以优先考虑淘宝源了,相比unpkg来说速度优势肯定是毋庸置疑的

image.png

4. chrome114的一些新东西

下面是2个比较有意思的新特性

① 浏览器原生的 popover

更加简单的实现poppver

可以了解一下,生产环境大概率还上不了(兼容性问题)

<button popovertarget="pop1" popovertargetaction="show">打开 auto 悬浮层</button>
<button popovertarget="pop1" popovertargetaction="hide">关闭 auto 悬浮层</button>
<button popovertarget="pop1" popovertargetaction="toggle">切换 auto 悬浮层</button>
<div id="pop1" popover>我是 auto 悬浮层</div>

       image.png                                      

② 插件支持side panel API

这个作用不言而喻,方便那些 prompt 弹窗的插件,可以直接在侧边栏展示了

       image.png                                      

5. Deno 1.34

deno compile 支持 npm 包

       image.png                                      

🤖AI工具&资讯

6. flutter_chat_box

Flutter开发的和ChatGPT聊天的App,全平台支持

image.png

image.png

image.png

7. Dify

Dify是一个基于大型语言模型的应用开发平台,旨在让开发者和非开发者能够快速搭建出有用的Web App,并且确保它是可视化、可运营、可改进的。使用Dify可以快速搭建一个Web App,并且生成的前端代码可以托管在Dify上,也可以基于WebAPI开发自己的Web前端、移动App等。

       image.png                                      

8. 读取大脑重建高清视频

image.png

新加坡国立大学和香港中文大学的研究团队共同完成了一项名为MinD-Video的研究项目,利用功能磁共振成像技术(fMRI)和Stable Diffusion模型,成功将人类脑中的信息以高清视频的形式展示出来

9. 阿里云「通义听悟」公测

长视频一秒总结,自动做笔记、翻字幕

image.png

目前是免费公测,每天名额限量,早登录早上车

相关文章
|
8月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
8月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
8月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
8月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
8月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
8月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
8月前
|
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 团队合作开发一些共享的底层工具和功能
|
8月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
8月前
|
Web App开发 人工智能 Rust
视野修炼-技术周刊第46期
🔥强烈推荐 1. killport - 优雅的结束占用端口的进程 一个 Rust 语言写的命令行程序,可以杀死占用指定端口的进程。 通常我们在开发过程中,会遇到端口被占用的情况 常规方式需要如下两步(① 查找占用端口的进程 ② 杀死进程)
|
8月前
|
前端开发 算法 数据库
视野修炼-技术周刊第48期
🔥强烈推荐 1. 美团前端研发框架Rome实践和演进趋势 团队出品的技术沙龙,研发框架部分整理成文章了

热门文章

最新文章