Fresh 1.4:提升页面加载速度、支持 _layout 文件


Fresh 1.4 已正式发布。

Fresh 是 Deno 的全新全栈 Web 框架。默认情况下,使用 Fresh 构建的网页不会向客户端发送 JavaScript。该框架没有构建步骤,可以将部署时间缩短一个数量级。

Fresh 核心是路由框架和模板引擎的组合,支持在服务器上按需渲染页面。除了在服务器中提供的即时 (JIT) 渲染之外,Fresh 还提供了一个接口,用于在客户端上无缝渲染某些组件,以实现最大的交互性。

该框架使用 Preact 和 JSX(或 TSX)在服务器和客户端上进行渲染和模板化。客户端渲染在每个组件级别上是完全可选的,因此许多应用程序根本不会向客户端发送任何 JavaScript。

主要变化:

  • 采用预先编译 (AOT) 以提升页面加载速度
  • 支持自定义 html、head 和 body 标签
// routes/_app.tsx
import { AppProps } from "$fresh/server.ts";

export default function App({ Component }: AppProps) {
return (
<html lang="de">
<head>
<title>My Fresh App</title>
</head>
<body>
<Component />
</body>
</html>
);
}
  • 支持 Layouts
  • 新增异步 layout 和异步应用程序封装器
  • 使用定义函数加快 typing 速度
  • 支持使用 Route Groups 组织代码
    • 共置岛屿、组件等

详情查看发布公告。


相關推薦

2022-06-30

是路由框架和模板引擎的组合,支持在服务器上按需渲染页面。除了在服务器中提供的即时 (JIT) 渲染之外,Fresh 还提供了一个接口,用于在客户端上无缝渲染某些组件,以实现最大的交互性。该框架使用 Preact 和 JSX(或 TSX)在

2022-09-12

是路由框架和模板引擎的组合,支持在服务器上按需渲染页面。除了在服务器中提供的即时 (JIT) 渲染之外,Fresh 还提供了一个接口,用于在客户端上无缝渲染某些组件,以实现最大的交互性。该框架使用 Preact 和 JSX(或 TSX)在

2022-09-14

FLAC 1.4 为支持 FMA 指令的英特尔/AMD 处理器带来了速度的提升 可以将 libFLAC 和 flac 工具生成的 FLAC 文件的最小比特率限制为 1 bit/sample 可以对采样率高达 1'048'575Hz 的文件进行编码了 libFLAC 的版本号增加到了 12,libFLAC++ 的版本

2024-07-23

1 带着满满的诚意和升级而来,它不仅在性能上有了显著提升,更带来了许多实用的功能改进,致力于为用户提供更便捷、高效的写作体验,让每个人都能更轻松地记录生活,让记忆更鲜活! 性能提升,速度飞跃 首次加载

2023-07-20

是路由框架和模板引擎的组合,支持在服务器上按需渲染页面。除了在服务器中提供的即时 (JIT) 渲染之外,Fresh 还提供了一个接口,用于在客户端上无缝渲染某些组件,以实现最大的交互性。 该框架使用 Preact 和 JSX(或 TSX)

2023-08-25

优化执行概况页加载速度 优化执行设置页面的性能 提升搜索条件加载效率  性能-执行任务页面下拉切换执行慢  3w条Bug数据量导致单Bug编辑界面异常缓慢 Docker镜像更新日志: 组件更新 PHP 版本更新到 7.4.33

2022-06-14

是路由框架和模板引擎的组合,支持在服务器上按需渲染页面。除了在服务器中提供的即时 (JIT) 渲染之外,Fresh 还提供了一个接口,用于在客户端上无缝渲染某些组件,以实现最大的交互性。该框架使用 Preact 和 JSX 在服务器和

2023-11-27

Mozilla 官方博客最近发表文章,称 2023 年 Firefox 在提升用户体验方面取得了显著的进展,真实用户使用 Firefox 能感受到速度更快。 据介绍,Firefox 通过收集与页面加载、响应速度、启动等浏览器性能相关的匿名化时间度量指标

2022-10-26

替代品。 新的 next/image (stable):native browser 延迟加载速度更快。 新的@next/font(beta):具有零布局偏移的自动自托管字体。 改进next/link:Simplified API with automatic <a>。 更新: npm i next@latest react@latest react-dom@lat

2022-06-18

的变化。 这个功能使得 Fresh Web 框架的开发者体验大大提升。 对 deno fmt 的更新 deno fmt 现在默认格式化 .cjs、.cts、.mjs 和 .mts 文件。此外,类型中一些不必要的括号将被自动删除。 新的不稳定的 Deno.getGid() API 在 v1.23 版本中,Den

2022-10-18

t等 Web API。 最新发布的 0.2.0 较上个版本有了显著的性能提升: 此外还包含其他变化: 新增bun --hot命令,用于为 Bun 的 JavaScript runtime 提供热加载和零停机重启 新增Bun.spawn和Bun.spawnSync (process spawning API) 新增Reques

2023-06-17

d 传递 JSX,并在彼此之间嵌套 islands 对npm:指定器的有限支持 支持自定义的HEAD处理程序 通过 ctx.render 创建 Response 的状态和标头 islands 可以在 ./islands文件夹中的子目录中声明 异步插件渲染 简化 Fresh 项目的测试 更多

2023-09-14

现在支持设置授权方式,支持digest或basic授权 webdav管理页面新增授权方式选择 手册页面现在在单独的窗口中打开 优化了管理页面首页列表的加载速度 🐛 Bug Fixes 修复了管理页面中选择框失效的问题 修复了管理页面

2023-04-08

有基本功能,包括: 用户帐户 用户创建流程 登录页面 定价模块 登录和会话管理 通过 Stripe 进行的订阅计费集成 SEO 友好 Gated API 端点 对移动端友好 由于 Deno SaaSKit 基于 Fresh 和 Deno 构建,