Weekly 第 005 期:Firefox 121、Adobe 放弃收购 Figma、date-fns v3、Sveltekit 2.0

欢迎打开新的一期 FE News Weekly, 这是第 005 期, 发表于 2023/12/25, 下面为您带来本周最新的前端技术新闻 & 优质文章 ⚡️

技术新闻

  • Firefox 发布 121 版本 新版本支持 :has() 选择器、iframe 延迟加载、text-wrap 属性、Date.parse 等,值得一提的是, Firefox 121 发布后,现在所有主流浏览器都支持 :has() 选择器了;
  • Web Development in 2023: JavaScript Still Rules, AI Emerges 2023 年的 Web 开发趋势调查,包括 Next.js、Astro 和 Jamstack 的持续发展,以及AI 工具和 CDEs 的应用,WebAssembly 在 Web 开发中的稳步发展。报告显示 JavaScript 仍然是主导语言,人工智能已经成为开发者工具包的一部分,开放网络和 Web 标准也在不断改进;
  • Adobe 放弃收购 Figma 由于监管的拦路虎,Adobe 最终放弃收购 Figma,Figma 是欧洲用户界面(UI)工具的独角兽,是一个网上协作设计平台,对很多企业都起到关键作用,本次收购失败,Adboe 将向 Figma 支付 10 亿美元的反向分手费;
  • Sveltekit 发布 2.0 Sveltekit 是一个官方用于构建 Svelte 应用程序的框架,Svelete 社区开发了许多出色的 UI 库,如 Skeletonshadcn-svelteMelt UIFlowbite SveltedaisyUI 等,2.0 是一个增量版本,增加了对新发布的 Vite 5 的支持,引入了一个名为 "shallow routing" 的新功能;
  • date-fns 发布 v3 date-fns V3 版本正式发布,新版本带来了许多特性,包括完全采用 TypeScript 重构、移除了参数检查和转换代码、字符串日期参数重新回归、支持 Date 类扩展、Node.js 现在支持 ESM、通过命名导出进行导出、新的扁平化库结构改善了 ESM/Deno 的开发体验、不再支持IE等。

优质文章

  • Should you use Bun or Node.js or Deno in 2024? 2024 该如何选择选择 JavaScript 运行时?了解 Bun、Node.js 和 Deno 可以简化决策过程:如果你更看重稳定可靠的生态系统,多年来被试验和验证过的话,你可以选择 Node.js;如果你更注重安全性和最新的编程环境功能,并且需要内置的 TypeScript 支持,建议使用 Deno;如果你需要高速执行,特别是在使用 JavaScript 或 TypeScript 时,那么 Bun 可能更适合你;
  • Getting started with Web Performance 本文探讨了 Web 性能是什么?介绍了常见的衡量指标如 LCP、INP、CLS 等以及如何提高 Web 性能的 10 个技巧;
  • AIOps在美团的探索与实践------事件管理篇 本文介绍了美团服务运维团队在事件管理领域中探索和实践 AIOps 的应用,包括智能日志检测、智能化变更识别、异常拓扑图计算和指标多维度根因定位的方法,以及相似事件推荐算法和文本向量化算法,最后,团队计划进一步探索智能日志检测和智能化变更识别的可能性;
  • 性能翻倍!京东亿级体量小程序优化实践 本文介绍了京东购物小程序和微信小程序的性能优化策略,包括代码包体积优化、代码注入优化和页面首屏渲染的优化策略,通过这些优化措施,京东购物小程序的启动耗时得到了显著降低,首页整体冷启动耗时从 4800ms 左右降至 2500ms 以下,有小程序性能优化需求的同学可以关注下;
  • 腾讯 ISUX「十二月」行业设计趋势速递 内容包括微软开发者大会、Google photos 更新自动整理分类照片能力、instagram 新功能、tinder、Rooms、Discord、喜茶联名 Noritake 以及春晚公布龙年吉祥物设计等。

工具资源

  • snowmachine 一个 Python 脚本,运行后可以在终端窗口显示圣诞树和下雪;
  • News Minimalist 一个由 ChatGPT 选出的每日热点新闻网站;
  • Photo to Anime 一个免费的图片动漫化网站,可以上传图片进行动漫化,也可以通过文本生成动漫图片。

欢迎订阅

相关推荐
老程序员刘飞3 分钟前
node.js 和npm 搭建项目基本流程
前端·npm·node.js
歪歪10018 分钟前
在C#中除了按属性排序,集合可视化器还有哪些辅助筛选的方法?
开发语言·前端·ide·c#·visual studio
wangbing112542 分钟前
开发指南139-VUE里的高级糖块
前端·javascript·vue.js
半桶水专家1 小时前
Vue 3 动态组件详解
前端·javascript·vue.js
csj501 小时前
前端基础之《React(6)—webpack简介-图片模块处理》
前端·react
我有一棵树1 小时前
避免 JS 报错阻塞 Vue 组件渲染:以 window.jsbridge 和 el-tooltip 为例
前端·javascript·vue.js
Fanfffff7201 小时前
前端样式局部作用域:从Scoped到CSS Modules 的完整指南
前端·css
前端大神之路1 小时前
vue2 模版编译原理
前端
00后程序员张1 小时前
Web 前端工具全流程指南 从开发到调试的完整生态体系
android·前端·ios·小程序·uni-app·iphone·webview
凌泽2 小时前
写了那么多年的代码,我开始写“规范”了:AI 驱动的开发范式革命
前端·vibecoding