介绍
minimal-js 是一个轻量级的 JavaScript 库，可以帮助你快速的制作出一个优秀的网站和 Web 应用程序。这个库的设计量极小，整个代码库只包含了五个文件，文件体积也不到 5KB，非常的适合用来做快速原型成品或者更加注重性能的项目。
此外，minimal-js也提供了一些实用的辅助功能，包括了 DOM 操作、事件绑定、动画效果、Ajax 等常用的功能，而且全面兼容各类主流浏览器。
安装
如果你使用 npm 管理器，可以通过下面的命令来安装 minimal-js 库：
--- ------- ----------
如果你希望直接使用本地的 minimal-js.js 文件，可以在你的 HTML 页面中加载这个文件：
------- -------------------------------------
使用
DOM 操作
minimal-js 提供了一些简单的 API 来处理 DOM，如下所示：
.q(selector)
返回符合选择器的第一个元素。
--- -- - -------------------
.qa(selector)
返回符合选择器的所有元素的数组。
--- --- - --------------------
.c(tag, [content])
创建一个指定标签的元素，同时可以设置它的 innerHTML 内容。
--- -- - ---------- ------ -------------
.ce(tag, [attributes], [content])
创建一个指定标签的元素，并且可以设置它的属性和 innerHTML 内容。
--- -- - --------- - ----- ------------------------ ------- -------- -- ----------- ---- -------
.a(target, el)
将一个元素附加到另一个元素。
------------------ ----
事件
minimal-js 提供了简单易用的事件绑定和事件触发的功能。
.on(el, type, handler)
为一个元素添加事件监听器。
-------- -------- ---------- - ------------------ ----- ----------- ---
.off(el, type, handler)
为一个元素移除一个事件监听器。
--------- -------- -------------
.trigger(el, type, [options])
手动触发一个元素上的事件。
------------- ---------
动画
minimal-js 提供了简单易用的动画效果。下面是一个使用 animate 方法进行动画效果的例子：
------------- - ------- -------- -------- ------ ---------------- ------ -- ----- ---------- - ---------------------- ----------- ---
在上面的例子中，我们将一个元素的高度设置为 300px，同时将其不透明度设置为 0.5，背景颜色设置为黑色，并且动画持续时长为 2000 毫秒，最后在动画结束后执行一个回调函数。
Ajax
minimal-js 还提供了 Ajax 的支持，可以方便地进行异步数据的请求和响应。
.ajax(url, [options])
发送一个 Ajax 请求。
---------------------------- -
------- ------
----- -
----- -------------
--------- -----
--
-------- -------------- -
------------------
--
------ ------------- ------- -------- -
--------------------- ---------
-
---在上面的例子中，我们使用了 .ajax 方法向 http://example.com 发送了一个 GET 请求，并且通过 data 属性向服务器发送了一些数据，最后在请求成功或者失败后执行了一些回调函数。
示例代码
下面是一个使用 minimal-js 实现的简单的网页应用程序，它可以从服务器中下载一些数据并将它们显示在页面上：
--------- -----
------
------
----------------- ------------
-------
------
-------------- ---------
--- --------------------
------- -------------------------------------
--------
-------------------------------------- -
-------- -------------- -
--- ---- - ------------------
--------------------------- -
--- -- - --------- --------- - -- - - ------------
--------- ----
---
--
------ ------------- ------- -------- -
--------------------- ---------
-
---
---------
-------
-------在上面的例子中，我们向 http://example.com/data.json 发送了一个 Ajax 请求，成功的时候将接收到的数据解析出来并且将它们逐一添加到一个 HTML 列表中，最后将这个列表插入到了 HTML 页面中。
结论
minimal-js 的设计思路非常的简单，体积也非常地小巧，同时又提供了一些非常实用的辅助功能，是一个非常适合用来作为网站开发的基础库的选择。如果你需要快速以及高效地实现一些功能，建议你可以使用 minimal-js 库来进行开发。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb85eb5cbfe1ea0611818