发布于 2026-01-06 0 阅读
0

2019 年 5 月 10 个有趣的 Dart 和 CSS 库

2019 年 5 月 10 个有趣的 Dart 和 CSS 库

Dart 近期再添佳绩,在 Stack Overflow 2019 年度开发者调查中位列最受欢迎语言第 12 名。鉴于此,我精心挑选了 10 个最有趣的 Dart 包,供您参考,同时还推荐了一些值得列入下一个 Web 项目候选名单的 CSS 库。


1.迪奥

Dio是一个功能强大的 HTTP 请求库。它封装了 Dart 的 HttpClient 类,并扩展了其功能,支持拦截器、文件下载、请求取消、超时等诸多特性。它可以进行全局配置,而且使用起来非常简单:

import 'package:dio/dio.dart';
void main() async {
  try {
    Response res = await Dio().get('https://news.ycombinator.com');
    print(res);
  } catch(e) {
    print(e);
  }
}
Enter fullscreen mode Exit fullscreen mode

2. BulmaCSS

Bulma是一个基于 Flexbox 的免费开源 CSS 框架,拥有超过 15 万名开发者用户,包括我自己。它提供用于设置各种 UI 元素样式的辅助类,并采用移动优先的响应式设计方法。事实上,我在本系列教程中就使用了 Bulma 。

3. RxDart

RxDart是一个基于 ReactiveX JS 的响应式函数式编程库。它是 Flutter 移动应用中状态管理的首选解决方案之一,同时也适用于服务器端和 Web 应用。RxDart 基于 Dart 相当不错的 Streams API 构建,并添加了额外的功能。

4. Water.css

Water.css是一个只需添加 CSS样式即可使用的样式集合,旨在让简单的网站更加美观。只需将 CSS 文件添加到您的<head><head> 部分即可轻松激活它:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.css">
Enter fullscreen mode Exit fullscreen mode

5. html

html是一个纯 Dart 编写的 HTML5 解析器,它是 Python 的 html5lib 移植而来。它拥有简洁明了的 API,在编写网络爬虫时非常实用。

6. animate.css

Animate.css提供简单易用的 CSS 动画,只需添加一些简单的步骤即可!它包含弹跳、脉冲、摇晃等多种动画效果。

7. Markdown

markdown是一个用 Dart 编写的可移植 Markdown 库。它可以在 Web 端和服务器端将 Markdown 解析为 HTML。如果有人能将它与html库结合使用,那就太棒了。请访问https://dartlang.github.io/markdown试用。

8. DynCSS

DynCSS会解析你的 CSS-dyn-(attribute)规则,然后通过 JavaScript 在浏览器事件(例如 `<div>`scroll和 `<span>`resize。解析结果会应用到你在 `(attribute)<style>` 后缀中指定的 CSS 属性上。大多数情况下,你只需要设置 CSS 属性/值对,但它也提供了一个用于自定义函数的 JavaScript API,可以通过 Dart 访问 🎯😉。这里有一个实际应用的演示。

9. pdf

pdf为 Web 和 Flutter 项目创建 PDF 文件。它可以使用 TrueType 字体创建包含图形、图像和文本的完整多页文档。该库提供了一个底层 PDF 创建工具,负责生成数据位,以及一个类似于 Flutter 的 Widget 系统,方便用户进行高级 PDF 创建。

示例代码:

final pdf = Document()
  ..addPage(Page(
    pageFormat: PdfPageFormat.a4,
    build: (Context context) {
      return Center(
        child: Text("Hello World"),
      ); // Center
    })); // Page
Enter fullscreen mode Exit fullscreen mode

10. Hover.css

Hover.css提供了一系列基于 CSS3 的悬停效果,可应用于链接、按钮、徽标、SVG、特色图片等元素。它还可以应用于您自己的元素并进行修改。支持 CSS、SASS 和 LESS 三种代码格式。


分享即关爱

如果您喜欢这篇文章,请通过页面上的各种社交按钮分享。此外,欢迎访问并订阅我的 YouTube 频道记得点击小铃铛图标开启通知哦!),观看关于 Dart 与Angular、Vue、React、HTTP、RESTful API、MongoDB等相关内容的视频。

访问creativebracket.com获取更深入的 Dart 教程。

文章来源:https://dev.to/creativ_bracket/10-interesting-dart-and-css-libraries-for-may-2019-29l9