MEDIUM 上有位博主叫:Fresh Frontend Links (前端文摘速递)
TA 每周都会更新 1 篇文章,关于:总结上一周 “前端新鲜事儿”,汇聚成链接合集
推荐大家阅读/翻译文摘里面的文章,紧跟时事,了解/掌握前端行业新闻,也给想写作或尝试突破新技术领域的同学们提供思路
Web-development
-
ChatGPT for Web Developers:ChatGPT是一个基于GPT-3的人工智能聊天机器人,该文章介绍了如何将它应用于Web开发。
-
传统服务器渲染网站的渐进增强选项:本文介绍了如何利用Web组件库来渐进增强传统的服务器渲染网站。
Accessibility
-
Web可访问性技巧:使用缩写和首字母缩略词:本文介绍了如何正确使用缩写和首字母缩略词来提高Web可访问性。
-
无障碍表单验证指南:本文介绍了如何利用无障碍技术来提高表单验证的可用性。
Effects
-
UI交互和动效汇总#29:本文介绍了一些新颖的UI交互和动效,如可拖动的导航栏、3D效果等。
-
带有剪贴路径动画的双图像悬停效果:本文介绍了如何利用剪贴路径动画来实现双图像悬停效果。
-
Matrix雨效果:本文介绍了如何利用HTML、CSS和JavaScript来实现Matrix雨效果。
CSS
-
Web需要一个本地的.visually-hidden:本文介绍了如何使用CSS来隐藏元素,并为Web开发人员提供了一个本地的.visually-hidden类。
-
为什么CSS单位对响应式网站设计很重要:本文介绍了如何正确使用CSS单位来实现响应式网站设计。
-
Flexbox交互指南:本文介绍了如何使用Flexbox来实现响应式布局。
-
Scrollbar.app - CSS滚动条选择器:这个工具可以帮助你自定义CSS滚动条的样式。
-
关于列表标记后间隙的一切:本文介绍了如何使用CSS来控制列表标记后的间隙。
-
使用CSS锚定定位将元素锚定在一起:本文介绍了如何使用CSS锚定定位来将元素锚定在一起。
-
更好的CSS过渡和动画的十个技巧:本文介绍了如何使用CSS过渡和动画来提高网站的用户体验。
-
关于容器查询、响应式图片和JPEG-XL:本文介绍了如何使用容器查询和响应式图片来提高Web的响应式设计。
-
使用:nth-child和其他选择器匹配CSS中的元素:本文介绍了如何使用:nth-child和其他选择器来匹配CSS中的元素。
-
响应式设计的CSS断点:本文介绍了如何使用CSS断点来实现响应式设计。
-
使用CSS属性来美化复选框:本文介绍了如何使用CSS属性来美化复选框。
-
使用最新的CSS视口单位改进移动端设计:本文介绍了如何使用最新的CSS视口单位来改进移动端设计。
JavaScript
-
我老板:现在是2023年,你会ES6,但为什么不用?😠:本文介绍了如何使用ES6来提高JavaScript的开发效率。 (ZZZ,这篇妥妥的内销转出口了。。。。)
-
处理日期和时间:Moment.js的替代方案:本文介绍了如何使用Moment.js的替代方案来处理日期和时间。
-
JavaScript时代的大骗局:本文介绍了JavaScript时代的大骗局。
-
宣布TypeScript 5.0 RC:本文介绍了TypeScript 5.0 RC的一些新特性。
React
-
React JS中的代码拆分:本文介绍了如何使用React JS来实现代码拆分。
-
使用React Router V6和内置的View Transitions API(无第三方库)实现ReactJS中的页面转换:本文介绍了如何使用React Router V6和内置的View Transitions API来实现ReactJS中的页面转换。
-
如何为React应用程序创建闲置计时器:本文介绍了如何使用React来创建闲置计时器。
-
Sentry的前端测试:从Enzyme迁移到React Testing Library:本文介绍了如何使用React Testing Library来进行前端测试。
-
React vs Signals: 10年后:本文介绍了React和Signals之间的区别。
Vue
-
从Vue 1到Vue 2再到Vue 3:迁移一个无头CMS系统的案例分析:本文介绍了如何使用Vue来迁移一个无头CMS系统。
-
使用CSS和Vue构建自定义工具提示指令:本文介绍了如何使用CSS和Vue来构建自定义工具提示指令。
-
使用Pinia ORM在Vue中管理状态:本文介绍了如何使用Pinia ORM在Vue中管理状态。
-
Vue中的ref()是什么?:本文介绍了Vue中的ref()是什么。
-
向现有的Vue 3应用程序添加SSR的指南:本文介绍了如何向现有的Vue 3应用程序添加SSR。
Angular
-
使用Angular的确认对话框修饰符🙌:本文介绍了如何使用Angular的确认对话框修饰符。
-
5分钟学会Angular路由:本文介绍了如何使用Angular来实现路由。
-
Angular和Signals。 你需要知道的一切。:本文介绍了Angular和Signals之间的区别。
-
在Angular 15中实现微前端:本文介绍了如何在Angular 15中实现微前端。
-
用Angular实现卓越的性能:优化代码的技巧和诀窍:本文介绍了如何使用一些技巧和诀窍来优化Angular应用程序的性能。
OK,以上便是本篇分享,希望各位工友喜欢~ 欢迎点赞、收藏、评论 🤟
我是掘金安东尼 🤠 100 万人气前端技术博主 💥 INFP 写作人格坚持 1000 日更文 ✍ 关注我,安东尼陪你一起度过漫长编程岁月 🌏
😹 加我微信 ATAR53,拉你入群,定期抽奖、粉丝福利多多。只学习交友、不推文卖课~