用途:Qwik 用于构建即时加载的 Web 应用,核心是可恢复性架构与细粒度懒加载。传统框架在客户端重新执行全部代码(hydration),Qwik 则从服务端中断处继续(resume),应用状态序列化在 HTML 中,启动时间为 O(1),代码按需加载。
主要能力:以 $ 后缀标记序列化边界,component$ 定义懒加载组件,$() 定义懒加载回调。状态管理提供 useSignal(原始值)、useStore(对象)、useComputed$(计算值)与 Context。副作用使用 useTask$(响应式,服务端与客户端均运行)和 useVisibleTask$(仅客户端、组件可见时运行)。事件通过 onClick$、onInput$ 等绑定,支持 preventdefault:submit。Qwik City 提供基于文件的路由、layout、routeLoader$ 数据加载、routeAction$ 服务端操作(可配合 zod$ 校验)、API 端点(onGet/onPost)与中间件(onRequest)。样式支持 useStylesScoped$ 与 useStyles$。
使用方式:npm create qwik@latest 创建项目,可选 Empty App、QwikCity App(推荐)或 Playground;cd my-qwik-app 后 npm run dev 启动。部署用 npm run qwik add 添加适配器(Cloudflare Pages、Netlify Edge、Vercel Edge、Node.js、AWS Lambda、Azure Functions、Deno、Bun、Static SSG),再 npm run build 与 npm run preview。
适用场景:需要极高首屏性能的站点、对启动开销敏感的应用。
限制:资料未提供收费、价格与具体性能数据;建议避免不必要的 useVisibleTask$,保持组件粒度小,简单状态优先用 signal,避免捕获复杂对象的闭包。