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