上周前端发生哪些新鲜事儿?#353

# 前端每周文摘 – 每周更新:国外论坛的前端热门文章,推荐大家阅读/翻译,紧跟时事,了解/掌握前端行业新闻,也给想写作或尝试突破新技术领域的同学们提供思路~

上周前端发生哪些新鲜事儿?#353


网页开发

• 通过不同方式构建程序来练习编码 – 这篇文章提供了多种练习编程的方法,帮助提高编码技能。

• 前端正在悄然贬值 – 探讨了当前前端开发在工作中的价值和认可度问题。

• 使用Playwright进行测试可视化终极指南 – 介绍如何使用Playwright工具进行网页界面的可视化测试。

• INP优化:改善网站性能和谷歌排名指南 – 分析了INP(交互到下一次绘制)指标对于网站性能和搜索引擎排名的重要性。

• “AI”和可访问的前端组件:细节能靠生成吗? – 讨论了是否能够利用人工智能技术生成符合可访问性标准的前端组件。

• 滚动时的3D堆叠运动效果 – 展示了一个滚动页面时产生3D堆叠运动效果的实现案例。

CSS

• 使用CSS color-mix()函数创建调色板 – 介绍了如何使用CSS的color-mix()函数来混合颜色,创建个性化调色板。

• 我在实际工作中使用CSS :has()的一些小方法 – 分享了在实际项目中使用CSS :has()选择器的一些技巧和方法。

• 现代CSS工具提示和语音泡泡(第2部分) – 深入探讨如何使用CSS创造现代化的工具提示和语音泡泡效果。

• 使用弹出框API、dialog元素、调用者、锚定位和@starting-style实现菜单、toast等 – 详解如何利用新的Web标准实现更好的用户界面组件,如菜单和toast提示。

• 流体排版的改造 – 探索如何优化网站的流体排版,提高设计的灵活性和响应性。
• 探索CSS滤镜和混合的创意力量 – 分享如何运用CSS滤镜和混合模式实现创意视觉效果。

• 5种受蜘蛛侠启发的CSS文本样式化方法 – 展示了五种受到电影《蜘蛛侠:平行宇宙》启发的CSS文本样式效果。

JavaScript

• 为什么我的代码不是TypeScript – 一个开发者分享他没有采用TypeScript的理由。

• 协同程序和web组件 – 探讨了如何将Web组件视为无限循环来设计和构建。

• 使用2MB的JavaScript进行预测性文本输入,无需LLM – 展示了一个小巧的预测性文本输入功能实现,不依赖于大型语言模型。

• JavaScript中的字符串转日期:如何避免错误 – 分享了在JavaScript中将字符串转换为日期时的常见错误和解决方法。

• 如果您是全栈开发人员,如何在SvelteKit项目中使用tRPC – 为全栈开发人员介绍如何在SvelteKit项目中集成和使用tRPC。

成长与发展是主旋律,说到这里,自荐一下我和机械工业出版社联合出版的 《程序员成长手记》   一书:全书分为3大模块、8个章节:从入门程序员到程序员自驱成长,回归纸质阅读,相信能给你一个更全局的程序员视野,提供成长帮助。京东搜“程序员成长手记”

OK,以上便是本次分享,希望各位喜欢~ 欢迎点赞、收藏、评论 🤟 我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我,安东尼陪你一起度过漫长编程岁月

原文链接:https://juejin.cn/post/7344573753537986614 作者:掘金安东尼

(0)
上一篇 2024年3月11日 上午10:10
下一篇 2024年3月11日 上午10:21

相关推荐

发表回复

登录后才能评论