首页
学习
活动
专区
圈层
工具
发布

Svelte 不是 JavaScript

版本 5 中的大部分实质性变化似乎都是围绕 “深度反应性”展开的。该特性可以提供更细粒度的反应性,从而带来更好的性能。性能是个好东西,Svelte 团队在平衡性能与 DX 方面一直表现出色。...最终,它们只会增加开发人员的工作复杂度,而不是降低复杂度。 代理不是对象 代理的使用似乎让 Svelte 团队从框架中榨取了更多的性能,而且不用要求开发人员做任何额外的工作。...更糟糕的是,如果不try/catch一个结构化克隆,就无法可靠地判断某个东西是否是Proxy,而那是一个性能密集型操作。...这就使得开发人员不得不记住什么是代理,什么不是代理,每次将代理传递给不知道代理的上下文时,都要调用 $state.snapshot。这就破坏了它最初为我们提供的所有良好的抽象。...这与依赖生命周期方法的旧版 React 组件所使用的模式非常类似。 在我看来,Svelte 5 走的似乎是 React 16 的路线,通过添加与组件生命周期相关的隐式状态来协调状态变化和效果。

69200

2022年了,跨端方案该怎么选呢?

Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。...Flutter缺点1、假装跨平台,躲不开原生代码2、Widget的类型难以选择,糟糕的UI控件API;3、Dart 语言的生态小,精通成本比较高。...WeexWeex框架能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、安卓、YunOS及Web等多端部署。...与上述的跨端技术不仅不冲突,还可以完美融合。不管是通过Flutter、Taro、 kbone等开发出来的小程序均可在FinClip当中运行。...在小程序的生命周期中具有相同的上下文可以为具备原生应用程序开发背景的开发人员提供熟悉的编码体验;3、Service 和 View 的分离和并行实现可以防止 JS 执行影响或减慢页面渲染,这有助于提高渲染性能

