【前端新手小白】学习Javascript的【开源好项目】推荐
经海路大白狗 2024-07-12 08:33:05 阅读 57
目录
前言
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 网页store类
获取url中的参数值设置cookie;获取cookie;删除cookie;设置localStorage;获取localStorage
1.3 事件类
防抖节流
1.4 Number类
千分位逗号分割;判断是否大于0;判断是否大于0的整数;生成指定范围内的随机数;生成指定位数的随机数;数字转小写中文;数字转大写中文;
1.5 String类
字符串反转;横岗转小驼峰横岗转大驼峰;版本号比较;获取一个字符串的字节长度;生成uuid;根据身份证号获取性别、年龄和出生日期;字符串中间加特殊符号,隐藏关键信息;字符串大小写字母转换;
1.6 正则验证类
邮箱格式验证;手机号格式验证;url格式验证;身份证号格式验证;IP地址格式验证;邮政编码格式验证;
判断是否是Unicode字符;
检测密码强度值;
1.7 ajax类
发送jsonp请求;下载文件纯功能版本;下载文件,fetch + 下载功能版本;
1.8 data数据类
数组中获取随机个数的值;复制文字到剪贴板;数组去重;获取更详细的数据类型;数值型数组排序(正序和倒序);对象型数组排序(正序和倒序)
1.9 browser浏览器类
判断当前是否手机端浏览器;判断元素是否处于可视范围内;
获取当前浏览器向上滚动还是向下滚动,获取当前距离顶部和底部的距离;
打开全屏 和 关闭全屏;
获取浏览器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 开源项目的发展趋势
可能某一天呢,你也会动手,自己打造一个属于自己的开源项目。那么开源项目的发展趋势又如何呢?又或者说,你未来可以着手朝着哪些方向打造一个属于自己的开源项目呢?
开源项目的发展趋势呈现出以下几个重要方向:
社区和协作:开源项目越来越依赖于社区的力量,社区贡献者的多样性和积极性是项目成功的关键。大型开源项目如Linux、Apache、Kubernetes等,社区活跃度非常高。
企业参与:越来越多的企业参与到开源项目中,贡献代码、资金和资源。这不仅帮助推动项目的发展,也有助于企业自身的技术创新和生态系统建设。
开源治理和合规:随着开源项目的增多,如何有效地治理和管理这些项目变得更加重要。很多项目开始采用明确的治理结构和合规策略,以确保项目的健康发展和法律合规。
多元化技术栈:开源项目不仅仅局限于软件代码,还包括硬件设计、数据集、模型等。比如,RISC-V作为开源硬件指令集架构,获得了广泛关注和支持。
安全性和稳定性:随着开源项目在商业应用中的广泛使用,安全性和稳定性变得尤为重要。项目维护者和社区对安全漏洞的响应和修复速度也越来越快。
自动化和工具:许多开源项目开始利用自动化工具和CI/CD管道来提高开发效率和质量控制。例如,GitHub Actions 和 GitLab CI/CD广泛应用于开源项目的自动化测试和部署。
新兴领域:人工智能、区块链和物联网等新兴领域的开源项目也在快速发展。这些项目不仅推动了技术进步,还促进了跨领域的合作和创新。
教育和培训:越来越多的教育机构和培训项目采用开源工具和资源进行教学,培养更多的开源人才,进一步推动开源生态的发展。
这些趋势表明,开源不仅是技术发展的重要推动力,也是企业创新和协作的重要平台。未来,开源项目在技术创新、产业应用和社会影响力方面将继续发挥重要作用。
读完本文后,我们投个票吧,互动一下:
上一篇: 网站开发必备」8款免费 React Gallery, Lightbox, 和 Photo Viewer开发库
下一篇: 2024年最新CTF Web SQL注入专项整理(持续更新中)_ctf sql注入,一文轻松搞定
本文标签
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。