百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

2024 前端值得关注的三大发展趋势

ccwgpt 2024-11-03 12:45 79 浏览 0 评论

Rust 将全面入侵前端!

JavaScript Rising stars 是一个前端库 star 增量的榜单,所以排名缺前标志着这些库是当今前端的趋势!

在 JavaScript Rising stars 的构建工具榜单上,第三、六、八名都是用 Rust 进行开发的,可以说 Rust 开发的构建工具越来越受欢迎了

并且在之前的 Vue 大会上,尤大大官宣了 Vite 在未来将要使用 Rolldown 来进行打包的工作,而 Roolldown 正式由 Rust 开发的~

为什么越来越多的构建工具使用 Rust 进行开发呢?因为 JavaScript 的编译速度实在是太慢了~

要提升构建速度、资源利用率和性能,或许 Rust 这类高性能语言才是更好的选择吧~

AI 和 前端 紧密相关

体验过 AI 的朋友,肯定都能知道 AI 给我们开发带来多大的好处,比如你遇到一个你短时间内做不出来的需求,你可以去问 AI 问答工具,它大概率能给你一个满意的答案

而我们开发经常接触到的谷歌浏览器 Chrome,也已经集成了 AI Gemini,并且最近还对它进行了增强

AI 也影响着前端构建网站的方式,就比如 Vercel 发布的产品,你只需要输入提示词,它就能给你生成一个界面,并且还支持根据你的描述进行修改

SSR 和 SSG 越来越火

由于大部分网站都想要流量并且想提升用户体验,所以 SEO 和 首屏加载体验 在现在的前端领域中真的非常重要,而想要提升 SEO ,就不得不提起这两个方案 SSR 和 SSG

SSR(服务器端渲染)

服务器端渲染(SSR)是一种技术,它允许 JavaScript 框架在服务器上生成完整的 HTML 页面,然后将这些页面发送到客户端。这与传统的客户端渲染(CSR)不同,在CSR中,HTML 页面最初是空的,所有内容的渲染都是在浏览器中通过 JavaScript 完成的

它的优势主要有:

  • 更快的首屏加载时间: 用户可以更快地看到页面的第一屏内容,因为服务器已经预先渲染了页面
  • 更好的搜索引擎优化(SEO): 由于页面内容在服务器上已经生成,搜索引擎爬虫可以更容易地抓取和索引站点内容
  • 更好的社交媒体分享: 当页面被分享到社交媒体时,预渲染的HTML可以确保正确的预览图和描述

在 JavaScript Rising Stars 榜单中可以看到,Nextjs 和 Nuxtjs 这两个 SSR 框架排名非常靠前

SSG(静态站点生成)

静态站点生成(SSG)是一种预渲染技术,它在构建时生成所有必要的 HTML 页面。与服务器端渲染(SSR)不同,SSG 不需要服务器动态生成页面内容,因为所有页面在构建阶段就已经生成好了

它的优势主要有:

  • 更快的加载速度: 静态文件可以直接由CDN提供,减少了服务器处理时间。
  • 更高的安全性: 没有服务器端动态执行代码,减少了安全漏洞的风险。
  • 更低的托管成本: 静态文件可以托管在任何静态文件服务器上,通常成本较低

在 JavaScript Rising Stars 榜单中排名第二的 Astro 就是一个 SSG 的前端工具

相关推荐

土豪农村建个别墅不新鲜 建个车库都用框架结构?

农村建房子过去都是没车库,也没有那么多豪车,一般直接停在路边或者院子里。现在很多人都会在建房子的时候留一个车库,通过车库可以直接进入客厅,省得雨雪天气折腾。农村土豪都是有钱任性,建房子跟我们普通人不一...

自建框架结构出现裂缝怎么回事?

三层自建房梁底与墙体连接处裂缝是结构问题吗?去前帮我姑画了一份三层自建房的图纸,前天他们全部装修好了。我姑丈突然打电话给我说他发现二层的梁底与墙分离了,有裂缝。也就是图纸中前面8.3米那跨梁与墙体衔接...

