一个简单前端工具集-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）：

1. 为了公司内部使用，减小三方插件的依赖
2. 为了轻量级，加快页面的加载速度，现有业务用目前流行的工具库（如 lodash.js）使用率不是很高，并非全部功能都用上
3. 如今业务的技术栈主要是Vue，要进一步去除jQuery的依赖，作一个替代jQuery里部分工具函数的过渡
4. 为了熟悉实践下前端开发的流程，学习一下如何造轮子（向轮子哥vczh致敬），提高一下本身的水平
5. 为大前端的发展添砖加瓦，^_^

开发流程

• 开发需求
  主要是根据平时业务中经常使用的总结以下需求

1. ajax模块
2. 时间格式转换模块
3. 字符串格式转换模块
4. cookie模块
5. url解析模块
6. 浏览器模块

• 开发依赖
  鉴于开发中经常使用的ajax库是axios，因此就再也不重复造轮子了，简单的封装了下，cookie直接使用的是MDN封装好的docCookies

1. axios
2. docCookies

• 开发环境
  语言：Typescript 3.x
  转换：babel 7.x
  打包：webpack 4.x
  测试：mocha+chai+phantomjs
• 发布环境
  集成：Travis-ci
  发布：npm
  托管：github

开发心得

• 经历了
  第一次用typescript编写业务代码
  第一次发布npm包
  第一次用mocha测试工具完成代码测试
  第一次用Travis-ci集成工具

• 结果
  完整的体验了一次前端工程化开发，基本熟悉了整个开发流程
  公司内部已有两个项目在使用此库，已经基本稳定

碎碎念

鄙人还在成长中，可能还有许多地方考虑不周，欢迎交流学习，欢迎提 issue

联系我：
Github：github.com/Yangfan2016
Blog： yangfan2016.github.io/
Segmentfault：segmentfault.com/u/yangfan20…

大佬，点了star再走呗，^_^