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

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

相关文章
|
前端开发 JavaScript
react学习(Effect)
react学习(Effect)
176 3
|
10月前
|
数据采集 存储 XML
Python爬虫:深入探索1688关键词接口获取之道
在数字化经济中,数据尤其在电商领域的价值日益凸显。1688作为中国领先的B2B平台,其关键词接口对商家至关重要。本文介绍如何通过Python爬虫技术,合法合规地获取1688关键词接口,助力商家洞察市场趋势,优化营销策略。
|
小程序 JavaScript 开发工具
Uniapp 对接抖音短剧播放器 video-player 坑点解决
Uniapp 对接抖音短剧播放器 video-player 坑点解决
592 1
|
9月前
|
人工智能 数据可视化 数据处理
2025低代码前瞻:平台赋能的无限可能
低代码平台正逐渐成为企业数字化转型的核心工具,通过高效、灵活、智能的特点改变传统开发模式。展望2025年,低代码技术将推动可视化开发普及,支持全员参与应用构建;核心引擎升级,提升开发效率与灵活性;模型驱动开发更加成熟,实现自动化代码生成和智能逻辑优化;数据处理能力增强,应对复杂业务需求;AI深度融合,优化开发体验;插件生态丰富,覆盖多行业场景;架构更开放,支持开源与高性能需求;企业功能强化,赋能运营与决策。低代码平台不仅将成为开发工具,更是企业数字化生态的重要组成部分,为企业带来更高的效率、更低的成本和更快的创新能力。
2025低代码前瞻:平台赋能的无限可能
|
存储 网络架构
Next.js 实战 (四):i18n 国际化的最优方案实践
这篇文章介绍了Next.js国际化方案,作者对比了网上常见的方案并提出了自己的需求:不破坏应用程序的目录结构和路由。文章推荐使用next-intl库来实现国际化,并提供了详细的安装步骤和代码示例。作者实现了国际化切换时不改变路由,并把当前语言的key存储到浏览器cookie中,使得刷新浏览器后语言不会失效。最后,文章总结了这种国际化方案的优势,并提供Github仓库链接供读者参考。
587 0
Next.js 实战 (四):i18n 国际化的最优方案实践
Threejs制作骨骼模型
这篇文章详细介绍了在Three.js中创建骨骼动画的过程,包括骨骼节点的创建、权重设置以及控制骨骼关节实现动态效果的步骤,并通过一个具体的圆柱体模型演示了如何添加和控制骨骼动画。
240 2
Mockjs——fetch请求如何使用mockjs来模拟数据
Mockjs——fetch请求如何使用mockjs来模拟数据
251 0
|
数据处理 数据库
uniCloud 云数据库(新建表、增、删、改、查)
uniCloud 云数据库(新建表、增、删、改、查)
855 0
|
Java 应用服务中间件 API
如何安装与使用Java EE 8、Servlet 3.0及Apache Maven进行高效开发
【7月更文第1天】搭建高效Java EE 8开发环境,包括安装JDK、选择WildFly或Payara Server作为应用服务器,以及安装Apache Maven。使用Maven创建Servlet 3.0 Web项目,编写 HelloWorldServlet,打包部署到服务器,通过访问特定URL测试应用。这一流程助力开发者实现快速原型和大型项目开发。
457 0
|
Ubuntu 数据安全/隐私保护
ubuntu默认root密码
安装完Ubuntu后忽然意识到没有设置root密码,不知道密码自然就无法进入根用户下。到网上搜了一下,原来是这麽回事。Ubuntu的默认root密码是随机的,即每次开机都有一个新的root密码。我们可以在终端输入命令 sudo passwd,然后输入当前用户的密码,enter,终端会提示我们输入新的密码并确认,此时的密码就是root新密码。
17790 1