npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

baitu

v1.1.8

Published

A small and comprehensive front-end toolkit.

Downloads

123

Readme

百涂工具(Baitu)

NPM npm package minimized gzipped size (select exports) npm

一个小而全的前端工具包

A small and comprehensive front-end toolkit.

介绍

Baitu,意名:百涂、百图、白图,意思为“各种途径”、“白-工具”、“百个工具”,指开发中有多种方式达成目标,而Baitu有多种工具提供支持,一应俱全,一本万利!Baitu由BaiTools谐音而来,bai为本人开发者化名,tools为工具集。

由来

在一次前端开发中,因为对于日期操作比较复杂,需要对时间进行各种偏移、格式化等操作。通过后端开发的经验,联想到了后端Java的一个名为Hutool的开发工具包,于是对所需功能进行了封装,继而完善,形成了一个前端独有的工具包。

使用

html

// 注意:为了兼容性,建议添加对应版本,如:https://unpkg.com/[email protected]/lib/baitu.min.js
<script src="https://unpkg.com/baitu/lib/baitu.min.js"></script>
<script>
// your codes
</script>

npm安装

npm install baitu;

vue2

import Baitu from "baitu";

Vue.prototype.$btu = Baitu;

组合式

import {DateTime} from "baitu"

DateTime.create();
new DateTime();

文档

http://www.jl15988.com/baitu-doc/

对于数字计算确保精度发现了个开源的:decimal.js ,因为功能复杂,有时间简单集成一下。

文档更新会有所延时,具体功能见具体代码,在 TypeScript 环境下,工具方法的 API 注释面面俱全。 更多功能开发中...