提到百分比進度條，雖然之前沒有用到過，但在閒暇之餘看到過的demo 有適配vue的ui框架 element-ui 和 echarts 官網上的環形圖。然而，ux 大哥丟過的圖大概是這樣的。。。。(顏色是我自己配的，概念圖，將就看吧...)
而餓了麼ui的圖是醬事兒的
不太合適，好吧，先不去看這個效果的原生實現，看看echarts~
echart的環形圖是醬事兒的
還有醬事兒的
ok，打底的實現已經有了，萬一別的計畫行不通，plan b有了, 問題是乙個頁面不止乙個環形圖，有n個... echarts的使用方式在spa裡放多個，光是代入option 的**就需要一大坨...先不考慮用這個。
找到了弧的實現，接下來就好辦了，因為專案前端使用的angular，可以直接在頁面繫結樣式，只需要把百分比值傳入，計算出需要旋轉的角度即可。
**如下
html **
}%
*
.percent_ring_demo
.bottom_ring
width: 100px;
height: 100px;
position: relative;
top: 0;
z-index: 1;
/* border:1px solid #ddd; */
} width: 50px;
height: 100px;
position: absolute;
top:0;
overflow: hidden;
}.right
.left
.circleprogress
.leftcircle
.rightcircle
.percent_desc
percentdata=10;//假資料
/*兩個半圓都轉45度是整圓（100%），都轉-135度是0%，50%為分界線，由-135到45 為180度，代表數值為50%，所以得出計算公式(18/5)*百分比值即為旋轉角度 */
getlefttranslate(value?: number)
if (value > 50)
if (value === 0 || value === null)
}getrighttranslate(value?: number)
if (value > 50 || value === 50)
if (value === 0 || value === null)
}
第乙份工作
第乙份工作，算是比較傳奇。自己本著經驗不足，找個工作高階的心態，卻找了乙份國內鮮有研究的工作領域 編譯器 我現在對他的理解只是 這是乙個類似以gun的gcc的編譯器，具體來講，我一概不知。套用pm的一句話就是，我現在是一張白紙，我所要做的就是盡情書寫。第一天，也就是12月21日。早上早早來到公司卻被...
記第乙份工作
2010年我獲得了第乙份正式的工作，在上海張江，乙個不錯的地方。話說當時還沒畢業，但是在學校裡大家都已經各自在尋找著各自的歸屬了。起初經過了各種碰壁後，決定投簡歷到上海看看，畢竟是大城市，離家也不算遠。沒想到投簡歷後的第二天就來了 對方是乙個中年男人 也就是後面的老總 問了我兩個超級白痴的問題。乙個...
開始第乙份工作
清明假期前去面試了一家做外包的公司。其實之前是不想去外包公司的，因為知乎上的大牛們三令五申，說去外包公司對技術成長不利。可是就像是化學反應吧，那天和前端負責人還有boss聊了1個小時，就想要進入這個團隊。他們也似乎對我挺滿意，於是第二天，我就去上班了。當初我面試的時候，是面的前端崗，不過他們發現我太...