每周分享(第 196 期)

115 阅读5分钟

新闻、观点、有趣

还没用熟 TypeScript 社区已经开始抛弃了?
根据 rich-harris-talks-sveltekit-and-whats-next-for-svelte 这篇文章的报道, Svelte 计划要把代码从 TS 换到 JS 了

教程、技巧

Pake - 利用 Rust 轻松构建轻量级应用
上周四在掘金的跨端技术分享上的一个主题,将 Pake 开源过程中的一些思考和经验分享给大家,同时也聊了聊前端、Rust、开源、技术产品化的一些自己想法,欢迎感兴趣的同学一起交流,有没有讲清晰的地方辛苦直接指出。

库、工具

picocss一个简洁、轻量级的CSS代码库
picocss.com/ 是一个简洁、轻量级的CSS代码库,它提供了一个现代化的、易于使用的CSS代码库,旨在帮助开发人员快速构建漂亮的网页。

简洁和轻量级:PicoCSS以简单和轻量级为设计原则,它的文件大小非常小,仅有几KB。这使得它非常适合那些希望保持页面加载速度快并且不想添加额外的代码负担的开发人员。

响应式布局:PicoCSS提供了响应式的网格系统,使得开发人员可以轻松地创建适应不同屏幕大小的网页布局。这使得网页能够在各种设备上具有良好的可视化效果和用户体验。

简单易用的类:PicoCSS使用简单且直观的类名来定义样式,开发人员可以通过添加适当的类名来快速实现各种样式,如按钮、表单元素、导航栏等。这简化了样式的编写和维护过程。

自定义主题:PicoCSS允许开发人员自定义整个框架的外观和颜色。通过为不同的元素添加自定义类,开发人员可以轻松地创建自己的主题,以满足特定项目的需求。

文档和示例:网站提供了详细的文档和示例,帮助开发人员快速上手和了解如何使用PicoCSS。文档包括详细的CSS类和用法说明,示例代码和实时预览,以及常见问题解答等。

npmgraph.js 一个查看NPM 包可视化依赖关系网站
npmgraph.js.org是一个可视化展示NPM包依赖关系的网站,它为用户提供了一个直观和交互式的方式来探索和理解NPM包之间的依赖关系。

该网站的主要特点和功能包括:

可视化展示:npmgraph.js.org通过图形化的方式展示了NPM包之间的依赖关系。它使用节点和连接线来表示不同的包和它们之间的依赖关系,让用户可以一目了然地看到整个依赖结构。

交互式探索:用户可以通过鼠标操作来探索和导航依赖关系图。他们可以放大缩小图形、拖动节点、点击节点以获取更多信息等,从而更深入地了解各个包之间的关系。

包信息展示:当用户点击某个节点时,npmgraph.js.org会显示该包的详细信息,包括包名、版本号、描述、作者等。这些信息可以帮助用户了解包的基本信息,并且可以点击该包继续导航到它的依赖关系。

多种展示模式:npmgraph.js.org支持不同的展示模式,用户可以选择展示所有依赖关系或仅展示直接依赖关系。这使得用户可以根据自己的需求选择合适的展示方式,以更清晰地了解依赖关系。

搜索功能:用户可以通过搜索框来查找特定的包,以便快速定位和展示该包及其依赖关系。这对于查找特定包的依赖关系非常有用。

useAnimations一个带动画效果的 icon 汇集网站
useAnimations是一个汇集了带动画效果的icon的网站,它为用户提供了一个丰富的图标库,这些图标都具有精美的设计和生动的动画效果。 该网站的主要特点和功能包括:

  1. 多样化的图标库:useAnimations网站提供了大量各种类型的图标,包括社交媒体图标、箭头图标、加载图标、动物图标等。用户可以根据自己的需求选择适合的图标。
  2. 高质量的动画效果:每个图标都经过精心设计,具有各种吸引人的动画效果。这些动画效果可以让图标更生动、有趣,并且能够吸引用户的注意力。
  3. 方便的集成和使用:useAnimations提供了便捷的使用方式,用户可以通过简单的复制粘贴代码片段,将所需的图标和动画效果集成到自己的项目中。代码片段中包含了图标的HTML标签和相关的CSS样式,使得集成和使用变得非常简单。
  4. 支持自定义:除了提供现成的图标和动画效果外,useAnimations还支持用户根据自己的需求进行定制。用户可以选择不同的动画类型、速度、延迟等参数,以满足自己的设计要求。
  5. 免费使用:useAnimations提供免费的图标和动画效果,用户可以在自己的个人项目或商业项目中免费使用这些图标。