Web-development
• 介绍Dev Encyclopedia:开发者的“维基百科” 本文介绍一个专为开发者设计的百科全书平台,帮助开发者快速查找技术相关的信息。
• 如何通过JavaScript、AI和一罐WD-40赢得$2,750 分享一次使用JavaScript和AI的项目经历,并解释如何将创意和技术结合起来赢得比赛。
• 什么是组件库?何时应该构建自己的库,何时使用别人的库 探讨组件库的概念以及构建自己的组件库与使用现有库之间的选择。
• 带有内置语法高亮的字体 介绍一种新型字体,能够在编码时自动提供语法高亮,提升编码体验。
• 滚动捕捉事件 讨论滚动捕捉事件的实现和在网页中的应用,改善用户交互体验。
• 通过生成式UI提升前端技能 分享使用生成式UI技术来增强前端设计的经验和技巧。
• 为科学图表撰写Alt文本 提供如何为科学图表编写描述性Alt文本的建议,提升图表的可访问性。
Tools
• 开发服务器Vite独立团队及Rust化 讨论Vite开发服务器的演变,以及如何通过Rust化提高性能和开发效率。
• 使用这些流行工具可视化JSON数据 介绍几款可用于可视化JSON数据的流行工具,帮助开发者更好地展示数据。
• 使用eslint-plugin-depend清理无用的NPM包 提供使用eslint插件来清理项目中无用的NPM依赖包的方法,保持代码库整洁。
Performance
• blocking=render:你为什么要这么做?! 探讨在Web开发中使用blocking=render的场景以及其对性能的影响。
• Chrome DevTools中的全新性能功能 介绍Chrome DevTools中的最新性能功能,帮助开发者更好地调试和优化网页性能。
CSS
• 使用容器查询实现“智能”布局 介绍如何使用容器查询来实现响应式和智能的布局设计。
• 多页应用的视图过渡 讨论在多页应用中实现视图过渡的技术,提升用户体验。
• 相对颜色语法——基本用例 介绍相对颜色语法的基本用例及其在CSS中的应用场景。
• 使用新CSS函数优化基于时间的动画 探讨如何利用新CSS函数来优化基于时间的动画效果,提升网页的交互性。
• Tailwind Weekly #164:有趣的文本下划线和:has()选择器的实际应用 提供一些关于Tailwind CSS的实用技巧,特别是文本下划线效果和:has()选择器的使用场景。
JavaScript
• Svelte 5中的细粒度响应性 探讨Svelte 5中如何实现细粒度的响应式设计,以提升性能和用户体验。
• 7个免费的API供下一个项目使用 介绍7个免费API,帮助开发者为项目提供更多功能和数据源。
React
• 解决Next.js中的水合不匹配错误 讨论在Next.js中遇到的水合不匹配问题以及解决方法,帮助开发者更好地调试应用。
• 理解乐观UI和React的useOptimistic Hook 探讨React中的乐观UI概念及其在用户界面中的应用场景。
• 深入探讨现代React中的表单 提供关于React表单的深入分析,包括最佳实践和常见问题的解决方案。
Angular
• 如何从Observables创建Signals? 探讨如何将Observables转换为Signals,以提高Angular应用的响应性。
• Angular中的Signals:忙碌开发者的深度探讨 详细讨论Angular中的Signals功能及其应用场景,帮助开发者优化代码。
• Angular 18.2中的新功能有哪些? 介绍Angular 18.2中的最新功能和改进,帮助开发者快速了解新版本的变化。