前端周刊 #306 (4月10日至4月16日)

2,095 阅读2分钟

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

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

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

Web 开发

• 使用 cookie store API

• 2023 年的对角线布局

• 为大型应用实现微前端

• 使用 Puppeteer 爬取网页

性能

• 重新审视性能黄金法则

• 让 Chrome 变得更快的另外一些方法

• 预加载响应式图片

CSS

• 使用 :target 和 :has 实现纯 CSS 灯箱效果

• Material UI vs Tailwind CSS

• 使用 text-wrap:balance 实现 CSS 文本平衡

• 适用于 Web 组件的 3 种作用域样式方法

• 理解 CSS 预加载和其他资源提示

• 使用 JavaScript 创建自定义 CSS 范围滑块

• CSS 中你不知道的秘密

• 像专业人士一样使用 CSS 颜色:RGB、HSL、HWB、LAB、LCH 解释

• 使用 CSS 可以实现的效果而无需使用 JavaScript

• 现在是学习 oklch 颜色的时候了

JavaScript

• 永恒函数式:修饰器 —— 新风格的高阶函数

• JavaScript 中创建枚举的 4 种方法

• JavaScript 优化技术,更快的网站加载时间:深入指南

React

• 精通 React:将 UI 带到下一个级别的技巧

• 作为前端工程师,你应该知道的 4 个 React 陷阱

• 在 React 中使用 guard 或 if 组件的陷阱

Angular

• 在 Angular 15 中进行单元测试而不使用 TestBed

• Angular 16 太棒了

• 如何在 Angular 中使用 Observables

• 以 Angular 的方式呈现图片

• Signals Sub-RFC 3 —— 新的 Angular 响应式方法?

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

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

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