web前端開(kāi)發(fā)小米網(wǎng)站制作實(shí)操教程,web前端開(kāi)發(fā)學(xué)習(xí)教程?
方案一: html <ul> <li class="active"> <em></em> <p><b>參與考試《第一期模擬考試》</b></p> <p><time>3小時(shí)50分鐘</time></p> </li> <li> <em></em> <p><b>學(xué)習(xí)文檔《LDO電路設(shè)計(jì)規(guī)范》</b></p> <p><time>3小時(shí)50分鐘</time></p> </li> <li> <em></em> <p><b>學(xué)習(xí)文檔《LDO電路設(shè)計(jì)規(guī)范》</b></p> <p><time>3小時(shí)50分鐘</time></p> </li> </ul> Css: *{margin:0;padding:0;} ul{ margin:100px; padding:0; list-style: none; } ul li{ position:relative; padding-left: 30px; padding-bottom: 20px; border-left:2px #999 solid; } ul li em{ position:absolute; left:-5px; top:0; width:8px; height:8px;border-radius:8px;background:#999; } ul li.active em{ background: red;} ul li p{margin:0;} ul li time{color:#999;font-size:12px;} 實(shí)現(xiàn)原理: 給每一個(gè)li一個(gè)左邊框,em標(biāo)簽使用樣式寫(xiě)成原點(diǎn),采用定位將原點(diǎn)定位到邊框線上
做web前端要注意什么?
最重要的是學(xué)習(xí)能力,前端是一個(gè)不斷學(xué)習(xí)的行業(yè)。沒(méi)有一層不變的技術(shù)。只有不愛(ài)學(xué)習(xí)的人。其次代碼的規(guī)范性。良好代碼書(shū)寫(xiě)習(xí)慣會(huì)在開(kāi)發(fā)以及后期維護(hù)迭代的時(shí)候省去不必要的麻煩。剩下的多瞅瞅最新的技術(shù),不單單是前端。云服務(wù) 后臺(tái)有時(shí)候也需要涉獵一些。最后就是在開(kāi)發(fā)的時(shí)候,先了解需求 再開(kāi)發(fā)。需求很重要。不理解需求開(kāi)發(fā)再多再好也沒(méi)用。
前端開(kāi)發(fā)具體的工作流程是怎樣的?
web前端開(kāi)發(fā)流程:領(lǐng)導(dǎo)或甲方提出需求,然后產(chǎn)品分析需求,并且根據(jù)需求畫(huà)出原型圖,然后根據(jù)原型圖出設(shè)計(jì)稿。設(shè)計(jì)稿團(tuán)隊(duì)評(píng)審,過(guò)后交與前端制作靜態(tài)頁(yè)面,然后靜態(tài)頁(yè)面,交與設(shè)計(jì)審核,過(guò)后交給開(kāi)發(fā)人員,進(jìn)行動(dòng)態(tài)數(shù)據(jù)的添加。發(fā)布測(cè)試環(huán)境,產(chǎn)品測(cè)試領(lǐng)導(dǎo)審核,成功后,直接發(fā)布產(chǎn)品環(huán)境,進(jìn)行版本迭代。整個(gè)的一個(gè)設(shè)計(jì),開(kāi)發(fā),部署的流程。前面的所有流程中的靈魂是原始需求提出者,但人隨著客觀條件的變化,思維認(rèn)識(shí)會(huì)有所不一致,所以產(chǎn)生了文檔,文檔是貫穿整個(gè)流程的一個(gè)靈魂。而產(chǎn)品是整個(gè)流程中文檔的編寫(xiě)者,因?yàn)楫a(chǎn)品最能接觸最原始的需求,對(duì)需求的理解更深刻或?qū)I(yè)。