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 🙏

© 2026 – Pkg Stats / Ryan Hefner

youtil

v3.1.15

Published

油梯,一个与框架、环境无关的小巧、精简、实用的JavaScript工具库

Readme

youtil

youtil,发音同util,中文可以叫做油梯,一个与框架(VueReact等)、环境(NodejsBrowser等)无关的小巧、精简、实用、不依赖任何第三方库的JavaScript高质量函数库,最新版完整代码仅7kb,作者多年精心维护并持续迭代,可放心使用。官网:https://youtil.haoji.me

目前收录的函数包括但不限于日期时间处理、字符串处理、数字处理、cookie、枚举、网络请求、消息通信、事件、编解码、身份证校验等,并持续更新。

  • 少数方法可能依赖浏览器环境,例如showLoading,注意甄别;
  • 【文档】部分仅对部分核心方法进行单独示例演示,很多简单函数未在此做一一介绍,完整函数列表请前往【API】页面单独查看,
  • 关于命名,之前想了很多名字,包括autilzutilfeutil等,从a-z试下来只有几个没有被注册,但是都不好记,最后才取了youtil这个名字。

如何使用

npm安装

安装:npm i youtil -S

使用示例:

import { formatDate } from youtil;
console.log(formatDate(Date.now()));

CDN引入

<script src="https://unpkg.shop.jd.com/youtil/dist/index.umd.js"></script>
<script>
    const { formatDate } = youtil;
    console.log(formatDate(Date.now()));
</script>

贡献代码

依赖node@20环境,执行cnpm run dev将自动打开本地预览。

目录结构介绍

  • src: 源文件;
  • docs: 文档;
  • test:测试用例;
  • dist:各种构建产物
  • build:文档之类的构建产物;

代码提交顺序

  • 更新代码;
  • 更新package.jsonchangelog
  • npm publish
  • npm run build:docs,然后合并master;

注意:@ice/pkg和@swc/helpers 升级到0.5.0以上版本时其他业务可能报错,非常坑!目前写死版本

关于脚手架

注意:本仓库脚手架已全部重新搭建,文档系统基于dumi,生产构建基于esbuild

以下内容全部失效,不用关注。

关于@swc/helper的版本

@swc/helper在升级到0.5.0之后有一些兼容性问题,一些老工程(如node14+webpack4)构建会失败。

目前没有问题的版本:

  • @swc/helper写死0.4.14(部分构建产物:import _instanceof from "@swc/helpers/src/_instanceof.mjs");
  • @ice/pkg写死1.5.5

有问题的版本:

  • @swc/helper写死^0.5.0(部分构建产物:import { _ as _instanceof } from "@swc/helpers/_/_instanceof");
  • @ice/pkg写死^1.5.5

脚手架来源

~~仓库脚手架来源~~:

npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm init @ice/pkg youtil # 选择前端类库
# 默认不支持文档预览,需手动开启
cnpm i @ice/pkg-plugin-docusaurus react react-dom -D
# 参考 https://pkg.ice.work/guide/preview 进行 build.config.mts 配置
cd youtil
mkdir docs
vim index.md
cnpm start