#1松桑前端后花园周刊-Perplexity会是“搜索的未来”吗？

行业动态

Open-sourcing our progress on Tailwind CSS v4.0

https://tailwindcss.com/blog/tailwindcss-v4-alpha

Tailwind CSS v4.0 版本的目标是更加CSS原生，包括删除不推荐使用的实用程序和通过CSS变量增强自定义等更改。

发布

2024-03-06, Nodejs Version 21.7.0 (Current)

https://nodejs.org/en/blog/release/v21.7.0

此版本新增方法util.styleText支持内置彩色文本输出、新增process.loadEnvFile和util.parseEnv支持加载环境变量文件和环境变量解析，并支持 .env 文件中的多行值。

文章

Perplexity 会是"搜索的未来"吗？（中文）

https://wallstreetcn.com/articles/3709779

本文介绍了英伟达 CEO 黄仁勋每天都使用 AI 对话式搜索引擎 Perplexity。与谷歌相比，Perplexity页面更为简洁凝练，给出的搜索结果排序依据不同，传统搜索引擎的结果排序受SEO优化、广告等因素影响。而Perplexity更多基于语义信息和内容本身质量进行排序，不受SEO等因素的影响。

开源项目

Reactjs-Interview-Questions （Star 3.6w、Fork 8.6k）

https://github.com/sudheerj/reactjs-interview-questions

前端面试 React 高频问题和答案。该项目涵盖了一系列 React 相关的面试问题和答案，内容涉及基础知识、组件、状态管理、生命周期以及性能优化等方面。

网站

AI 图像音乐生成器

https://imagetomusic.top/

这个 Web 服务可以将上传的图像，转换为一段音乐，适合为图文视频配背景音乐。

CSS WEEKLY

1、CSS Foundations: What is IACVT?

https://www.bram.us/2024/02/26/css-what-is-iacvt

文中描述了 IACVT 概念，它是指传入CSS 属性不相符合的值类型时状态，比如说给background-color 传入px像素值。文中详细阐述了CSS 属性值应用整个流程，并阐述了IACVT 是在值处理的计算阶段，以及此状态时CSS属性值如何决定。

2、text-wrap 的换行控制（英文）

https://clagnut.com/blog/2424

长文本的自动换行，由 CSS 的 text-wrap 属性控制。本文讨论如何使用这个属性，让标题产生更美观的自动换行。

资源

1、HTMLrev

https://htmlrev.com/

不会前端，不知道怎么写代码，想要快速建站？不用担心，松桑给大家搜集了一个宝藏网站：HTMLrev。网站地址我放在结尾阅读原文了，想要直接访问的读者可以直接跳到结尾了。

网站包含 1200+ 免费的 HTML 模板，包含网站、登陆页面、博客、电子商务和仪表板等类型。

网站模板包含两大类，一类是前端三件套框架相关的，懂前端代码的可以直接下载然后自己定制化修改，包括 Bootstrap、Tailwind、Angular、React、Vue等；另一类是常用的博客部署平台主题，包括 Hugo、Jekyll等。

每种框架模板下还细分不同使用场景主题。比如免费的 Next HTML 模板下，还细分商务、产品、服务、博客、简历、组件库等等，可以说是非常全面了。

此外，网站还接受投稿网站模板，在这个宝藏网站上有许多独立开发者在 github 上开源网站模板，也投稿在这儿了，如果你觉得你的网站很特别，你也可以来投稿为自己的网站或开源模板获取曝光量！

2、Ideas for Your Personal Website

https://32bit.cafe/websiteideas/

如果你心心念念建了个人网站，但是不知道后续需要做什么，恭喜你，这个网站列出了100+想法清单，你可以挑选感兴趣的内容，着手装点个人网站了。如果你没有的话，你还可以在其中学到网站维护的技巧。