前端周刊 #310 (5月8日至5月14日)

2,012 阅读4分钟

MEDIUM 上有位博主叫:Fresh Frontend Links (前端文摘速递)

TA 每周都会更新 1 篇文章,关于:总结上一周 “前端新鲜事儿”,汇聚成链接合集

推荐大家阅读/翻译文摘里面的文章,紧跟时事,了解/掌握前端行业新闻,也给想写作或尝试突破新技术领域的同学们提供思路

image.png

Web-development

Is AIO the New SEO? - 这篇文章讨论了AI和SEO之间的关系,以及AIO(All In One)是否是未来的趋势。

A practical guide to built-in web APIs - 这篇文章介绍了内置Web API,以及如何使用它们来构建更好的Web应用程序。

Five Headless CMS to try in 2023 - 这篇文章列出了五个值得尝试的无头CMS。

The ongoing defence of frontend as a full-time job - 这篇文章讨论了前端作为全职工作的重要性。

How large DOM sizes affect interactivity, and what you can do about it - 这篇文章讨论了DOM大小对交互性能的影响,并提供了一些解决方案。

UI Interactions & Animations Roundup #32 - 这篇文章展示了最新的UI交互和动画。

工具

Getting started with Deno: Building a REST API - 这篇文章介绍了如何使用Deno构建REST API。

An Introduction to the Bun JavaScript Runtime - 这篇文章介绍了Bun JavaScript运行时。

CSS

Add Opacity to an Existing Color - 这篇文章介绍了如何向现有颜色添加不透明度。

What to Know About the CSS Prefers-Reduced-Motion Feature - 这篇文章讨论了CSS Prefers-Reduced-Motion特性。

Understanding CSS Selectors for the N-th Element - 这篇文章深入解析了CSS选择器中的第N个元素。

How to Write CSS Without Naming Conflicts - 这篇文章介绍了如何避免CSS命名冲突。

Scoped CSS is Back - 这篇文章讨论了Scoped CSS的重要性。

Rearrange / Animate CSS Grid Layouts with the View Transition API - 这篇文章介绍了如何使用View Transition API重新排列/动画CSS Grid布局。

An Introduction to Container Queries in CSS - 这篇文章介绍了CSS中容器查询的概念。

A guide to wrapping in CSS - 这篇文章讨论了CSS中包装的概念。

CSS gap property vs. margin property - 这篇文章介绍了CSS中的gap属性和margin属性。

Guide to CSS logical properties - 这篇文章介绍了CSS中逻辑属性的概念。

JavaScript

The New JavaScript Features Coming in ECMAScript 2023 - 这篇文章介绍了ECMAScript 2023中即将推出的新JavaScript特性。

Frontend JavaScript Secrets: What Books Won’t Teach You - 这篇文章分享了前端JavaScript的一些秘密。

TypeScript or JavaScript: which one do you need to be a web developer? - 这篇文章讨论了成为Web开发人员所需的JavaScript和TypeScript之间的区别。

The JavaScript Ecosystem Is Delightfully Weird - 这篇文章讨论了JavaScript生态系统中一些令人惊奇的事情。

ES2023 introduces new array copying methods to JavaScript - 这篇文章介绍了ES2023中新的JavaScript数组复制方法。

Regular expressions in JavaScript - 这篇文章介绍了JavaScript中的正则表达式。

React

React Like LEGO - 这篇文章介绍了如何使用React构建像乐高积木一样的应用程序。

Building an Application with React Query - 这篇文章介绍了如何使用React Query构建应用程序。

A Guide To Redux Toolkit With TypeScript - 这篇文章介绍了如何使用Redux Toolkit和TypeScript。

Visualize Data in React with Tremor - 这篇文章介绍了使用Tremor在React中可视化数据的方法。

Adding Parallax Scroll Animations to React - 这篇文章介绍了如何为React应用程序添加视差滚动动画。

Why React Developer Tools matter to developers - 这篇文章讨论了React Developer Tools对开发人员的重要性。

The Safest Way To Hide Your API Keys When Using React - 这篇文章介绍了在使用React时隐藏API密钥的最安全方法。

Vue

Announcing Vue 3.3 - 这篇文章介绍了Vue 3.3的最新功能。

5 Advanced Vue3 Techniques to Boost Your Application Productivity - 这篇文章介绍了5种提高应用程序生产力的高级Vue3技巧。

Angular

Required Inputs in Angular v16 - 这篇文章介绍了Angular v16中的必需输入。

takeUntilDestroy in Angular v16 - 这篇文章介绍了Angular v16中的takeUntilDestroy。

Router data as components inputs in Angular v16 - 这篇文章介绍了Angular v16中组件输入的路由数据。

The Power of Web Components in Frontend Development with Angular - 这篇文章讨论了在Angular中使用Web组件的优势。

OK,以上便是本次分享,希望各位喜欢~ 欢迎点赞、收藏、评论 🤟

我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我,安东尼陪你一起度过漫长编程岁月 🌏

微信 ATAR53,拉你入群,不定期抽奖、只学习交友、不推文卖课~