一個簡單前端工具集-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再走唄，^_^