前端筆記

三月底隔壁組有個(gè)項(xiàng)目趕進(jìn)度,恰逢他們有個(gè)老哥離職,我便被組長(zhǎng)派去頂一下前端的工作。這算是我正兒八經(jīng)的第一次加入項(xiàng)目,心情也是激動(dòng)又忐忑。

CSS

之前的我沒(méi)有什么寫(xiě)頁(yè)面的經(jīng)歷,做的頁(yè)面多是直接引了插件,就著插件的css,調(diào)個(gè)大概就了事。這次UI組設(shè)計(jì)的得嚴(yán)格遵守,做起來(lái)可太吃力了,讓我發(fā)現(xiàn)自己對(duì)css的了解是只見(jiàn)皮毛。萬(wàn)幸有旁桌渝子哥不怎么忙,對(duì)我悉心教導(dǎo)一番,現(xiàn)在我的CSS算是小成啦。不禁感嘆前端開(kāi)發(fā)原來(lái)css才是核心,cesium開(kāi)發(fā)與寫(xiě)頁(yè)面還是有不小差別。

Leaflet

參與項(xiàng)目需要我寫(xiě)一個(gè)二維的gis地圖頁(yè)面,為此我學(xué)了一下leaflet。這個(gè)插件感覺(jué)還算容易上手,與Cesium、GEE、arcgisApi有些相似處,大抵gisAPI都是相似的。leaflet的拓展性很強(qiáng),雖然沒(méi)有圖例API,但給了L.Control控制模塊的拓展(類似類構(gòu)造器),可以自己DIY想要的控件,感覺(jué)值得深入學(xué)習(xí)。


image.png

echarts

項(xiàng)目統(tǒng)計(jì)功能模塊都使用了echarts來(lái)做圖,對(duì)照文檔還是很明白的。但echarts在頁(yè)面中的樣式?jīng)]法實(shí)時(shí)調(diào)整,div標(biāo)簽鐵板一塊,想要復(fù)雜的效果感覺(jué)上可以和其他插件配合使用。


image.png

flexslider

一個(gè)做幻燈片、輪播圖、滾動(dòng)條等的插件,參數(shù)還挺多,但主要還是靠更改css來(lái)調(diào)整效果。其中時(shí)間軸節(jié)點(diǎn)位置插件css是寫(xiě)在before、after兩個(gè)偽類里的,自定義時(shí)位置很不好控制。國(guó)內(nèi)用的人似乎不多,到stackflow上能找到不少答疑。


image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容