国内
字节 - SSG
Rspress 1.0 正式发布,基于 Rspack 的高性能静态站点生成器
Rspress 1.0是一款由ByteDance Web Infra团队孵化的静态站点生成器,它使用Rspack进行构建,基于React框架进行渲染,支持MDX内容开发,主打高性能、简单易用和定制性强。Rspress内置了一套默认的文档主题,可以快速搭建文档站点,并支持自定义主题,满足个性化静态站点的需求,如博客站和产品主页。此外,Rspress还支持接入官方提供的插件来方便地搭建组件库文档。
携程 - 门票
本文介绍了携程门票活动商品结构的演进和技术挑战,包括商品结构的发展历程、存在的问题以及解决策略与规划。文章指出了商品结构存在的效率低和质量差两类问题,并提出了商品结构整合、销售属性标准化和描述属性信息分层等改进方案。在进行系统结构的改造时,需要注意系统兼容性风险、系统依赖和项目范围的挑战以及大规模数据迁移的风险。文章还介绍了具体的实施过程和搬迁工具的设计。最后,文章总结了改进方案的效果和意义。
哈罗 - 动效
本文介绍了在Vue中实现不定高展开动效的方法及其原理。作者解释了对于一般的展开、隐藏特效,只需要在对应元素的height上增加过渡效果即可,但是对于不定高的div,直接在height属性上添加过渡效果会失效。作者介绍了需求背景和数据结构,以及DOM结构。最后,作者以Vue为例,介绍了如何使用v-show和transition组件来实现展开动效,并解释了transition组件的原理。在展示时,元素的opacity会从0开始增加,经过一定时间后增加至1,从而实现淡入淡出的效果。
国外
Meta
Meta Connect 2023 Developer Recap
Meta Connect 2023是一个开发者会议,介绍了新兴技术的进展,发布了Meta Quest 3和Ray-Ban Meta智能眼镜,分享了与开发者社区合作的消息,展示了人工智能、虚拟现实和混合现实的新功能,推出了Meta Spark来帮助创作者和开发者构建元宇宙的增强层。
js13kGames
js13kGames 2023是一项年度在线游戏开发比赛,要求参赛者使用仅有13千字节的JavaScript创建一个主题为HTML5游戏。今年的主题是“13世纪”。评论者对不同游戏的音乐、图形、控制和机制等方面给予了积极评价。此外,文中还提到了Game Off和GitHub Insider。
Chrome
Preparing for the end of third-party cookies
Chrome计划从2024年第一季度开始禁用1%的用户的第三方cookie,以便进行测试,并从2024年第三季度开始逐步提高到100%的用户。
Chrome 118为开发人员带来了一些新功能和改进,包括CSS @scope规则、新的media query和开发者工具的改进。
- CSS @scope规则可以限制选择器的作用范围,使得样式只应用于指定的组件或元素,而不会影响到嵌套在其中的其他元素。
- 新的媒体特性可以帮助开发人员更好地控制透明度和脚本功能。
- 开发者工具方面的改进可能包括性能优化、界面改进或其他增强功能。
What's New in DevTools (Chrome 119)
本文介绍了一系列Chrome开发者工具的更新和改进。如 Web SQL deprecation 等。
New origin trial for fullscreen popup windows
这段文本介绍了Chrome浏览器的一个新的原始试验,该试验允许用户以全屏模式打开弹出窗口。用户可以通过一个步骤来以全屏模式打开弹出窗口,这个新功能需要获得权限才能使用。示例展示了如何使用JavaScript中的Window Management API来打开一个全屏弹出窗口。