一个简单前端工具集-yanjs
一个简单前端工具集-yanjs
This is just a common toolkit for the Front End安装使用
- Install
$ npm install yanjs
- Example
var yanjs = require('yanjs');
- Documentation
造轮子的初衷
现在的前端发展正是百花齐放的时代,各种框架、各种库、各种插件层出不穷,为何还要重复造轮子内(毕竟大家都知道DRY,Don't repeat yourself):
- 为了公司内部使用,减少三方插件的依赖
- 为了轻量级,加快页面的加载速度,现有业务用目前流行的工具库(如 lodash.js)使用率不是很高,并不是所有功能都用上
- 现在业务的技术栈主要是Vue,要进一步去除jQuery的依赖,做一个替代jQuery里部分工具函数的过渡
- 为了熟悉实践下前端开发的流程,学习一下如何造轮子(向轮子哥vczh致敬),提升一下自己的水平
- 为大前端的发展添砖加瓦,^_^
开发流程
- 开发需求
主要是根据平时业务中常用的总结如下需求
- ajax模块
- 时间格式转换模块
- 字符串格式转换模块
- cookie模块
- url解析模块
- 浏览器模块
- 开发依赖
鉴于开发中常用的ajax库是axios,所以就不再重复造轮子了,简单的封装了下,cookie直接使用的是MDN封装好的docCookies
- 开发环境
语言:Typescript 3.x
转换:babel 7.x
打包:webpack 4.x
测试:mocha+chai+phantomjs
- 发布环境
开发心得
- 经历了
第一次用typescript编写业务代码
第一次发布npm包
第一次用mocha测试工具完成代码测试
第一次用Travis-ci集成工具
- 结果
完整的体验了一次前端工程化开发,基本熟悉了整个开发流程
公司内部已有两个项目在使用此库,已经基本稳定
碎碎念
鄙人还在成长中,可能还有许多地方考虑不周,欢迎交流学习,欢迎提 issue
联系我:
Github:https://github.com/Yangfan2016
Blog: https://yangfan2016.github.io/
Segmentfault:https://segmentfault.com/u/yangfan2016
大佬,点了star再走呗,^_^
相关推荐
架构技术交流 2020-07-28
前端小白 2020-07-19
chensen 2020-11-14
lwnylslwnyls 2020-11-06
ATenhong 2020-10-15
yanzhelee 2020-10-13
佛系程序员J 2020-10-10
guojin0 2020-10-08
佛系程序员J 2020-10-08
bluewelkin 2020-09-16
wwzaqw 2020-09-04
zhongdaowendao 2020-09-02
favouriter 2020-08-18
奎因amp华洛 2020-08-15
一青年 2020-08-13
千锋 2020-08-10
nangongyanya 2020-08-09
dongxurr 2020-08-08
明天你好 2020-08-03