【前端新手小白】学习Javascript的【开源好项目】推荐

目录

前言

1 项目介绍

1.1 时间日期类

1.2 网页store类

1.3 事件类

1.4 Number类

1.5 String类

1.6 正则验证类

1.7  ajax类

1.8 data数据类

1.9 browser浏览器类

2 学习js-tool-big-box开源项目时有哪些收获

2.1 你可以这样做

2.2 如果你需要使用本项目 

2.3 你也可以为本git项目点个赞 

3 开源项目的发展趋势

---

前言

如果你是一位前端新手小白，如果你觉得自己的JS功底还有所欠缺，如果你觉得自己平时做的项目还不够丰富，如果你觉得自己遇到的场景还不够丰富。

如果你想要一个练手的好项目，如果你想学习更多的场景，如果你想学习更多的公共方法，如果你想从新手小白中挣脱出来。

那么我推荐的这个开源项目，你一定会需要的。

1 项目介绍

我说的这个开源项目呢，是一个前端JS的公共方法库。无论是Vue项目，还是React项目，他都可以胜任。他是一个更多更丰富的公共方法集合。

首先，我们来个github的链接地址，点我：js-tool-big-box的github地址

然后，我们来个他的学习文档：js-tool-big-box的学习地址

他目前包含的功能有：

1.1 时间日期类

1. 时间日期的转换；
2. 更灵活的时间格式；
3. 更个性化的时间获取；
4. 某个时间点距离现在的时间段（更加详细的返回信息）
5. 判断平年还是闰年；
6. 某个月有多少天；
7. 属相；
8. 一年中的法定节假日；
9. 获取全球重点城市时间；

1.2 网页store类

1. 获取url中的参数值
2. 设置cookie；
3. 获取cookie；
4. 删除cookie；
5. 设置localStorage;
6. 获取localStorage

1.3 事件类

1. 防抖
2. 节流

1.4 Number类

1.  千分位逗号分割；
2. 判断是否大于0；
3. 判断是否大于0的整数；
4. 生成指定范围内的随机数；
5. 生成指定位数的随机数；
6. 数字转小写中文；
7. 数字转大写中文；

1.5 String类

1. 字符串反转；
2. 横岗转小驼峰
3. 横岗转大驼峰；
4. 版本号比较；
5. 获取一个字符串的字节长度；
6. 生成uuid；
7. 根据身份证号获取性别、年龄和出生日期；
8. 字符串中间加特殊符号，隐藏关键信息；
9. 字符串大小写字母转换；

1.6 正则验证类

1.  邮箱格式验证；
2. 手机号格式验证；
3. url格式验证；
4. 身份证号格式验证；
5. IP地址格式验证；
6. 邮政编码格式验证；

7. 判断是否是Unicode字符；

8. 检测密码强度值；

1.7  ajax类

1. 发送jsonp请求；
2. 下载文件纯功能版本；
3. 下载文件，fetch + 下载功能版本；

1.8 data数据类

1. 数组中获取随机个数的值；
2. 复制文字到剪贴板；
3. 数组去重；
4. 获取更详细的数据类型；
5. 数值型数组排序（正序和倒序）；
6. 对象型数组排序（正序和倒序）

1.9 browser浏览器类

1. 判断当前是否手机端浏览器；
2. 判断元素是否处于可视范围内；

3. 获取当前浏览器向上滚动还是向下滚动，获取当前距离顶部和底部的距离；

4. 打开全屏 和 关闭全屏；

5. 获取浏览器userAgent以及详细信息；

2 学习js-tool-big-box开源项目时有哪些收获

2.1 你可以这样做

如果你想要学习里面的方法如何书写的，如果你不想使用本项目，你可以fock一个属于自己的库：

然后你就可以将自己fock下来的项目，通过git clone 的方式，将代码下载下来，然后开始将自己需要学习的，或者自己需要使用的公共方法，拷贝到自己的项目中。

2.2 如果你需要使用本项目 

如果你只是想使用这个npm包里的一些公共方法，那么你就可以参照文档说明，不管是Vue项目，或者Vue3项目，又或者是React项目，这些方法都可以帮助你高效，快捷的完成一些工作。

安装js-tool-big-box

执行安装命令：

npm install js-tool-big-box

刚才我们说了9种大的方法类，如果需要使用哪个方法，你就需要单独的去引用某个大的方法类，比如，你要使用时间类，可以这样引入：

import { timeBox } from 'js-tool-big-box';

 比如你需要使用浏览器相关的方法类，你可以这样引入：

import { browserBox } from 'js-tool-big-box';

2.3 你也可以为本git项目点个赞 

最直接的参与项目方式，当然是，先为项目点赞，再开始fock项目，然后再开始学习，不过最终还是希望大家可以在vue或者React项目中使用这个npm库

3 开源项目的发展趋势

可能某一天呢，你也会动手，自己打造一个属于自己的开源项目。那么开源项目的发展趋势又如何呢？又或者说，你未来可以着手朝着哪些方向打造一个属于自己的开源项目呢？

开源项目的发展趋势呈现出以下几个重要方向：

1. 社区和协作：开源项目越来越依赖于社区的力量，社区贡献者的多样性和积极性是项目成功的关键。大型开源项目如Linux、Apache、Kubernetes等，社区活跃度非常高。

2. 企业参与：越来越多的企业参与到开源项目中，贡献代码、资金和资源。这不仅帮助推动项目的发展，也有助于企业自身的技术创新和生态系统建设。

3. 开源治理和合规：随着开源项目的增多，如何有效地治理和管理这些项目变得更加重要。很多项目开始采用明确的治理结构和合规策略，以确保项目的健康发展和法律合规。

4. 多元化技术栈：开源项目不仅仅局限于软件代码，还包括硬件设计、数据集、模型等。比如，RISC-V作为开源硬件指令集架构，获得了广泛关注和支持。

5. 安全性和稳定性：随着开源项目在商业应用中的广泛使用，安全性和稳定性变得尤为重要。项目维护者和社区对安全漏洞的响应和修复速度也越来越快。

6. 自动化和工具：许多开源项目开始利用自动化工具和CI/CD管道来提高开发效率和质量控制。例如，GitHub Actions 和 GitLab CI/CD广泛应用于开源项目的自动化测试和部署。

7. 新兴领域：人工智能、区块链和物联网等新兴领域的开源项目也在快速发展。这些项目不仅推动了技术进步，还促进了跨领域的合作和创新。

8. 教育和培训：越来越多的教育机构和培训项目采用开源工具和资源进行教学，培养更多的开源人才，进一步推动开源生态的发展。

这些趋势表明，开源不仅是技术发展的重要推动力，也是企业创新和协作的重要平台。未来，开源项目在技术创新、产业应用和社会影响力方面将继续发挥重要作用。

读完本文后，我们投个票吧，互动一下：