1.6K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    日本开发者打造的Hono火了:定义后React时代微框架的轻量未来

    不像 React,Hono 是基于 Web 标准构建的,它似乎可以表明 后 React 时代Web 框架的发展方向。...2023 年,Wada 在 Cloudflare 任职,他把一些工作时间花在了 Hono 上。...Hono 与 Express 的区别在于它是基于 Fetch API 构建的,这是一个 WHATWG 标准,定义了“请求、响应以及将它们绑定在一起的过程:获取”。...“有了 Workers Assets,你可以轻松地将在 Workers 上运行的 Hono API 与 [React] SPA 结合起来,创建一个全栈应用程序。”...Hono 在后 React 世界中的位置 虽然将 Hono 与 Next.js 相提并论有点过于雄心勃勃(特别是考虑到 HonoX 仍在 Alpha 阶段),但 Hono 似乎确实是一个可以表明未来发展方向的指示器

    72110

    Gemini CLI 与 Rovo Dev CLI 的 AI 魔法:一键生成 K8s 管理平台

    这一周还是有点忙,我发现以往工作就是年初忙一阵,年中忙一阵,年底忙一阵。...例如:# 项目:  后端管理平台 ## 技术栈 - React frontend, Node.js backend, MongoDB ## 规范 - 使用函数式组件 - 遵循 REST API 设计规范...核心功能与使用示例 Gemini CLI 采用 ReAct(推理与行动)循环,结合文件系统工具、Web 搜索和多模态能力,处理复杂任务。...应用 • 处理大代码库:  gemini > @src 分析我的 React 组件架构 常用命令: • /帮助:查看所有命令 • /记忆 添加 "本项目使用 TypeScript":添加项目上下文 •...让我们一起解锁终端的 AI 魔法,助力高效开发! 利用ai终端实现cilikube-react版本啦!

    1.3K11

    搞懂这5个模块,你才真的懂AI Agent

    AI Agent架构全景图: 不是“一个大模型”,而是一整套系统 在很多人的认知中,构建一个AI Agent似乎很简单: “接入一个强大的大语言模型,再加点插件或API调用,就可以自动完成复杂任务。”...·功能作用:保存对话上下文、记录任务进度、调用历史经验 ·主流实现:短期记忆(Session Buffer)、长期记忆(基于向量库,如 Chroma、Weaviate)、工作记忆(当前步骤+状态+Action...历史) ·现实挑战:上下文提取与召回易错乱,信息冗余、冲突、更新策略不统一。...Tool-use机制让Agent能与外部世界交互、执行动作。...示例流程: User: 查询北京明天的天气→LLM思考:我需要调用weather API→Act: 执行API→Observe: 天气结果→再次Reason+Act...

    81310

    Next.js,到底为什么这样对我?

    Next.js 团队转向使用 web 标准是值得称赞的,但我认为这只会使情况变得更糟,因为 API 不一致(IncomingMessage 和 Request)。但说到底,它勉强可以工作......; }; 好吧,也许它们有正当理由不直接把请求作为参数传进来。但是为什么只提供访问 cookie 和 header 的 API 呢?...为什么不导出一个 request()方法,它返回一个 Request 对象或请求上下文?这变得更让人困惑的是,API 路由处理程序和中间件可以访问 Request 对象。...文档还很不完善,一切似乎都不是很成熟。其次,是 React 本身,特别是服务器组件的问题。React 仍然想要像一个库一样,但它显然已经是一个框架了。...Next.js API 和 React API 在服务器端职责上的重叠混乱不堪。React 需要接受一个统一的框架,不管是他们自己的还是 Next.js,然后全力以赴。

    1K20

    【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

    没有依赖意味着AG Grid 可以与任何框架一起工作——AG Grid称这个框架不可知。与框架无关,您可以分别选择框架和数据网格。...它还减少了移动框架时所需的工作(例如,从Angular 1移动到 Angular,VueJS到React等)。...AG Grid的 React 包完全是用 React 编写的,因此所有用于自定义 Hook 和使用 React 开发工具的常规 React 方法都可以正常工作。网格的 GUI 元素是纯 React。...04、上下文菜单右键单击单元格时会出现上下文菜单。使用默认选项或提供您自己的选项。05、Excel导出以本机Excel格式导出,该格式将保持列宽并允许导出样式。...当网格中的透视模式处于活动状态时,透视图菜单项将出现在网格的上下文菜单中。03、交叉过滤图表 API交叉过滤图表允许用户以简单直观的方式与数据交互。单击图表元素会自动过滤网格和其他交叉过滤图表中的值。

    6.2K40

    2020年及未来的软件编程趋势预测

    似乎2020年就像是科幻小说里的故事那么遥远,但我们在这里 — 即将敲开它的大门。 如果您对未来可能给编程世界带来什么感到好奇,那么读这篇文章就对了。...渐进式 WEB 应用程序 渐进式 Web 应用程序(PWA)是一种通过将 Web 的最佳功能与移动应用程序的顶级特性相结合来构建应用程序的新方法。...这部分开发工作通常会划入前端开发的范畴,因为它的主要交互方式是与 Web Workers API(Native Browser API)进行交互。 纯原生的 Web 应用程序将越来越艰难。...REACT 将继续统治 React 是迄今为止最受欢迎的前端开发 JavaScript 库。构建 React 应用程序很有趣也很容易。...就构建应用程序的经验而言,React 团队和社区已经做了出色的工作。 我曾经使用过 Vue,Angular 和 React,我认为它们都是很棒的框架。

    1.1K30

    React 19 小白高薪 ,入门到进阶2025学习资料

    本文旨在为你提供一条清晰的学习路径,帮你快速抓住React19的核心精髓。一、高效学习第一步:建立版本迭代的宏观视角在学习具体API之前,最关键的是理解React19的“定位”。...提升性能与用户体验:​引入更智能的异步处理机制,让应用更流畅。完善全栈能力:​更好地支持服务端渲染和相关元数据框架。...新Hooks:use与useOptimisticuseHook:​一个更强大的Hook,可以读取上下文(Context)之外的值,比如在渲染过程中读取Promise或context。...因为它代表了React未来处理副作用的思维方式。围绕它来学习useOptimistic和其他相关API,可以形成知识闭环。三、实践出真知:从理解到精通的学习策略“高薪技术”强调实战应用。...即使不立即写代码,你也可以通过以下方式深化理解:对比学习法:​对于每个新特性,思考“在React18或更早版本中,我需要如何实现相同功能?React19的新方法带来了哪些好处?”

    25310

    「前端架构」React和Vue -CTO的选择正确框架的指南

    现在,如果您的客户端需要您从应用程序中删除整个API功能,重要的是您要将这些服务保存在一个单独的模块中,以便在不破坏应用程序的情况下轻松删除这些服务。这就是您需要框架中的模块化的地方。...Vue与Jest一起工作,还有Vue test Utils.。 调试:与调试任何其他web应用程序一样,Vue中的调试变得更加容易。您可以利用开发工具、断点、调试器语句等来调试应用程序源代码。...也就是说,现在让我们比较一下在代码可维护性方面React和Vue是如何结合在一起的。...React性能和内存消耗 性能:如图所示,当DOM更新越来越大,需要更新更多数据时,React的虚拟DOM似乎获得了回报。这就是大多数React出现的性能问题。...Vue性能和内存消耗 性能:在大多数情况下,Vue的性能与React一样好,比如添加10、更新和选择指标,很可能是这样,因为Vue还利用虚拟DOM来操作操作。

    5.5K20

    vue3.0 Composition API 翻译版(超长)

    用选项定义组件似乎要比将所有功能混合在一起来使功能更有组织性! 这是可以理解的第一印象。...使用Composition API重新实现的完整组件可以在此处找到。 现在,每个逻辑关注点的代码在组合函数中并置在一起。当在大型组件上工作时,这大大减少了对恒定“跳跃”的需求。...随着该提案的更新,它可能还会收到制动变化,因此我们不建议在此阶段在生产中使用它。 我们打算将API内置在3.0中。它将与现有的2.x选项一起使用。...我们不这样做的主要原因是与标准JavaScript保持一致。如果您从Vue文件的块中提取代码,我们希望它与标准ES模块完全一样地工作。...另一方面,Svelte将自身定位为编译器,并且只能与构建步骤一起使用。这是两个框架在有意识地做出的折衷。 代码在内部/外部组件中的工作方式不同。

    9.4K10

    React Hooks 还不如类?

    类令人困惑 我们发现,类可能是学习 React 道路上的一大障碍。你必须了解 this 在 JavaScript 中的工作机制,这和大多数语言中的机制截然不同。你必须记得绑定事件处理程序。...但是同样,React 似乎正在解决一个大多数情况下都是因为没有状态管理工具才会出现的问题。实际上,大多数大型应用已经在使用状态管理工具,已经解决了这个问题。...最后我得谈一谈 useContext:useContext 实际上是对我们当前为类提供的原始上下文 API 的巨大改进。但还是那句话——为什么我们不能为类提供这个漂亮干净的 API 呢?...那么,为什么 React 团队选择只改进 useContextAPI 而不是常规上下文 API 呢?我不知道。但这并不意味着 Funclass 本质上更干净。...膨胀的 API 在类旁边添加 hooks API 后,React 的 API 实际上增加了一倍。现在每个人都需要学习两种完全不同的方法。我必须说,新 API 比旧 API 晦涩得多。

    1.1K10

    初探 vite2 + vue3 vite2 构建项目:安装第三方控件script setup

    然后就是踩坑,因为vite2还算是比较新,所以介绍文章不多,虽然已经出来官网文档了,但是现在的官网似乎侧重原理介绍,对于最初级的使用方式,似乎没有,或者是我还没有找到。 这里汇总一些基础用法。...选择需要的模板: vanilla vue vue-ts react react-ts preact preact-ts lit-element lit-element-ts svelte svelte-ts...defineEmit(['myclick']) const toParent = ()=> { emit('myclick','hello parent') } 这次emit也有了自己的方式,可以不用和上下文混在一起了...上下文 import { useContext } from 'vue' const ctx = useContext() console.log('home:', ctx) //导出 ctx.expose...如果说 vue3 的composition API 带来的心智难度是1 (约束性变小) 的话,那么这个vite2带来的难度大概是 2 (约束性几乎没了),想要驾驭好更难了一些。

    1.9K20

    React 我爱你,但你太让我失望了

    亲爱的 React ,我们在一起快 10 年了,我们一起走过了很长一段路,但事情逐渐变得有点失控了,我们需要谈谈。...换句话说:除了随着时间的推移不断增长核心 API 之外,你没有其他解决方案。对于像我这样必须维护庞大代码库的人来说,这种持续的 API 膨胀是一场噩梦。...你的工作不容易,你可能正在解决很多我都不知道的问题。 但我发现自己总是在试图掩盖你的一些缺点。当我谈到你的时候,我从来没有提到过上面的问题 - 我还一直在假装我们是很好的一对。...在 react-admin 中,我引入了一些 API,免去了与你直接打交道的麻烦。当人们抱怨 react-admin 的时候,我会尽我所能解决他们的问题 — 但大多数时候,他们对你都有意见。...MUI、Remix、react-query、react-testing-library、react-table ... 当我和这些人在一起时,我总是能做一些令人惊奇的事情。

    1.5K20

    听说 Signals 快要登陆 React 了?

    绕过 React 的 diffing 无疑有违 React 声明式编程这一核心原则,因此 React 中的 Signals 仍将使用 VDOM,而且同样会像变更 useState 那样触发重新渲染。...虽然还有很多工作要做,但这项提案似乎正朝着正确的方向稳步迈进。 TC39 提案还强调了围绕不同框架特定要求的方式开发 API 的重要性。...use-signals 的意义也正在于此,它在使用建议 Signals API 的同时,也仍然遵循 React 的核心设计原则。...中使用 Signals 示例 聊了这么多,下面我们一起来看在 React 中具体如何使用 Signals。...这里展示的 React 代码在 Waku 上下文中运行,默认在服务器端进行渲染,但其也能支持纯客户端组件的“use client”指令。

    54310

    是时候说再见了,Enzyme.js

    这并不是说你就应该立即停止手头的所有工作,赶快去重写代码来用上更新的软件,也不代表那些已弃用的软件肯定不会再得到维护了。...React 核心团队不鼓励这样做 这个论点不一定会引起你的共鸣,但对我来说,React 背后的专家不鼓励使用 Enzyme,并建议改用 React Testing Library,这一点是很重要的。...它不需要你学习任何额外的 API,只用那些我们都知道的原生浏览器 API 就行。 如果你正在思考该如何拆分你的测试,我鼓励你在 React Testing Library 中编写尽可能多的测试。...现在看来,整个业界似乎已经转向 React Testing Library 了,这是有很多很好的理由的。...大家可以和 InfoQ 读者一起畅所欲言,和编辑们零距离接触,超值的技术礼包等你领取,还有超值活动等你参加,快来加入我们吧! 点个在看少个 bug

    70410

    在WAIC耳朵听出茧子的「智能体」,是时候系统学一下了

    Wolfe 机器之心编译 在今年的世界人工智能大会(WAIC)上,智能体是绝对的主角,从 C 端产品到企业级应用,每家参展的 AI 厂商似乎都要提一下在智能体方向的布局。...为了实现这一点,可以将每个工具视为一个通用 API,并在模型的提示中提供相关 API 的架构作为上下文。...对于这两种任务,人工手动注释了多个推理轨迹,这些轨迹作为上下文示例提供给 ReAct 智能体。...IM工作示意图 然而,相较于 ReAct,LLM 在 IM 中的「思考」能力是有限的,模型只能观察来自环境的反馈并决定接下来需要做什么。...从高层次来看,智能体的功能在某些情况下可能与 LLM 类似,但智能体通常具有更广泛的策略和工具可用于解决问题。

    28410
    领券