一個簡單前端工具集-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）：

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：https://github.com/Yangfan2016
Blog： https://yangfan2016.github.io/
Segmentfault：https://segmentfault.com/u/yangfan2016

大佬，點了star再走唄，^_^