「我的資訊」頁面最後效果:
問題:1.剛開始整體寬高都用了百分比來寫,導致別人的頁面發生了改變,我的頁面的寬高也會受到影響。
2.沒有合理使用定位position:由於很多盒子沒有定位,導致後面想要用position:absolute時,小盒子最近的已定位父元素已經不是位置上的父元素。所以在後期調整適配性時,「報名、一面、二面、結果」,這四個字是使用position:relative向右使用百分比不斷移到合適的位置,但是這樣的話,只要字數有了改變,就要在不同解析度區間改變其的left值,十分麻煩。
3.進度條的實現:進度條的寬度是由%來設定的,但是在調整適配性時,由於每個頁面的寬高不同,%對應的px值也不同,這樣很難讓進度條的位置和上面的圓圈對應。
4.我的資訊的上下兩條槓是用::brefore和::after實現的,由於初始位置的是左上角,所以上面的那條直接向左移動某px就好,但是下面橫槓的在用px改變位置時,不同解析度下,大字和橫槓的間距會發生改變,有時看起來會不協調。
5.整體布局剛開始沒有考慮周全,讓後面加東西或者寫東西增加了麻煩。
總結:1.可以乙個區間使用同乙個寬高,寬高用具體的值,從而避免自己的頁面受到其他頁面的影響。
2.合理用定位,避免後面不好定位元素。
3.重視布局,寫東西之前要想好這個整體分為哪幾塊。
創新實驗室納新比賽賽後感想
從頭回憶起來,在上大學之前接觸過程式設計 之類的東西,但那時候還天真的不知道它們到底能幹什麼,有什麼用,甚至不知道那就是程式設計。直到上了大學,在新傳的時候真正懂得程式設計是什麼東西,它可以來做什麼,那時候開始愛上code,它能給自己帶來快樂。一開始厚著臉皮要到了計算機專業學生的課表,自己沒有課的時...
VUE路由新頁面開啟的方法總結
平常做單頁面的場景比較多,所以大部分的業務是在同乙個頁面進行跳轉。要通過vue路由使用新頁面開啟且傳遞引數,可以採用以下兩個方法 熱門好貨需要注意的是,vue1不支援。1 let routedata this router.resolve 5 6 window.open routedata.href...
實驗室 第一周總結(9 22)
姓 名 於旭庭學 號 52140330102 入 職 時 間 2014.9 本週已完成工作內容及總結 完成 為你自己工作 讀後感 初步了一小部分 課程設計的題目,初來實驗室,剛開始很不適應,感覺到和本科學校的學習方式有很大的不同,這個學校很注重學生動手能力的培養,這正是我所欠缺的能力,實驗室裡高手雲...