• 作者:老汪软件技巧
  • 发表时间:2024-09-10 00:02
  • 浏览量:

# 前端每周文摘- 每周更新:国外论坛的前端热门文章,推荐大家阅读/翻译,紧跟时事,了解/掌握前端行业新闻,也给想写作或尝试突破新技术领域的同学们提供思路~

Web-development

• 本篇文章介绍了HTML中的空白符处理问题,探讨了它在网页开发中的困扰及解决方案。

• Web混沌图 本篇文章探讨Web混沌图的概念,介绍如何利用这一工具来可视化和理解Web开发中的复杂关系。

• Web剪贴板及其存储不同类型数据的方式 本篇文章介绍Web剪贴板的功能,详细探讨它如何存储不同类型的数据。

• 百万复选框中的秘密 本篇文章探讨了百万复选框的设计原理,揭示了其背后隐藏的性能优化技巧。

Tools

• 打包工具的故事:从Webpack迁移到Rspack 本篇文章介绍了从Webpack迁移到Rspack的过程,探讨了两者的优缺点。

• 从Figma提取设计令牌的新Web开发工具 本篇文章介绍了一款可以从Figma中提取设计令牌的新Web开发工具,简化了设计到代码的转换过程。

• OpenAI在反混淆代码方面表现出色 本篇文章探讨了OpenAI在反混淆代码中的应用,并展示了它如何高效地处理代码复杂性。

• Deno采纳指南:概述、示例及替代方案 本篇文章提供了Deno的采纳指南,探讨了它在JavaScript开发中的应用和替代方案。

Performance

• 字体性能优化终极指南 本篇文章介绍了如何优化网站的字体加载性能,帮助开发者提升页面速度。

• 开发工具性能监视面板 本篇文章探讨了如何使用开发工具的性能监视面板,帮助开发者更好地监控和优化网页性能。

• 如何为RUM指标提供更好的归因 本篇文章介绍了如何为RUM(真实用户监控)指标提供更精确的归因分析,以便更好地追踪性能问题。

• SSR性能对决 本篇文章探讨了不同的SSR(服务器端渲染)方案在性能上的比较。

CSS

• 粘性头部和全高元素:一个棘手的组合 本篇文章探讨了在网页布局中,如何解决粘性头部和全高元素的组合问题。

• CSS中的display: contents 本篇文章介绍了CSS中的display: contents属性,探讨了它的使用场景及其对布局的影响。

• 如何在CSS网格中居中对齐最后一行的元素? 本篇文章介绍如何在CSS网格布局中居中对齐最后一行的元素。

• 两行CSS代码使性能从120fps下降到40fps 本篇文章探讨了两行CSS代码对性能的严重影响,并提供了相应的优化方案。

• 盒模型的背景(及其有用性) 本篇文章探讨了CSS盒模型的背景属性及其在实际开发中的应用。

• 另一个截断文本的尝试 本篇文章探讨了在CSS中实现截断文本的不同方法及其效果。

_上周前端发生哪些新鲜事儿? #379_上周前端发生哪些新鲜事儿? #379

• CSS @property及新风格 本篇文章介绍了CSS中的@property规则及其在现代Web开发中的应用。

• 糟糕的CSS老爸笑话 本篇文章分享了一些与CSS相关的搞笑老爸笑话,为开发者带来轻松一刻。

JavaScript

• Total TypeScript Essentials: 免费书籍 本篇文章介绍了一本免费的TypeScript书籍,适合入门及进阶开发者阅读。

• 从零开始的TypeScript完整指南 本篇文章提供了从零开始学习TypeScript的完整指南,帮助初学者快速入门。

• [如何为JavaScript服务创建一个3.78MB的Docker镜像](/record/How I Created a 3.78MB Docker Image for a JavaScript Service) 本篇文章介绍了如何为JavaScript服务创建一个仅3.78MB大小的Docker镜像,探讨了其优化过程。

• 使用Solid Toast创建提示通知 本篇文章介绍了如何使用Solid Toast库在Web应用中创建提示通知。

• TypeScript中的类型与接口 本篇文章探讨了TypeScript中的类型和接口的区别及其应用场景。

• 本篇文章详细介绍了如何在JavaScript中实现Promise的取消操作,帮助开发者提高代码的可控性。

React

• React 19的新特性 本篇文章介绍了React 19的最新功能和改进,帮助开发者了解新版本的亮点。

• 从React应用提交表单数据到Google Sheet 本篇文章介绍如何通过React应用将表单数据提交到Google Sheet,简化数据存储流程。

• Formik采纳指南:概述、示例及替代方案 本篇文章提供了Formik的采纳指南,帮助开发者更好地管理React中的表单状态。

• 使用React构建Telegram迷你应用 本篇文章探讨了如何使用React构建Telegram迷你应用,提供了完整的开发流程。

Vue

• Vue 3.5发布公告 本篇文章介绍了Vue 3.5的发布及其新功能。

• Vue 3.5中的onWatcherCleanup:掌握Vue应用中的副作用管理 本篇文章探讨了Vue 3.5中的onWatcherCleanup功能,帮助开发者更好地管理应用中的副作用。

• 使用GOV.UK设计系统组件构建Vue应用 本篇文章介绍如何使用GOV.UK设计系统的组件来构建Vue应用,帮助开发者实现更规范的设计。

• 如何让自动完成/选择字段与服务端过滤和分页配合使用 本篇文章探讨如何让Vue中的自动完成/选择字段与服务端过滤和分页功能配合使用。

• 使用Vue jsx构建动态布局:灵活和可维护UI的指南 本篇文章探讨了如何使用Vue jsx构建动态布局,提高UI的灵活性和可维护性。

Angular

• Angular v19:未来是独立的! 本篇文章探讨了Angular v19中“独立”模式的发展方向及其优势。

• [Angular @let声明:

智能模板订阅](itnext.io/angular-let…) 本篇文章介绍了Angular中的@let声明,探讨如何利用它实现智能模板订阅。


上一条查看详情 +拥抱 VSCode:你的前端开发利器!
下一条 查看详情 +没有了