# 前端每周文摘 - 每周更新:国外论坛的前端热门文章,推荐大家阅读/翻译,紧跟时事,了解/掌握前端行业新闻,也给想写作或尝试突破新技术领域的同学们提供思路~
Web开发
-
互联网域名的消失:地缘政治如何改变数字基础设施:探讨了地缘政治对互联网域名的影响,分析了数字基础设施的脆弱性及其对国家安全的潜在威胁。
-
GOV.UK:使用渐进增强构建强大的前端:介绍渐进增强的概念及其在政府网站中的应用,强调用户体验和可访问性的重要性。
-
Popover API:你新的工具提示最佳朋友:介绍Popover API的使用,提供创建动态工具提示的最佳实践,提高用户交互体验。
-
构建完美的Logo条:讨论Logo条的设计原则及实现方法,关注品牌一致性和用户识别度。
-
使用htmx构建单页面应用:讲解htmx库的功能,展示如何使用其简化单页面应用的开发过程。
-
iOS404:一个专注于iOS开发的博客,提供相关资源和教程,帮助开发者解决常见问题。
-
理解和支持网页上的缩放行为:分析用户在网页上进行缩放时的行为和需求,提出相应的支持建议。
-
探索有趣的上下文感知动画:探讨如何为固定元素创建上下文感知的动画,提高网页互动性和趣味性。
-
案例研究:Treize Grammes --- 2024:分析Treize Grammes的设计和开发案例,提供实用的经验教训。
工具
-
宣布Deno 2:介绍Deno 2的主要特性和改进,强调其与Node.js的对比和优势。
-
编程应该简单:一段视频,探讨简化编程的必要性,强调可读性和维护性的重要性。
-
Node与Bun:后端性能无差异:对比Node和Bun在后端性能上的表现,帮助开发者选择合适的工具。
性能
-
如何通过跨浏览器开发工具提升生产力:介绍各种开发工具的特性及其对提高开发效率的影响。
-
修复网站JavaScript性能问题:提供优化JavaScript性能的技巧和建议,帮助开发者提升网页响应速度。
CSS
-
使用Grid和@property的CSS扩展:探讨Grid布局与@property结合的用法,提升CSS的灵活性。
-
CSS选择样式的继承变化:分析CSS选择样式的继承机制,指导开发者实现自定义选择样式。
-
Tailwind网格构建器:介绍Tailwind CSS的网格构建工具,帮助开发者快速搭建布局。
-
CSS嵌套通过CSSNestedDeclarations得到改善:讲解CSS嵌套的概念及其在实际应用中的优势。
-
使用Sass简化CSS逻辑属性:介绍CSS逻辑属性的使用及其在Sass中的实现方式。
-
寻找新CSS Logo:讨论新CSS Logo设计的背景及其社区反馈。
-
CSS :has()导航滑动悬停提示:示范如何使用:has()伪类创建动态导航悬停提示。
-
仅使用一个渐变的CSS技巧:分享使用单一渐变的创意技巧,增强网页美观。
-
带有固定头部和水平滚动的表格:介绍如何实现具有固定表头的可滚动表格布局。
-
2024:比过去十年总和更多的CSS At-Rules:分析2024年CSS At-Rules的增加及其应用前景。
-
检测CSS At-Rules支持的配方:提供检测浏览器对CSS At-Rules支持的实用方法。
-
滚动驱动的动画卡片堆叠与滚动捕捉事件:探讨如何实现基于滚动事件的动态卡片效果,增强用户体验。
JavaScript
-
JavaScript明年将推出的新时间、日期和集合特性:介绍即将推出的JavaScript新特性,分析其对开发者的影响。
-
在JavaScript中处理粘贴事件:讲解如何在JavaScript中有效处理粘贴事件,提高用户交互性。
-
用纯JavaScript从头构建经典贪吃蛇游戏!:提供从零开始构建贪吃蛇游戏的指南,帮助开发者练习JavaScript编程。
-
TC39推进10+ ECMAScript提案:关键特性关注:总结TC39委员会最新的ECMAScript提案,讨论未来JavaScript的发展方向。
-
宣布TypeScript 5.7 Beta:介绍TypeScript 5.7 Beta的新特性和改进,鼓励开发者尝试新版本。
React
-
React useReducer Hook指南:详细讲解useReducer Hook的使用,帮助开发者管理复杂状态。
-
微软Edge如何用Web组件替代React:探讨微软Edge在其开发中采用Web组件的原因及其对React的影响。
Vue
-
如何在Vue.js应用中添加反馈框并通过Slack获取通知:提供在Vue应用中实现反馈功能的步骤和Slack集成方法。
-
使用Vitest的浏览器模式和Playwright进行可靠的组件测试:讲解如何使用Vitest和Playwright进行高效的组件测试,确保组件的可靠性。
Angular
-
Angular中effect()的最新更新:分析Angular框架中effect()的更新内容,帮助开发者理解其新特性。
-
深入探讨Angular管道实现:详细讲解Angular管道的实现机制及其在数据处理中的应用。