在当今的 Web 开发领域，开发者们常常面临一个选择：是使用功能丰富但体积庞大的库如 jQuery 或 lodash，还是寻找一个轻量级、专注于核心功能的工具？对于那些追求极简主义、希望在项目中保持轻量和高效的开发者来说，Vanicom.js 无疑是一个理想的选择。

Vanicom.js 简介

Vanicom.js，名字源自“纯 JavaScript 公共函数”，是一个微框架，旨在为日常的 JavaScript 任务提供小巧、实用的工具函数。它完全用纯 JavaScript 编写，没有任何外部依赖，非常适合小型项目或当你希望保持简单和快速时使用。

Vanicom.js 的核心特点

• 轻量级：Vanicom.js 的设计理念是保持轻量和快速，避免引入不必要的负担。
• 兼容性：该库设计用于在旧至 IE9 的浏览器中运行，包含了一些 ES6 特性的 polyfills。
• 简单易用：Vanicom.js 提供了一系列实用的工具函数，帮助开发者简化常见的 JavaScript 任务。

为什么选择 Vanicom.js？

极简主义至关重要

在 web 开发的世界里，性能是至高无上的。Vanicom.js 的核心理念就是保持轻量和快速。现代 web API 已经足够强大，能够原生处理大多数任务，所以为什么要在你只需要几个辅助函数的时候引入一个庞大的库呢？

旧浏览器的 Polyfills

虽然现在大多数人都不需要担心 IE9 了，但如果你确实需要支持旧浏览器，Vanicom.js 已经为你准备好了。该库包含了某些 ES6 特性的 polyfills，确保了与旧浏览器的兼容性。当然，随着这些浏览器逐渐退出历史舞台，你可以轻松地移除这些 polyfills。

避免原型污染

Vanicom.js 的设计避免了原型污染，确保了代码的纯净和可维护性。尽管随着旧浏览器变得不那么重要，这些担忧自然会逐渐消失，但 Vanicom.js 依然提供了这一保障。

如何使用 Vanicom.js

安装

你可以通过 npm 安装 Vanicom.js：

npm i vanicom

然后，导入你需要的函数：

import { logg, getRandomString, isObject } from 'vanicom';

或者，如果你更喜欢将其作为独立库使用，只需在 HTML 中包含脚本：

<script type="text/javascript" src="vanicom.min.js"></script>

实际应用示例

1. 简化的日志记录

Vanicom.js 提供了一个简化的日志记录函数，使得调试更加方便：

logg('Hello, world!'); // 等同于 console.log

2. 简化类型检查

在 JavaScript 中检查类型可能会很麻烦。Vanicom.js 提供了简洁的函数来进行类型检查：

isObject(someVar); // 如果是对象则返回 true，否则返回 false
isObject([]); // 返回 false
isExistAndNotNull(null); // 返回 false
isNumber('1254'); // 返回 false
isNumber(NaN); // 返回 false

3. 随机数字和字符串

Vanicom.js 提供了生成随机数字和字符串的函数：

getRandomNum(1, 100); // 返回 1 到 100 之间的随机数字
getRandomString(10); // 返回一个 10 个字符的随机字符串

4. DOM 和字符串操作

虽然 Vanicom.js 不是一个 DOM 操作库，但它确实包含了一些有用的助手，比如删除一个 DOM 节点：

deleteNode(document.getElementById('someElement'));

或者将字符串的第一个字符大写：

capz('capzed'); // 返回 'Capzed'

5. Cookies 和 LocalStorage

Vanicom.js 使得处理 cookies 和 LocalStorage 变得简单：

setCookie('authToken', '12345', 3600); // 设置一个有效期为 1 小时的 cookie
getCookie('authToken'); // 检索 cookie 值

setLocalItem('theme', 'dark', 86400000); // 存储一个 24 小时的偏好主题
getLocalItem('theme'); // 检索存储的值

6. 快速消息提示

Vanicom.js 包含一个简单的提示函数，用于向用户显示快速消息：

toast({ message: 'Success!', duration: 3000, class: 'custom-toast' });
// 或者更简单：
toast('Message!');
// 如果你需要手动隐藏它：
hideToast();

为什么保持简单？

网络正在朝着更快、更高效的体验发展。Vanicom.js 是我倡导 web 开发中极简主义的方式。你并不总是需要一个庞大的库来完成工作。有时候，几个精心制作的实用函数就足以让你的项目保持精简和高效。

最终思考

Vanicom.js 并不是下一个大热门。它只是一个解决了一些常见问题的小而实用的库。如果你正在做一个小项目，或者只是想保持你的代码库轻量级，试试 Vanicom.js。它可能会为你节省几行代码——甚至几场头疼。

你可以在 GitHub 上找到这个库，并通过 npm 安装它。而且请记住，它是按照 MIT 许可证分发的，所以你可以随意使用它。只是别忘了给它应有的赞誉！

阅读原文：原文链接