技術棧:後端nodejs,前端jquery+d3+svg;
實現的目標: 可視化分析js模塊之間的依賴關係, 以及手動修改的功能。
從項目構思,到第一個版本正式發佈,經歷了大約兩個月時間。這苦逼的兩個月,個人頭髮不知道掉了多少,心酸啊。
先來一張效果圖,犒勞一下本身(竊喜):前端
做爲UI的我,有什麼好怕的,我又不是妹子,頭髮掉了就掉了,相親的時候別人又不看你頭髮的多少。
做爲開發的我,開發對我來講,太簡單,天天我都有時間跟UI妹子聊聊天,可是需求改來改去我怎麼都不明白。
我做爲產品經理,我要對項目和公司負責,我不改哪裏來的年終獎,大家還年輕,等頭髮和我同樣多的時候就明白了。
做爲老闆的我,非常欣賞產品經理的爲人作事,對產品嚴格把關,對員工關懷備至,常常給開發的小火買霸王洗髮水。node
仍是先來介紹一下個人項目吧。算了,我仍是上幾張圖,讓你們體會一下吧。jquery
webpack的引用關係:
webpack
個人媽呀,文件這麼多。出醜了。(目前確實在渲染頁面的時候,算法還須要優化)
再來張gulp的:
git
好像還能夠(竊喜)。
這些小的圖標是能夠得拖動的,你想要什麼姿式,本身拖,本身擺。
看官估計是否是有點小衝動,來,上地址:
https://github.com/fanzkday/soyz
歡迎issue,最好能給個star。github
先寫這麼多吧,經理說有個需求要改,恰好霸王用完了,今天得好好表現。web