熟悉使用Bootstrap實(shí)現(xiàn)響應(yīng)式布局,可以和產(chǎn)品同事協(xié)同完成網(wǎng)頁(yè)的設(shè)計(jì)工作
熟練掌握css3,能設(shè)計(jì)網(wǎng)頁(yè)原型,將UI設(shè)計(jì)轉(zhuǎn)化為符合W3C規(guī)范的" />
熟悉使用jQuery進(jìn)行協(xié)同開(kāi)發(fā),團(tuán)隊(duì)配合意識(shí)良好,能進(jìn)行前端代碼的敏捷開(kāi)發(fā)
熟悉使用Bootstrap實(shí)現(xiàn)響應(yīng)式布局,可以和產(chǎn)品同事協(xié)同完成網(wǎng)頁(yè)的設(shè)計(jì)工作
熟練掌握css3,能設(shè)計(jì)網(wǎng)頁(yè)原型,將UI設(shè)計(jì)轉(zhuǎn)化為符合W3C規(guī)范的靜態(tài)頁(yè)面
熟練掌握HTML+CSS+JavaScript三大前端語(yǔ)言,同時(shí)熟悉常用的前端語(yǔ)言框架,如Bootstrap,JQuery等
項(xiàng)目1:網(wǎng)上商城購(gòu)物頁(yè)面
實(shí)現(xiàn)技術(shù):CSS+HTML+Javascript+jqury
項(xiàng)目難點(diǎn):
定時(shí)器的清除
部分動(dòng)畫(huà)效果需要js自動(dòng)生成,時(shí)間的控制使用了timeout和innertal,其中timerout包含 了innertal,點(diǎn)擊事件和定時(shí)器不在同一個(gè)js文件中,快速來(lái)回點(diǎn)擊的時(shí)候,定時(shí)器清除不 起作用。
解決方案:將該li對(duì)應(yīng)頁(yè)的所有定時(shí)器綁定在該li身上,每次點(diǎn)擊的時(shí)候清除timeout和 innertal。
復(fù)用引入的內(nèi)容
代碼復(fù)用進(jìn)去后高度只能在HTML中通過(guò)復(fù)用鏈接代碼的高度而設(shè)置,但是當(dāng)鼠標(biāo)懸停內(nèi)容時(shí), 內(nèi)容一旦超過(guò)設(shè)置的高度則消失。
解決方案:給復(fù)用內(nèi)容一個(gè)鼠標(biāo)懸停樣式,當(dāng)鼠標(biāo)懸停時(shí)高度發(fā)生變化。
無(wú)縫輪播
無(wú)縫輪播首先是讓第一個(gè)內(nèi)容從左到右的方向移動(dòng),直到第二個(gè)內(nèi)容則停頓一會(huì)的方式而完成一個(gè) 無(wú)縫輪播的效果,當(dāng)它移動(dòng)到最后一張時(shí),它的效果應(yīng)該是立馬就被第一張?zhí)鎿Q,但是它的效果卻 是往反方向移動(dòng)回去。
解決方法:在jQuery中把a(bǔ)nimate樣式改為css樣式。
使用bootstrap導(dǎo)航條完成首部的排版和當(dāng)瀏覽器小于980px則出現(xiàn)的菜單按鈕 用柵欄格式實(shí)現(xiàn)數(shù)據(jù)的布局和美化3、使用bootstrap實(shí)現(xiàn)響應(yīng)式布局。 實(shí)現(xiàn)了頂部導(dǎo)航條,輪播圖自動(dòng)切換,選項(xiàng)卡切換 實(shí)現(xiàn)了首頁(yè)和登錄、注冊(cè)頁(yè)面的相互連接
實(shí)現(xiàn)技術(shù):CSS+HTML+Javascript+jqury 項(xiàng)目難點(diǎn): 定時(shí)器的清除 部分動(dòng)畫(huà)效果需要js自動(dòng)生成,時(shí)間的控制使用了timeout和innertal,其中timerout包含 了innertal,點(diǎn)擊事件和定時(shí)器不在同一個(gè)js文件中,快速來(lái)回點(diǎn)擊的時(shí)候,定
使用JQuery實(shí)現(xiàn)各種特效,優(yōu)化頁(yè)面效果。 再利用HTML進(jìn)行交互。 運(yùn)用HTML和CSS3以及Javascript實(shí)現(xiàn)布局和靜態(tài)頁(yè)面,利用CSS3和Javascript實(shí)現(xiàn)動(dòng)畫(huà)效果。 實(shí)現(xiàn)了地區(qū)大數(shù)據(jù)插入、輪播圖定時(shí)切換、進(jìn)入頁(yè)面廣告等