钢结构三维图集-框架结构(钢柱对接)

1、实腹式钢柱对接说明1:1.上节钢柱的安装吊点设置在钢柱的上部,利用四个吊点进行吊装;2.吊装前,下节钢柱顶面和本节钢柱底面的渣土和浮锈要清除干净,保证上下节钢柱对接面接触顶紧;3.钢柱吊装到位后...

三层框架结构主体自建房设计案例!布局13*12米占地面积156平米!

绘创意设计乡村好房子设计小编今日头条带来分享一款:三层框架结构主体自建房设计案例!布局13*12米占地面积156平米!本案例设计亮点:这是一款三层新中式框架结构自建房,占地13×12米,户型占地面积...

Casemaker机箱框架结构3D图纸 STEP格式

农村自建房新宠!半框架结构凭啥这么火?内行人揭开3个扎心真相

回老家闲逛,竟发现个有意思的现象:村里盖新房,十家有八家都选了"半框架结构"。隔壁王叔家那栋刚封顶的二层小楼,外墙红砖还露着糙面没勾缝,里头的水泥柱子倒先支棱得笔直,这到底是啥讲究?蹲...

砖混结构与框架结构!究竟有何区别?千万别被坑!

农村自建房选结构,砖混省钱但出事真能保命吗?7月建材价格波动期,多地建房户因安全焦虑陷入选择困境——框架结构虽贵30%,却是地震区保命的关键。框架柱和梁组成的承重体系,受力分散得像一张网。砖混靠墙硬扛...

砖混结构与框架结构,究竟有何区别?千万别被坑!

农村建房选砖混结构还是框架结构?这个问题算是近期留言板里问得最多的问题了。今天咱们说说二者的区别,帮您选个合适的。01成本区别假如盖一栋砖混结构的房子需要30万,那么换成框架结构,一般要多掏30%的费...

6个小众却逆天的App神器,个个都是黑科技的代表

你的手机上有哪些好用的软件?今天我就给大家分享6个小众却逆天的App神器,个个都是黑科技的代表!01*Via浏览器推荐理由:体积极小的浏览器,没有任何广告。使用感受:它的体量真的很小,只有702KB,...

合肥App开发做一个app需要多少钱?制作周期有多久?

在移动互联网时代,开发一款APP已成为企业数字化转型与个人创业的重要途径。然而,APP的开发成本与制作周期受功能复杂度、技术架构、团队类型等多重因素影响,差异极大。好牛软件将从这两个维度展开分析,帮助...

详解应对App臃肿化的五大法则

编者注:本文转自腾讯ISUX。先来看一张图:图上看到,所有平台上用户花费时间都在减少,除了移动端。观察身边也是如此,回家不开电脑的小伙伴越来越多。手机平板加电视,下班场景全搞定。连那些以前电脑苦手的...

实战!如何从零搭建10万级 QPS 大流量、高并发优惠券系统

需求背景春节活动中,多个业务方都有发放优惠券的需求,且对发券的QPS量级有明确的需求。所有的优惠券发放、核销、查询都需要一个新系统来承载。因此,我们需要设计、开发一个能够支持十万级QPS的券系...

8种移动APP导航设计模式大对比

当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来?也许我们对比和了解了其他一些...

数字资产支付 App 的技术框架

开发一款功能强大、安全可靠的数字资产支付App需要一个整合了区块链技术、后端服务、前端应用以及第三方集成的全栈技术框架。这个框架的核心在于保障数字资产的安全流通,并将其高效地桥接到传统的法币支付场...

从MyBatis到App架构:设计模式全景应用指南

从MyBatis到App架构:设计模式全景应用指南引言在企业级应用和服务端开发领域,MyBatis凭借其灵活、简洁、强大的ORM映射能力被广泛应用。而它之所以能拥有如此优秀的可扩展性和工程可维护性,正...

取消回复欢迎 发表评论: