第一篇：前端開(kāi)發(fā)中一些常用技巧總結(jié)

前端開(kāi)發(fā)中一些常用技巧總結(jié)

自己前端開(kāi)發(fā)中常用到的一些技巧及問(wèn)題解決方法,會(huì)常更新,希望對(duì)前端路上的朋友有幫助.1.文章標(biāo)題列表中日期居右顯示的兩種方法,方法A相對(duì)方法B省資源,但比方法B要多寫(xiě)兩句代碼,使用時(shí)請(qǐng)視情況而定: 方法A(經(jīng)典論壇ariesjia提供的思路.感謝~):

@Mr.Think這是文章標(biāo)題2010-10-10

p span{position:absolute;right:0} 方法B:

2010-10-10@Mr.Think這是文章標(biāo)題

其實(shí)這兩種方法可以延伸到很多情況下,很實(shí)用的一種寫(xiě)法;2.web標(biāo)準(zhǔn)中,同一頁(yè)面中只能有一個(gè)h1標(biāo)簽.很多人知道這個(gè)概念,但做到的卻很少;3.空白外邊距互相疊加的問(wèn)題:一般通過(guò)添加透明邊框或者1px的內(nèi)邊距避免.詳細(xì)解讀:http://mrthink.net/css-margin-overlying-way/;4.ie6下max/min-width/height實(shí)現(xiàn),_width: expression(this.width >600 ? “600px” : true);,height同理.5.html/class/id,最好統(tǒng)一以小寫(xiě)書(shū)寫(xiě),這樣更嚴(yán)謹(jǐn)(符合x(chóng)html標(biāo)準(zhǔn));6.不推薦用下面代碼兼容IE8:

如果是非短期性頁(yè)面,盡量避免使用,頁(yè)面應(yīng)盡可能保證向后兼容.更多兼容方法請(qǐng)?jiān)敿?xì)閱讀: http://mrthink.net/cssandhtml-hack-mainbrower/

7.空div在IE(FF中沒(méi)有)是有默認(rèn)高度的,可以用定義:div { witdh:100%;background:#9c0;font-size:0}的方式去掉默認(rèn)高度;8.在使用table標(biāo)簽時(shí)應(yīng)該盡可能的利用它本身的屬性，最大限度的分離結(jié)構(gòu)與樣式.詳細(xì)解讀:http://mrthink.net/csshtml-colgroup-col-style/;9.充分利用表單中l(wèi)abel標(biāo)簽提升用戶體驗(yàn);這一點(diǎn)對(duì)于頁(yè)面中那些小的選項(xiàng)框,以及對(duì)殘障人士閱讀網(wǎng)站都有好處.細(xì)節(jié)是用戶體驗(yàn)的第一步;10.fieldset, legend標(biāo)簽, 鮮為人知,卻很實(shí)用的一組標(biāo)簽;它可以很明了的把一組元素框起來(lái),主要用于表單;11.optgroup標(biāo)簽,鮮為人知,它對(duì)提升選擇表單用戶體驗(yàn)很有幫助.作用? 就是可以在有很多選項(xiàng)時(shí),對(duì)這些選項(xiàng)分組:

one select two select

three select four select 效果演示:

12.表單都要加name值,name值是一個(gè)標(biāo)示,不同于id,據(jù)我所發(fā)現(xiàn),若是未定義name值,非IE瀏覽器下是無(wú)法通過(guò)document.formid獲取到表單元素的.請(qǐng)看如下代碼及注釋:

第二篇：前端開(kāi)發(fā)心得

web前端核心技術(shù)

從事前端開(kāi)發(fā)工作1年多了，從最初的DIV+CSS學(xué)起，到現(xiàn)在學(xué)到html5、css3、javascript，jquery等等，我覺(jué)得前端要學(xué)的技術(shù)太多了，很多人認(rèn)為前端開(kāi)發(fā)要掌握的技能簡(jiǎn)單，就是網(wǎng)頁(yè)制作，其實(shí)不然，前端開(kāi)發(fā)是網(wǎng)站的前臺(tái)代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，現(xiàn)在最新的高級(jí)版本是HTML5、CSS3，以及SVG等。JavaScript作為最難的語(yǔ)言之一，許多編程高手也不敢妄自菲薄、自封精通。

關(guān)于兼容性的問(wèn)題我相信對(duì)于每個(gè)做前端開(kāi)發(fā)的人來(lái)講是一個(gè)很頭疼的問(wèn)題，互聯(lián)網(wǎng)目前主流瀏覽器有IE6789，F(xiàn)irefox，Chrome，Opera，Safari，遨游，包括國(guó)內(nèi)主流的搜狗，騰訊 TT，360等等；從內(nèi)核上講主要有IE的，遨游版IE，safari，firefox以及opera的，這些都是大家常見(jiàn)的。所謂的瀏覽器兼容性問(wèn)題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁(yè)面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，用戶用什么瀏覽器來(lái)查看同一網(wǎng)站，都應(yīng)該是統(tǒng)一的顯示效果。所以瀏覽器的兼容性問(wèn)題是前端開(kāi)發(fā)人員經(jīng)常會(huì)碰到和必須要解決的問(wèn)題。這個(gè)時(shí)候就需要針對(duì)不同的瀏覽器寫(xiě)不同的CSS，這個(gè)過(guò)程叫CSS hack。雖然我們寫(xiě)代碼都要求按照標(biāo)準(zhǔn)，不寫(xiě)hack代碼，但實(shí)際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應(yīng)該是每個(gè)前端開(kāi)發(fā)人員必備的技能。

前端的開(kāi)發(fā)工具很多，比較常見(jiàn)的有Dreamweaver，Notepad，webstrom，Sublime Text等等，我現(xiàn)在在使用webstorm，強(qiáng)大的提示功能可以幫助我們很快的熟悉并掌握網(wǎng)頁(yè)布局,檢查錯(cuò)誤等。調(diào)試代碼的工具我使用的Firebug。Firebug是網(wǎng)頁(yè)瀏覽器Mozilla firefox 下的一款開(kāi)發(fā)類插件，它集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開(kāi)發(fā)JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個(gè)不同的角度剖析Web頁(yè)面內(nèi)部的細(xì)節(jié)層面，給Web開(kāi)發(fā)者帶來(lái)很大的便利。Firebug也是一個(gè)除錯(cuò)工具。用戶可以利用它除錯(cuò)、編輯、甚至刪改任何網(wǎng)站的CSS、HTML、Dom 以及Javascript代碼。

以上是自己做前端開(kāi)發(fā)的一點(diǎn)心得，它所涵蓋的知識(shí)面遠(yuǎn)遠(yuǎn)不止這些，我也在不斷的學(xué)習(xí)，不斷地豐富自己，希望自己能在前端這個(gè)職位上開(kāi)闊自己的一片天地！

第三篇：web前端開(kāi)發(fā)知識(shí)點(diǎn)總結(jié)

HTML知識(shí)總結(jié)

span

行級(jí)元素，多個(gè)

同行塊級(jí)元素，獨(dú)占

一行塊級(jí)元素，前后

保留一行

標(biāo)題標(biāo)簽，h1~h6表6個(gè)等級(jí)，加粗，前后保留一行width：設(shè)置寬

度height：設(shè)置高

度alt：圖片加載失敗顯示的文本

div

文本類

p

h

圖片標(biāo)簽img

color：顏色

水平線常用標(biāo)簽

hr

size：高度（粗

細(xì)）width：寬度（長(zhǎng)度）herf：超鏈接轉(zhuǎn)到的地址

超鏈接a

target

_self:默認(rèn)值，在當(dāng)前頁(yè)面打開(kāi)_blank:在新窗口

打開(kāi)

帶標(biāo)題的框fieldsetlegend設(shè)置標(biāo)題

disc：實(shí)心圓

無(wú)序列表

列表標(biāo)簽

有序列表

ul

square：小方塊

olcircle：空心圓

tr表示行

th

表示標(biāo)題單元格，居中、加粗

td

表格標(biāo)簽

caption

表示一個(gè)單元格

表示標(biāo)題，定義在第一行，居中

rowspan

設(shè)置單元格占的行

數(shù)

colspan

設(shè)置單元格占的列

數(shù)

action表單提交地址

get：顯示提交參數(shù)，將參數(shù)用?和&拼接到url上

帶到服務(wù)器端

method

post：隱式提交參

數(shù)optgroup 表示分組,分組不能選,只能選分組中的option

下拉菜單

selected默認(rèn)選中

multiple 設(shè)置下拉菜單為多選模式

表單項(xiàng)

rows: 顯示文本的行數(shù)(高度)

文本域</p><p>cols: 顯示文本的列</p><p>數(shù)(寬度)</p><p>name：參數(shù)名</p><p>size：顯示字符長(zhǎng)度（控制文本框長(zhǎng)</p><p>度）maxlength：最大可</p><p>輸入字符數(shù)</p><p>input文本框type=“text”</p><p>placeholder：提示</p><p>內(nèi)容</p><p>disabled：不會(huì)被提交到服務(wù)器readonly：只讀（會(huì)被提交到服務(wù)</p><p>器）</p><p>value：默認(rèn)值</p><p>密碼框</p><p>type=“password”單選按鈕type=“radio”復(fù)選框</p><p>type=“checkbox”文件選擇框type=“file”</p><p>按鈕</p><p>type=“button”提交</p><p>type=“submit”checked：默認(rèn)選</p><p>中</p><p>input</p><p>按鈕</p><p>重置type=“reset”</p><p>noresize：不能改變框架大小</p><p>frame：表示框架</p><p>scolling：是否顯示滾動(dòng)條（yes、no、auto）設(shè)置框架集在縱向上的拆分策略設(shè)置框架集在橫向上的拆分策略</p><p>rows</p><p>cols</p><p>border</p><p>框架集<frameset></p><p>框架邊框的寬度</p><p>borderColor框架邊框顏色</p><p>frameBorder</p><p>設(shè)置框架是否有邊框(yes|no)_blank:新窗口中</p><p>打開(kāi)_self:在當(dāng)前窗口</p><p>打開(kāi)</p><p>框架集中的超鏈接打開(kāi)方式target_parent:父窗口</p><p>中打開(kāi)_top在最頂層窗口中打開(kāi)frameName：在對(duì)應(yīng)name框架打</p><p>開(kāi)</p><p>ifame</p><p>在頁(yè)面中嵌入框架</p><p>dl、dt、dd其他標(biāo)簽</p><p><dl></p><p><dt>數(shù)碼</dt> <!--dt不會(huì)縮進(jìn)--><dd>手機(jī)</dd> <!--dd會(huì)縮進(jìn)--></dl></p><p>marquee：滾動(dòng)標(biāo)簽</p><p><img src=“usemap_img.jpg” usemap=“#yifuMap”></p><p><map name=“yifuMap” id=“yifuMap”><area</p><p>shape=“circle”</p><p>coords=“309,257,20”target=“_blank”</p><p>href=“http://5新標(biāo)簽</p><p>number：數(shù)字輸入</p><p>date picker：日期選擇</p><p>datalist：自動(dòng)提示</p><p><datalist id=”arealist“><option>sichuan</option><option>chongqing</option><option>guangzhou</option><option>shanghai</option><option>beijing</option><option>tianjin</option></datalist></p><p><input type=”text“ list=”arealist“></p><p>video：動(dòng)畫(huà)</p><p>媒體</p><p>radio：音頻</p><p>autocomplete：是否關(guān)閉自動(dòng)提示（off |</p><p>on）html5新標(biāo)簽</p><p>autofocus: 自動(dòng)獲得</p><p>焦點(diǎn)</p><p>required: 表示控件</p><p>必須輸入內(nèi)容</p><p>controls : 播放控制條</p><p>autoplay ：自動(dòng)播放</p><p>loop ：循環(huán)播放preload ：預(yù)加載，如果設(shè)置了autoplay，就可以不用設(shè)置preload</p><p>CSS知識(shí)點(diǎn)總結(jié)</p><p>內(nèi)聯(lián)：直接在標(biāo)簽的style屬性上編寫(xiě)</p><p>樣式<input type=”text“ style=”color: blue;background-color: #eeeeff;“>樣式定義方式</p><p>樣式塊：在style標(biāo)簽中編寫(xiě)樣式塊，并通過(guò)一定規(guī)則（選擇器）應(yīng)用到對(duì)應(yīng)的那些標(biāo)簽上(通常寫(xiě)在head中)</p><p><style>span {</p><p>color: green;</p><p>background-color: #eeffee;}</p><p></style></p><p>外部樣式文件：將樣式塊編寫(xiě)在外部的css文件中(不用寫(xiě)style標(biāo)簽)* 在需要使用樣式的頁(yè)面通過(guò)link標(biāo)簽引入樣式文件(通常寫(xiě)在head中)</p><p><link href=”hehe.css“ rel=”stylesheet“></p><p>id選擇器#xxx 針對(duì)id為xxx的標(biāo)簽</p><p>類選擇器.xxx 針對(duì)class屬性為xxx的標(biāo)</p><p>簽</p><p>標(biāo)簽選擇xxx 針對(duì)標(biāo)簽名為xxx的標(biāo)簽</p><p>*選擇器選擇所有元素選擇器</p><p>后代元素關(guān)系選擇selector1 selector2 {...} 針對(duì)selector1下的所有的selector2</p><p>子元素關(guān)系選擇selector1 > selector2 {...} 只針對(duì)selector1的selector2子元素(如果有后代selector2元素則不會(huì)應(yīng)用)</p><p>緊鄰兄弟關(guān)系選擇selector1 + selector2 {...} 只針對(duì)緊接在selector1后的selector2元素</p><p>所有隨后的兄弟關(guān)系selector1 ~ selector2 {...} 針對(duì)selector1后的所有的selector2兄弟元素</p><p>color：字體顏色</p><p>font-size：字體大小</p><p>font-family：字體樣式</p><p>字體</p><p>font-weight: bolder(加粗)| normal(不加粗)font-style: 設(shè)置字體傾斜(normal | italic | oblique)*italic和oblique實(shí)際顯示效果</p><p>幾乎一致font-variant: 設(shè)置字體顯示為小型大寫(xiě)字母</p><p>text-align: 水平對(duì)齊方式(left | center | right)常用屬性</p><p>vertical-align: 垂直對(duì)齊方式(top | middle |</p><p>bottom)</p><p>line-height: 設(shè)置行高(通常用于設(shè)置文本居</p><p>中)</p><p>white-space: nowrap 不換行, pre 當(dāng)做pre標(biāo)簽</p><p>border: 邊框(1px solid</p><p>red)</p><p>文本</p><p>width: 寬度</p><p>underline 下劃線</p><p>height: 高度</p><p>overline 上劃線</p><p>text-decoration: 文本裝</p><p>飾</p><p>line-through 貫穿線(刪</p><p>除線)</p><p>blink 閃爍</p><p>none 無(wú)</p><p>dtext-shadow: 3px 3px 5px red;第一個(gè)參數(shù): 陰影水平位置(x軸上的偏移量)</p><p>text-shadow: 文本陰影</p><p>第二個(gè)參數(shù): 陰影垂直位置(y軸上的偏移量)</p><p>第三個(gè)參數(shù): 模糊程度第四個(gè)參數(shù): 陰影顏色</p><p>padding：內(nèi)邊距</p><p>padding: xxpx;</p><p>padding: xxpx xxpx;</p><p>padding: xxpx xxpx xxpx;</p><p>padding: xxpx xxpx xxpx xxpx;padding: auto;</p><p>padding: xxpx auto;padding-toppadding-leftpadding-rightpadding-bottom盒子模型</p><p>margin：外邊距</p><p>margin: xxpx;</p><p>margin: xxpx xxpx;</p><p>margin: xxpx xxpx xxpx;</p><p>margin: xxpx xxpx xxpx xxpx;margin: auto;</p><p>margin: xxpx auto;margin-topmargin-leftmargin-rightmargin-bottom</p><p>border：邊框</p><p>color：顏色；width：寬度；</p><p>style：outset|inset|solid|double|dottedborder-radius: 10px;/* 同時(shí)設(shè)置4個(gè)角*/</p><p>background-color: 背景顏色</p><p>background-image: 背景圖片</p><p>background-repeat: no-repeat | repeat-x |</p><p>repeat-y | repeat背景</p><p>background-position: xxxpx xxpx | xx%</p><p>xx%;(可以為負(fù)數(shù))</p><p>background-size: xxxpx xxpx | xx% xx% |</p><p>cover | contain;(不能為負(fù)數(shù))</p><p>cover: 拉伸,可以超出contain: 拉伸不能超出</p><p>background-attachment: scroll(隨著內(nèi)容</p><p>一起滾動(dòng))| fixed(不滾動(dòng))</p><p>hidden：隱藏</p><p>scroll：滾動(dòng)</p><p>overflow：當(dāng)內(nèi)容溢出</p><p>時(shí)的處理方式</p><p>visible：直接顯示</p><p>auto：如果溢出就滾動(dòng)，否則不顯示滾動(dòng)條</p><p>visible 顯示</p><p>visibility：設(shè)置元素是</p><p>否顯示</p><p>hidden 隱藏，保留占位</p><p>none：隱藏，不保留占</p><p>位</p><p>block：設(shè)置為塊級(jí)元</p><p>素</p><p>display：設(shè)置元素是否</p><p>顯示</p><p>inline：設(shè)置為行級(jí)元</p><p>素</p><p>布局</p><p>inline-block：設(shè)置為行</p><p>內(nèi)塊元素</p><p>left 左浮動(dòng)</p><p>float: 浮動(dòng)right 右浮動(dòng)</p><p>none 不浮動(dòng)</p><p>left 不允許左邊有浮動(dòng)</p><p>clear: 清除浮動(dòng)right 不允許右邊有浮動(dòng)</p><p>both 不允許兩邊有浮動(dòng)</p><p>ul或ol 自帶樣式：</p><p>列表樣式</p><p>list-style-type: 列表項(xiàng)的樣式</p><p>margin: 16px 0px;padding: 0px 0px 0px</p><p>40px;</p><p>absolute：如果有父元素被定位按照父元素的原點(diǎn)進(jìn)行定位，否則按照瀏覽器原點(diǎn)進(jìn)行定位</p><p>position</p><p>定位</p><p>z-index: 設(shè)置z軸的值，越大越在最前</p><p>relative：相對(duì)定位參照元素本身的位置</p><p>fixed：固定位置，不</p><p>會(huì)滾動(dòng)</p><p>link 超鏈接默認(rèn)樣式</p><p>hover 鼠標(biāo)懸停樣式</p><p>active 鼠標(biāo)點(diǎn)擊樣式</p><p>visited 訪問(wèn)之后的樣式（主要控制顏色）</p><p>偽類</p><p>focus 獲得輸入焦點(diǎn)的樣式</p><p>first-child 第一個(gè)元素</p><p>last-child 最后一個(gè)元素</p><p>:not 不包含指定的選</p><p>擇器</p><p>:noly-child 是父元素的唯</p><p>一子元素</p><p>cursor 鼠標(biāo)樣式</p><p>其他樣式</p><p>box-shadow 陰影</p><p>translate:平移</p><p>rotate：旋轉(zhuǎn)transform：變換</p><p>scale：縮放</p><p>skew：扭曲</p><p>matrix：以變換矩陣變換</p><p>第一個(gè)值表示需要過(guò)渡的樣式屬性transition 過(guò)渡</p><p>transition:transform2s,background-color.5s;</p><p>第二個(gè)值表示整個(gè)過(guò)渡過(guò)程需要的時(shí)間第三個(gè)值表示過(guò)渡時(shí)的貝塞爾曲線第四個(gè)值表示延遲多久才開(kāi)始過(guò)渡animation 動(dòng)畫(huà)</p><p>@keyfarmes 關(guān)鍵幀用于定義動(dòng)畫(huà)的細(xì)節(jié)（每一幀如何顯示）</p><p>@keyframes myanimation {0% { background-color: #cfc;}30% {</p><p>background-color: #ccf;border-radius: 50px;}80% {</p><p>width: 300px;</p><p>background-color: #fcc;}</p><p>100% {</p><p>width: 300px;height: 300px;</p><p>background-color: #000;}}</p><p>@-o-keyframes myanimation {}@-ms-keyframes myanimation {}@-moz-keyframes myanimation {}@-webkit-keyframes myanimation {}</p><p>需要顯示動(dòng)畫(huà)的地方通過(guò)animation屬性來(lái)使用聲明的關(guān)鍵幀</p><p>.ac:active {</p><p>animation: myanimation 5s;-o-animation: myanimation 5s;-ms-animation: myanimation 5s;-moz-animation: myanimation 5s;-webkit-animation: myanimation 5s;}opacity透明度從0.0 ~ 1.0 0.0完全透明，1.0 完全不透明瀏覽器兼容前綴</p><p>-webkit-chrome，safari, opera-o-opera</p><p>-moz-firefox</p><p>-ms-ie（ie9以上）</p><p>JavaScript</p><p>javascript代碼必須包含在<script></script>標(biāo)簽中</p><p>也可以書(shū)寫(xiě)到外部的.js文件中,通過(guò)<script src=”xxx.js“></script>來(lái)引入</p><p>script標(biāo)簽只能同時(shí)做一件事情.如果既有src屬性也包含代碼則只會(huì)執(zhí)行外部文件的代碼</p><p>通過(guò)alert來(lái)彈出提示框</p><p>通過(guò)document.write來(lái)輸入文本到頁(yè)面上(可以輸入標(biāo)簽)Number: 數(shù)值型整數(shù)和小數(shù)Boolean: 布爾型(true |</p><p>false)</p><p>String: 字符串</p><p>字符串必須被”“或''包含必須對(duì)稱</p><p>如果字符串中包含引號(hào)可以單引號(hào)中包含雙引號(hào)或者是雙引號(hào)中包含單引號(hào)</p><p>也可以使用'來(lái)表示一個(gè)單引號(hào)”來(lái)表示一個(gè)雙引號(hào)</p><p>n 表示換行數(shù)據(jù)類型</p><p>t 表示制表符表示書(shū)寫(xiě)方式</p><p>NaN: Not A Number 當(dāng)使用非數(shù)字來(lái)進(jìn)行運(yùn)算時(shí)的值</p><p>undefied: 未定義</p><p>null: 空值</p><p>substring 截取子串, 從start到end-1處,如果</p><p>沒(méi)指定end則取到最后一個(gè)字符</p><p>toUpperCase 將所有字符變成大寫(xiě)</p><p>toLowerCase 將所有字符變成小寫(xiě)</p><p>indexOf 查找子串首次出現(xiàn)的位置, 如果找不到則</p><p>返回-1字符串處理</p><p>lastIndexOf 查找子串最后一次出現(xiàn)的位置, 如果找不到則返回-1charAt 取指定位置上的字符slice 也是取子串,效果和substring一樣可以用-1,-2,-3...從末尾</p><p>開(kāi)始計(jì)數(shù)split 將字符串按照指定的字符進(jìn)行拆分成為數(shù)組</p><p>獲取當(dāng)前時(shí)間var now = new Date()</p><p>獲取指定時(shí)間的日期對(duì)象</p><p>var date = new Date(yyyy,MM,dd,HH,mm,ss)</p><p>設(shè)置指定時(shí)間(將時(shí)間對(duì)象設(shè)置為一個(gè)指定時(shí)間)</p><p>now.setFullYear(yyyy,MM,dd,HH,mm,ss)</p><p>now.setMonth日期Date</p><p>now.setDatenow.setHours</p><p>...獲取指定時(shí)間信息</p><p>now.getFullYear()// 年只能取出年份,如: 2015</p><p>now.getMonth // 月0-11月</p><p>now.getDate // 日</p><p>now.getDay // 星期0-6(0表示星期天)</p><p>now.getHours // 時(shí)24小時(shí)制</p><p>now.getMinutes // 分now.getSeconds // 秒now.getMilliseconds// 毫秒</p><p>通過(guò)new Array()來(lái)創(chuàng)建數(shù)組var names = new Array();</p><p>var names = new Array(“小王”, “大王”, “炸彈”);// 創(chuàng)建時(shí)給數(shù)組設(shè)置默認(rèn)值</p><p>//用json格式表示數(shù)組</p><p>var names = [];</p><p>var names = [“小王”, “大王”, “炸彈”];數(shù)組Array</p><p>可以通過(guò)length來(lái)設(shè)置或獲取數(shù)組的長(zhǎng)度</p><p>push : 往數(shù)組末尾添加元素</p><p>pop: 刪除并返回?cái)?shù)組的最后一個(gè)元素unshift: 往數(shù)組的開(kāi)頭添加元素shift: 刪除并返回?cái)?shù)組的第一個(gè)元素reverse: 顛倒數(shù)組順序</p><p>sort: 按“字符串”的自然排序規(guī)則進(jìn)行升序</p><p>splice: 刪除指定位置處的指定個(gè)數(shù)元素并將第三個(gè)參數(shù)之后的參數(shù)添加到被刪除位置(設(shè)置第二個(gè)參數(shù)為0則實(shí)現(xiàn)只添加不刪除, 之傳入兩個(gè)參數(shù)實(shí)現(xiàn)只刪除不添加)</p><p>slice: 獲取start到end處的子數(shù)組</p><p>join: 將數(shù)組元素以指定分隔符進(jìn)行連接成為字符串</p><p>function xxx(....){</p><p>聲明函數(shù)</p><p>....}</p><p>var xxx = function(...){</p><p>...函數(shù)變量</p><p>}var ooo = xxx;</p><p>ooo();函數(shù)</p><p>function fn(fx){</p><p>fx();</p><p>將函數(shù)作為參數(shù)</p><p>}fn(function(){</p><p>...});（function(...){</p><p>立即執(zhí)行函數(shù)</p><p>....})(...);</p><p>getElementById 根據(jù)id獲取唯一的元素var xx = document.getElementById(“xx”);DOM(Document Object Model)文檔對(duì)象模型</p><p>獲取元素</p><p>getElementsByTagName 根據(jù)標(biāo)簽名獲取元</p><p>素?cái)?shù)組</p><p>onclick 鼠標(biāo)點(diǎn)擊事件</p><p>getElementsByClassName 根據(jù)類獲取元素?cái)?shù)組(如果元素被改變了class值將會(huì)從數(shù)組</p><p>中刪除)</p><p>onmouseover 鼠標(biāo)進(jìn)入事件</p><p>onmouseout 鼠標(biāo)離開(kāi)事件</p><p>onmousemove 鼠標(biāo)被移動(dòng)</p><p>onmousedown 鼠標(biāo)按鈕被按下事件機(jī)制</p><p>onmouseup 鼠標(biāo)按鈕被松開(kāi)</p><p>onkeydown 某個(gè)鍵盤(pán)按鍵被按下</p><p>onkeyup某個(gè)鍵盤(pán)按鍵被松開(kāi)</p><p>onload 一張頁(yè)面或圖像被完成加載</p><p>onchange 域的內(nèi)容被改變</p><p>onfocus 元素獲得焦點(diǎn)</p><p>onblur 元素失去焦點(diǎn)</p><p>setTimeout: 延遲執(zhí)行(只會(huì)執(zhí)</p><p>行一次)var xx = setTimeout(xxx, 1000);setTimeout(“fn();”, 3000);BOM(Browser Object Model)</p><p>window</p><p>清除使用clearTimeout(xx);setInterval: 定時(shí)執(zhí)行(間隔指</p><p>定時(shí)間循環(huán)執(zhí)行)</p><p>xx.offsetLeft獲取元素的位置和尺寸(只讀)</p><p>xx.offsetTopxx.offsetWidthxx.offsetHeight</p><p>var xx = setInterval(xxx,1000);</p><p>清除使用clearInterval(xx);</p><p>[] 表示[]中的字符任意取一個(gè)</p><p>在[] 中的^ 表示非不包含該字符</p><p>()表示將多個(gè)表達(dá)式合并為一個(gè)表達(dá)式</p><p>在()中的|表示將兩個(gè)匹配條件進(jìn)行邏輯“或”（Or）運(yùn)算。+ 前一個(gè)表達(dá)式出現(xiàn)至少一次1~n {1,}* 前一個(gè)表達(dá)式出現(xiàn)任意次0~n {0,}? 前一個(gè)表達(dá)式出現(xiàn)0~1次{0,1}{n} 前一個(gè)表達(dá)式出現(xiàn)n次</p><p>{n,} 前一個(gè)表達(dá)式出現(xiàn)至少n次{n,m} 前一個(gè)表達(dá)式出現(xiàn)n~m次.任意字符(不包含rn)正則表達(dá)式</p><p>^ 匹配字符串的開(kāi)頭$ 匹配字符串的結(jié)尾</p><p>w 表示一個(gè)任意的單詞字符包括_ [a-zA-Z0-9_] * 不包含破折號(hào)</p><p>W 對(duì)w取反(不包含單詞字符)[^a-zA-Z0-9_]d 表示一個(gè)數(shù)字字符[0-9]D 對(duì)d取反[^0-9]s 表示一個(gè)任意空白字符空格中文狀態(tài)的空格制表符全角空格</p><p>S 對(duì)s取反非空格n 換行符b 單詞邊界</p><p>B 不是單詞邊界(對(duì)b取反)</p><p>eval</p><p>執(zhí)行字符串形式的代碼。</p><p>for(var i in array){var item = array[i];</p><p>}</p><p>for(var key in obj){var value = obj[key];</p><p>}</p><p>迭代數(shù)組迭代出的值為數(shù)組的下標(biāo)</p><p>for...in</p><p>迭代對(duì)象迭代出的值為對(duì)象的屬性名其他</p><p>with</p><p>設(shè)置以某個(gè)對(duì)象為代碼塊作用域?qū)ο?/p><p>delete attribute刪除屬性</p><p>isNaN</p><p>如果被判斷值不是一個(gè)數(shù)字則返回true，否則為false</p><h2><a name="4" >第四篇：前端開(kāi)發(fā)實(shí)習(xí)總結(jié)</a></h2><p>多種多樣的Web應(yīng)用跟隨互聯(lián)網(wǎng)Web2。0時(shí)代的興起不斷出現(xiàn)，Web前端出現(xiàn)了翻天覆地的變化，今天小編給大家整理了前端開(kāi)發(fā)實(shí)習(xí)總結(jié)，謝謝大家對(duì)小編的支持。</p><p>前端開(kāi)發(fā)實(shí)習(xí)總結(jié)篇一</p><p>今天就簡(jiǎn)單聊聊上面的Struts+Spring+Hibernate吧。</p><p>Struts 代表：表示層；Spring代表：業(yè)務(wù)邏輯層；Hibernate則代表持久層。他們是目前在Java Web編程開(kāi)發(fā)中用得最多的框架，其實(shí)這樣區(qū)分是為了適應(yīng)軟件開(kāi)發(fā)過(guò)程中各個(gè)分工部門(mén)之間保持一致性的需要。說(shuō)得簡(jiǎn)單點(diǎn)就是大家都在一個(gè)模式下寫(xiě)代碼，這樣就能保證寫(xiě)出來(lái)的程序能被每一個(gè)人都能夠讀懂，而且有些基本的東西它可以自動(dòng)幫你生成，不用你自己一個(gè)一個(gè)的敲了，達(dá)到了代碼復(fù)用。這樣保證可讀性的同時(shí)也提高了開(kāi)發(fā)效率，從而降低了成本。Struts這個(gè)框架其實(shí)就是Java MVC設(shè)計(jì)模式中（簡(jiǎn)稱Model1與Model2）Model2的一個(gè)具體實(shí)現(xiàn)，Spring 則通過(guò)提供ICO（控制反轉(zhuǎn)，也稱依賴注入）實(shí)現(xiàn)了對(duì)對(duì)象甚至事務(wù)（如聲明式事務(wù)）的集中管理，此外還引入了AOP（對(duì)向切面編程），當(dāng)然也完全兼容其它框架。Hibernate嗎，就是一個(gè)實(shí)現(xiàn)對(duì)象與關(guān)系映射的中間件，大家知道，現(xiàn)在的主流數(shù)據(jù)庫(kù)還是關(guān)系型的，但編程卻已經(jīng)采用了面向?qū)ο蟮乃枷耄绾巫尵幊倘藛T能像操作對(duì)象一樣，操縱數(shù)據(jù)庫(kù)里的數(shù)據(jù)呢？Hibernate就是這樣一種框架。以前Java程序員與數(shù)據(jù)庫(kù)打交道都是通過(guò)JDBC，還要寫(xiě) SQL語(yǔ)句，不過(guò)Hibernate徹底改變了這一切，它在JDBC之上又作了一次封裝，從而實(shí)現(xiàn)了不用寫(xiě)SQL語(yǔ)句就可以實(shí)現(xiàn)操作數(shù)據(jù)庫(kù)。</p><p>值得提醒的是，這三個(gè)框架都是輕量級(jí)的，沒(méi)有侵入性或者侵入性很低，不像EJB這樣的重量級(jí)框架，它們都能最大限度的實(shí)現(xiàn)代碼的可復(fù)用。</p><p>前端開(kāi)發(fā)實(shí)習(xí)總結(jié)篇二</p><p>以前在校很少自己做程序，對(duì)軟件工程更是一無(wú)所知。來(lái)到公司，開(kāi)始接觸“大規(guī)模”（其實(shí)現(xiàn)在看來(lái)實(shí)習(xí)的項(xiàng)目其實(shí)還是很小的）軟件開(kāi)發(fā)，一時(shí)真的有些迷茫。比起VSS，MVC，QA，CMMI，我對(duì)JAVA，JSP，XML的一竅不通根本不值一提。大家都不想輸在“起點(diǎn)”，所以都默契地在加班，這樣一直持續(xù)了實(shí)習(xí)的兩個(gè)月。</p><p>剛來(lái)的時(shí)候“始業(yè)教育”顯得慢吞吞，我們還經(jīng)常盤(pán)算去哪哪玩之類的。我和FLYSKY（20個(gè)新生里唯一一個(gè)南區(qū)的兄弟，軟件學(xué)院的）還經(jīng)常出去吃各種小吃，每到一處都嘗嘗本地的風(fēng)味，這是他的習(xí)慣。之后開(kāi)始的培訓(xùn)還不是很難過(guò)，JAVA，C++，ORACLE，老師們講的很“好”，可以說(shuō)是非常好，好得我們沒(méi)有幾個(gè)人能聽(tīng)懂。大家開(kāi)始發(fā)愁，我也是每天晚上都基本看書(shū)到10點(diǎn)。</p><p>“我心說(shuō)得虧哥們我還練過(guò)”，來(lái)之前的2月份我就自己買了一本THINKING IN JAVA，看懂看不懂怎么說(shuō)也算是準(zhǔn)備了一下JAVA，C++雖說(shuō)沒(méi)去上過(guò)課，但憑我的直覺(jué)我就一下看中這東西很有用，自己也看過(guò)一陣。至于ORACLE，雖然不了解，但畢竟因?yàn)榕宸霸骑w揚(yáng)”的性格和敬業(yè)精神，咱SQL選修也不是白混的。專業(yè)倒還有點(diǎn)“基礎(chǔ)”，再加上咱這自學(xué)能力也不是吹的，基本維持。可等到后來(lái)的日語(yǔ)課就全迷糊了：本就沒(méi)有語(yǔ)言天賦，再加上記憶嚴(yán)重欠缺，總是特別害怕去上日語(yǔ)課。不過(guò)特別喜歡那個(gè)老師說(shuō)話的感覺(jué)，加上她一直對(duì)我都很好，所以還是很用心的學(xué)著。</p><p>隨著培訓(xùn)的收尾，我們開(kāi)始正式進(jìn)入項(xiàng)目。從需求分析，概要設(shè)計(jì)到詳細(xì)設(shè)計(jì)，我們一步一步的開(kāi)始接觸軟件開(kāi)發(fā)的每個(gè)細(xì)節(jié)。最受不了的就是每天都要記“周報(bào)”，填寫(xiě)自己的勞動(dòng)成果。因?yàn)檫@個(gè)我還被QA通報(bào)了好幾次呢，真的很郁悶。其實(shí)現(xiàn)在我很感謝這種制度化的東西，某些情況下好習(xí)慣的養(yǎng)成是要靠強(qiáng)制來(lái)確保的。詳細(xì)設(shè)計(jì)之后就是企盼已久的編碼，我心想終于可以做點(diǎn)“正事”了。現(xiàn)在回頭一看才知道，其實(shí)編碼只占軟件開(kāi)發(fā)的整個(gè)過(guò)程勞動(dòng)量的1/4左右，而且其他的環(huán)節(jié)也不是想象中的那么無(wú)足輕重。</p><p>編碼我其實(shí)做的很不好，主要是因?yàn)樾枨蠓治鲭A段就沒(méi)有認(rèn)真仔細(xì)的理解需求和規(guī)格說(shuō)明，加上編碼時(shí)一個(gè)關(guān)鍵時(shí)段我回校和老同學(xué)敘舊。那陣項(xiàng)目經(jīng)理（PM）就經(jīng)常和我們說(shuō)，“有問(wèn)題自己想辦法，不要經(jīng)常問(wèn)我”。PM其實(shí)是在叫我們自己醞釀，遇到難題只有“憋”一“憋”才能有真的收獲。而我不在的那三天正好是大家技術(shù)/思路上的一個(gè)“躍遷”，很多難題的解決方法都基本成熟，大家的編碼也接近50%了，所以回來(lái)時(shí)我感覺(jué)已經(jīng)掉隊(duì)很多。再一個(gè)就是編碼中期時(shí)機(jī)器出問(wèn)題，環(huán)境搭不上了，這使我更加緊張和急躁，大大影響了我的士氣。后來(lái)利用五一其間的加班我終于趕完了自己的模塊，達(dá)到了第一個(gè)里程碑。其實(shí)從發(fā)現(xiàn)落后到加班趕完這段經(jīng)歷，對(duì)我來(lái)說(shuō)也具有里程碑的意義。不僅考驗(yàn)了我自己的能力和心理素質(zhì)，也證明了我對(duì)集體的責(zé)任感和合作意識(shí)。我可以叫別人來(lái)幫我做趕上進(jìn)度，但那樣我會(huì)錯(cuò)過(guò)自己學(xué)習(xí)的機(jī)會(huì)，以后再遇到難題我還是不行；我也可以硬著頭皮導(dǎo)致項(xiàng)目延期，那樣我以后的日子保證不好過(guò)，而且這么做也不符合我的性格。事實(shí)證明我頂住壓力獨(dú)立完成任務(wù)不管是對(duì)集體還是對(duì)我個(gè)人都是一件大好事。</p><h2><a name="5" >第五篇：前端開(kāi)發(fā)命名規(guī)范范文</a></h2><p>前端開(kāi)發(fā)工作規(guī)范</p><p>為提高團(tuán)隊(duì)協(xié)作效率，便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)，輸出高質(zhì)量的文檔，特制訂此文檔。本規(guī)范文檔一經(jīng)確認(rèn)，前端開(kāi)發(fā)人員必須按本文檔規(guī)范進(jìn)行前臺(tái)頁(yè)面開(kāi)發(fā)。</p><p>【寫(xiě)在規(guī)則前面的話】</p><p>項(xiàng)目的可維護(hù)性第一。你不是一個(gè)人在做事，項(xiàng)目的維護(hù)和二次開(kāi)發(fā)可能是直接的或間接的團(tuán)隊(duì)合作。好的可維護(hù)性，從四個(gè)方面下手：</p><p>1）代碼的松耦合，高度模塊化，將頁(yè)面內(nèi)的元素視為一個(gè)個(gè)模塊，相互獨(dú)立，盡量避免耦合過(guò)高的代碼，從html,css,js三個(gè)層面都要考慮模塊化。</p><p>2）良好的注釋。</p><p>3）注意代碼的彈性，在性能和彈性的選擇上，一般情況下以彈性為優(yōu)先考慮條件，在保證彈性的基礎(chǔ)上，適當(dāng)優(yōu)化性能。</p><p>4）嚴(yán)格按照規(guī)范編寫(xiě)代碼。</p><p>【命名規(guī)則】</p><p>為避免命名沖突，命名規(guī)則如下：</p><p>1）公共組件因?yàn)楦叨戎赜茫麖暮?jiǎn)，不要加前綴；</p><p>2）各欄目的相應(yīng)代碼，需加前綴，前綴為WD姓名拼音的首字母，例如：杰夫前綴為“jf_”，分隔符為下劃線“_”，例如：“jf_imgList”;</p><p>3）模塊組件化，組件中的class或id名采用駱駝命名法和下劃線相結(jié)合的方式，單詞之間的分隔靠大寫(xiě)字母分開(kāi)，從屬關(guān)系靠下劃線分隔。例如：</p><p>html:</p><p><ul class=”textList”></p><p><li id="jdb3l39rxn9" class=”textList_firstItem”>1)XXXXXXXXXXXXXX</li></p><p><li>2)XXXXXXXXXXXXXX</li></p><p><li>3)XXXXXXXXXXXXXX</li></p><p></u1></p><p>css:</p><p>.textList{}.text_list X{}</p><p>.textList_firstItem{ }.textListFirstItem X{}</p><p>4）命名清晰，不怕命名長(zhǎng)，怕命名容易沖突，長(zhǎng)命名可以保證不會(huì)產(chǎn)生沖突，所以css選擇時(shí)可以盡量不使用子選擇符，也能確保css優(yōu)先級(jí)權(quán)重足夠低，方便擴(kuò)展時(shí)的覆蓋操作：.textList_firstItem{}.textList.firstItem{}</p><p>5)命名要有意義，不要使用沒(méi)有意義的命名。用英語(yǔ)命名，不要用拼音。</p><p>【分工安排】</p><p>1)分工原則為公共組件（包括common.css和public.JS）一人維護(hù)，各欄目其他人負(fù)責(zé)，每個(gè)欄目正常情況下一人負(fù)責(zé)，要詳細(xì)寫(xiě)明注釋，如果多人合作，維護(hù)的人員注意添加注釋信息，具體注釋細(xì)則，詳見(jiàn)注釋規(guī)則；</p><p>2)VD設(shè)計(jì)完設(shè)計(jì)圖后，先和交互設(shè)計(jì)師溝通，確定設(shè)計(jì)可行，然后先將設(shè)計(jì)圖給公共組件維護(hù)者，看設(shè)計(jì)圖是否需要提取公共組件，然后再提交給相應(yīng)欄目的WD。如果有公共組件要提取，公共組件維護(hù)者需對(duì)欄目WD說(shuō)明。</p><p>3)如果確定沒(méi)有公共組件需提取，交互設(shè)計(jì)師直接和各欄目的WD交流，對(duì)照著VD的設(shè)計(jì)</p><p>圖進(jìn)行說(shuō)明，WD完成需求；</p><p>4)WD在制作頁(yè)面的時(shí)候，需先去common文件中查詢是否已經(jīng)存在設(shè)計(jì)圖中的組件，如果有，直接調(diào)用；沒(méi)有，則在app.css和app.JS中添加相應(yīng)的代碼。</p><p>5)WD在制作過(guò)程中，發(fā)現(xiàn)有高度重用的模塊，卻未被加入到公共組件中，需向公共組件維護(hù)人進(jìn)行說(shuō)明，然后工作組件維護(hù)人決定是否添加該組件。如果 確定添加，則向WD們說(shuō)明添加了新組件，讓W(xué)D們檢查之前是否添加了類似組件，統(tǒng)一更新成新組件的用法，刪除之前自定義的css和js。雖然麻煩，但始終 把可維護(hù)性放在首位。</p><p>6)公共組件維護(hù)者的公共組件說(shuō)明文檔，需圖片和說(shuō)明文字配套，方便閱讀。</p><p>【注釋規(guī)則】</p><p>1.公共組件維護(hù)者和各欄目WD都需要在文件頭部加上注釋說(shuō)明：</p><p>/**</p><p>*文件用途說(shuō)明</p><p>*作者姓名、聯(lián)系方式（旺旺）</p><p>*制作日期</p><p>**/</p><p>2.大的模塊注釋方法：</p><p>//================</p><p>// 代碼用途</p><p>//================</p><p>3.小的注釋；</p><p>//代碼說(shuō)明</p><p>注釋單獨(dú)一行，不要在代碼后的同一行內(nèi)加注釋。</p><p>例如：</p><p>//姓名</p><p>var name = “abc”;V</p><p>var name =”abc”;//姓名 X</p><p>4.維護(hù)人員的注釋方法：盡量根據(jù)注釋說(shuō)明，找到代碼的原作者，讓原作者進(jìn)行維護(hù)，原作者進(jìn)行維護(hù)可以無(wú)需添加額外說(shuō)明，直接進(jìn)行修改。如果因?yàn)樘厥庠颍瑹o(wú)法讓原作者進(jìn)行維護(hù)，需添加額外說(shuō)明進(jìn)行注釋。說(shuō)明文字為：“/*change by xxx)原代碼如下：</p><p><{源代碼}>.新代碼如下:*/</p><p>新代碼：</p><p>如：var name = “abc”;這段代碼，要將name由“abc”變成“123”，原作者可直接改var name=”123”;非原作者修改，需改成：</p><p>/*(change by 杰夫)原代碼如下：<{</p><p>var name = “abc”;</p><p>}>新代碼如下：*/</p><p>var name =”123”;</p><p>修改時(shí)添加的注釋，在項(xiàng)目通過(guò)測(cè)試之后，上線前，可以優(yōu)化掉。</p><p>【js規(guī)范】</p><p>1)底層JS庫(kù)采用YUI 2.6.0；</p><p>2)統(tǒng)一頭部中只載入YUI load組件，其他組件都通過(guò)loader對(duì)象加載；</p><p>3)js盡量避免使用全局變量，復(fù)雜應(yīng)用寫(xiě)成組件，通過(guò)構(gòu)造函數(shù)實(shí)現(xiàn)多態(tài)，寫(xiě)在公共組件或</p><p>外部js中，簡(jiǎn)單應(yīng)用直接寫(xiě)在init函數(shù)中，通過(guò)命名空間或匿名函數(shù)將變量包進(jìn)閉包中。</p><p>【切圖規(guī)范】</p><p>1．盡量把頁(yè)面的背景圖及小圖標(biāo)整合到一張圖片，用CSS定位方法。（這樣以減少http請(qǐng)求，從而降底網(wǎng)站的下載速度。）</p><p>2．尊從內(nèi)容與頁(yè)面樣式的脫離，如需要，同樣也要做到布局與color的脫離。（什么樣的圖片屬于內(nèi)容：從數(shù)據(jù)庫(kù)里取出來(lái)的圖片。凡是不屬于內(nèi)容的圖片請(qǐng)都用背景。）</p><p>1）頁(yè)面代碼，做到精簡(jiǎn)，邏輯性清楚；（公用部位可以引入進(jìn)來(lái)，比如頭部，腳部）</p><p>2）CSS邏輯清析，精簡(jiǎn)。可在不改變功能的前提內(nèi)，做到能更換頁(yè)面布局及換色。</p><p>CSS樣式每個(gè)頁(yè)面引入不超過(guò)兩個(gè)文件，一個(gè)是common：它包含整個(gè)站點(diǎn)都需用到的公用部分，如整體布局，頭部，腳部，框，按扭等。另一個(gè)是當(dāng)前頁(yè)的CSS。（CSS文件引入在2個(gè)之內(nèi)，減少http請(qǐng)求）避免CSS的表達(dá)式。</p><p>3．將腳本放在底部。（這樣頁(yè)面就可以逐步呈現(xiàn)，而且頁(yè)面中的可視組件可以盡早下裁。）配合程序開(kāi)發(fā)人員我們需要注意的（xhtml）：</p><p>1．了解用戶可編輯上傳修改的“圖片”，“文字”區(qū)域的需求。根據(jù)需求來(lái)定位控制，以保證頁(yè)面的穩(wěn)定顯示。</p><p>如圖片，需了解：</p><p>1）寬度是否是固定大小，2）寬度最大限度，3）大小不一樣時(shí)的居中顯示</p><p>如文字，需了解：</p><p>1)文字的最大長(zhǎng)度。及加“…”省略號(hào)區(qū)域,2)在測(cè)試中經(jīng)常也會(huì)碰到英文無(wú)空格情況，得用overflow: hidden的方法隱藏溢出部分。</p><p>2．每個(gè)頁(yè)面加上正確顯示的TITLE。（這個(gè)是我經(jīng)常容易忽視的）</p><p>3．在頁(yè)面中盡量完成每步交互效果，包括既時(shí)響應(yīng)的。</p><p>4．提交程序員的demo必須是連貫的，交互效里齊全，而且經(jīng)過(guò)自已在IE6.0，IE7.0，IE8.0，F(xiàn)IREFOX等瀏覽器的一次以上的整體測(cè)試。</p><p>用戶體驗(yàn)方面需要注意的：</p><p>1．每個(gè)連接，按鈕要做上鼠標(biāo)hover時(shí)的一個(gè)變化效果（如果hover時(shí)是換一張背景圖片，請(qǐng)把這兩張圖片整合在一張圖片中，以防止在hover時(shí)，頁(yè)面還在download變化的那張圖片，這樣會(huì)出現(xiàn)那個(gè)按鈕無(wú)圖的間隔）；</p><p>2．Input有個(gè)label，可以讓用戶在點(diǎn)擊字時(shí)，光標(biāo)自動(dòng)跳入相應(yīng)input中；</p><p>3．圖片應(yīng)該有alt屬性，以備圖片阻止時(shí)，文字的替換。</p><p>本文由世紀(jì)淘商城()整理分享！版權(quán)歸原作者所有！</p> </div> </article> <a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow"> <img class="download_card_pic" src="http://static.xiexiebang.com/skin/default/images/icon_word.png" alt="下載前端開(kāi)發(fā)中一些常用技巧總結(jié)word格式文檔"> <div id="jdb3l39rxn9" class="download_card_msg"> <div id="jdb3l39rxn9" class="download_card_title" style="text-decoration:none;">下載前端開(kāi)發(fā)中一些常用技巧總結(jié).doc</div> <div id="jdb3l39rxn9" class="download_card_tip">將本文檔下載到自己電腦，方便修改和收藏，請(qǐng)勿使用迅雷等下載。</div> </div> <div id="jdb3l39rxn9" class="download_card_btn"> <img src="http://static.xiexiebang.com/skin/default/images/icon_download.png"> <div id="jdb3l39rxn9" class="downlod_btn_right"> <div>點(diǎn)此處下載文檔</div> <p>文檔為doc格式</p> </div> </div> </a> <div id="jdb3l39rxn9" class="post-tags mt20 mb30"><span>相關(guān)專題</span> <a href="/tag/qdkfjdwtzj/" target="_blank">前端開(kāi)發(fā)經(jīng)典問(wèn)題總結(jié)</a> <a href="/tag/qdymkfgzzj/" target="_blank">前端頁(yè)面開(kāi)發(fā)工作總結(jié)</a> <a href="/tag/qdkfgzzj/" target="_blank">前端開(kāi)發(fā)工作總結(jié)</a> </div> <div id="jdb3l39rxn9" class="single-info mb40"><span id="jdb3l39rxn9" class="hidden-xs ">網(wǎng)址：http://www.tmdps.cn/a1/2019051214/aa46f6be7c0a9052.html</span><br>聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，工作人員會(huì)在5個(gè)工作日內(nèi)聯(lián)系你，一經(jīng)查實(shí)，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。 </div> <div id="jdb3l39rxn9" class="single-xg mb40"> <div id="jdb3l39rxn9" class="con-title"> <h3><a name="6"></a>相關(guān)范文推薦</h3> </div> <div id="jdb3l39rxn9" class="sticky mb20"> <ul><h2 class="mb20"><a href="/a1/201905123/439b1bac5d4afbcb.html" target="_blank">什么是前端開(kāi)發(fā)工程師</a></h2><p>www.tmdps.cn 什么是前端開(kāi)發(fā)工程師 前端開(kāi)發(fā)工程師是Web前端開(kāi)發(fā)工程師的簡(jiǎn)稱，是近五年才真正開(kāi)始受到重視的一個(gè)新興職業(yè)。Web前端開(kāi)發(fā)技術(shù)是一個(gè)先易后難的過(guò)程，主要......</p><h2 class="mb20"><a href="/a1/201905127/ce6e732fd12c981b.html" target="_blank">WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)</a></h2><p>ASP.NET前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié) 通過(guò)此次大作業(yè)的設(shè)計(jì)到完成，我負(fù)責(zé)的是web前端的開(kāi)發(fā)，經(jīng)過(guò)此次作業(yè)和結(jié)合W3C上的自學(xué)，我漸漸有了一些對(duì)前端開(kāi)發(fā)的小小經(jīng)驗(yàn)（僅為個(gè)人意見(jiàn)）。 WEB標(biāo)準(zhǔn)是......</p><h2 class="mb20"><a href="/a8/2019051316/565bebef2a91166b.html" target="_blank">WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)</a></h2><p>WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié) 發(fā)布時(shí)間：2009-04-20 09:05:33來(lái)源：作者：shengman點(diǎn)擊：21015 這里跟大家談?wù)剛€(gè)人對(duì)WEB前端開(kāi)發(fā)的一些經(jīng)驗(yàn)（當(dāng)然都是個(gè)人的一些理解，有什么地方說(shuō)的欠妥或不對(duì)......</p><h2 class="mb20"><a href="/a15/2019051513/100d80379c60323e.html" target="_blank">前端開(kāi)發(fā)面試題及答案</a></h2><p>想要應(yīng)聘前端開(kāi)發(fā)的求職者，要做好完成面試題的準(zhǔn)備。下面是由小編分享的前端開(kāi)發(fā)面試題及答案，希望對(duì)你有用。前端開(kāi)發(fā)面試題及答案1、對(duì)Web標(biāo)準(zhǔn)以及W3C的理解與認(rèn)識(shí)?答：標(biāo)簽閉......</p><h2 class="mb20"><a href="/zongjie/qtzongjie/2d594ed43a5a0bf4.html" target="_blank">前端開(kāi)發(fā)和美工工程師工作總結(jié)[本站推薦]</a></h2><p>前端開(kāi)發(fā)和美工工程師工作總結(jié)作為公司的網(wǎng)站前端開(kāi)發(fā)和美工，2017年本人主要負(fù)責(zé)的是經(jīng)文保總隊(duì)的各個(gè)系統(tǒng)的界面設(shè)計(jì)及動(dòng)態(tài)頁(yè)面制作，包括以下內(nèi)容：一、吉林省單位內(nèi)部安全保衛(wèi)......</p><h2 class="mb20"><a href="/a1/2019051215/8bedfb12bd8b5bcd.html" target="_blank">Web前端開(kāi)發(fā)學(xué)習(xí)筆記分享</a></h2><p>www.tmdps.cn免費(fèi)試學(xué)/ 一對(duì)一輔導(dǎo)/項(xiàng)目實(shí)訓(xùn)/就業(yè)保障 Web前端開(kāi)發(fā)學(xué)習(xí)筆記 對(duì)于Web前端初學(xué)者而言，前人的學(xué)習(xí)經(jīng)驗(yàn)及總結(jié)，能讓自己的學(xué)習(xí)事半功倍；我在泛藝學(xué)苑學(xué)習(xí)Web......</p><h2 class="mb20"><a href="/a1/2019051215/5599684434896db4.html" target="_blank">一些前端開(kāi)發(fā)優(yōu)化的經(jīng)驗(yàn)總結(jié)</a></h2><p>一些前端開(kāi)發(fā)優(yōu)化的經(jīng)驗(yàn)總結(jié) 發(fā)現(xiàn)的一篇關(guān)于前端優(yōu)化的文章，總結(jié)的很全面，要做到面面俱到很難，往往是想優(yōu)化而沒(méi)有時(shí)間去優(yōu)化，就像我們公司，一個(gè)項(xiàng)目連著一個(gè)項(xiàng)目~新員工的培訓(xùn)都......</p><h2 class="mb20"><a href="/a1/2019051215/03392d54bf8fb3ad.html" target="_blank">web項(xiàng)目前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)（大全）</a></h2><p>web項(xiàng)目前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié) 最近這一個(gè)月完成了自己的第一個(gè)java web項(xiàng)目，是給某雜志社做的在線投稿系統(tǒng)，雖然進(jìn)度很慢，但是中間確實(shí)學(xué)到了不少東西，深刻體會(huì)到了自己看幾個(gè)月書(shū)都......</p></ul> </div> </div> </div> </div> <div id="jdb3l39rxn9" class="right-content-box wow fadeInRight delay300 right-content"> <script src="/e/member/login/loginjs.php"></script> <div id="jdb3l39rxn9" class="sidebar"> <div class="jdb3l39rxn9" id="sidebar" role="complementary"> <aside id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">猜你喜歡</h3> <ul class="new-list"><li><a href="/a6/2019051513/b88b4e7826bc5152.html" title="Web前端開(kāi)發(fā)筆試題" target="_blank">Web前端開(kāi)發(fā)筆試題</a></li><li><a href="/a1/2019051215/3ef300ef805c4ad6.html" title="Web前端開(kāi)發(fā)培訓(xùn)中es5與es6語(yǔ)法知識(shí)點(diǎn)總結(jié)" target="_blank">Web前端開(kāi)發(fā)培訓(xùn)中es5與es6語(yǔ)法知識(shí)點(diǎn)總結(jié)</a></li><li><a href="/zongjie/qtzongjie/cb8aaab26c6bb16f.html" title="前端開(kāi)發(fā)和美工工程師工作總結(jié)五篇范文" target="_blank">前端開(kāi)發(fā)和美工工程師工作總結(jié)五篇范文</a></li><li><a href="/a12/2019051420/c8748cadf2733c86.html" title="2017年前端開(kāi)發(fā)面試題(含答案)5篇" target="_blank">2017年前端開(kāi)發(fā)面試題(含答案)5篇</a></li><li><a href="/a4/201905125/91f0eb21ee1e3710.html" title="WEB前端開(kāi)發(fā)工程師筆試試題（范文模版）" target="_blank">WEB前端開(kāi)發(fā)工程師筆試試題（范文模版）</a></li><li><a href="/a12/201905145/232dbe70b90f8c4d.html" title="有線電視中數(shù)字電視前端設(shè)計(jì)" target="_blank">有線電視中數(shù)字電視前端設(shè)計(jì)</a></li><li><a href="/a1/2019051123/2bc3c60d716d950d.html" title="WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)1（寫(xiě)寫(xiě)幫推薦）" target="_blank">WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)1（寫(xiě)寫(xiě)幫推薦）</a></li><li><a href="/a10/201905147/89261fed7bac3b16.html" title="Web前端開(kāi)發(fā)技術(shù)人才培養(yǎng)模式研究" target="_blank">Web前端開(kāi)發(fā)技術(shù)人才培養(yǎng)模式研究</a></li><li><a href="/a1/2019051215/7150a1eb6ca3fbec.html" title="HTML5前端開(kāi)發(fā)知識(shí)小結(jié)(面試知識(shí)大全)5篇" target="_blank">HTML5前端開(kāi)發(fā)知識(shí)小結(jié)(面試知識(shí)大全)5篇</a></li><li><a href="/a1/2019051215/6ca6f49899da528b.html" title="前端課程階段總結(jié)[★]" target="_blank">前端課程階段總結(jié)[★]</a></li></ul> </aside> </div> </div> </div> </div> </div> </section> <section id="footer" class="p30"> <div id="jdb3l39rxn9" class="container"> <div id="jdb3l39rxn9" class="footer-top clearfix"> <div id="jdb3l39rxn9" class="copyr"> <div id="jdb3l39rxn9" class="footer-menu clearfix mb10"> <ul class="footer-menu-con"> <li><a href="/a1/">1號(hào)文庫(kù)</a></li><li><a href="/a2/">2號(hào)文庫(kù)</a></li><li><a href="/a3/">3號(hào)文庫(kù)</a></li><li><a href="/a4/">4號(hào)文庫(kù)</a></li><li><a href="/a5/">5號(hào)文庫(kù)</a></li><li><a href="/a6/">6號(hào)文庫(kù)</a></li><li><a href="/a7/">7號(hào)文庫(kù)</a></li><li><a href="/a8/">8號(hào)文庫(kù)</a></li><li><a href="/a9/">9號(hào)文庫(kù)</a></li><li><a href="/a10/">10號(hào)文庫(kù)</a></li><li><a href="/a11/">11號(hào)文庫(kù)</a></li><li><a href="/a12/">12號(hào)文庫(kù)</a></li><li><a href="/a13/">13號(hào)文庫(kù)</a></li><li><a href="/a14/">14號(hào)文庫(kù)</a></li><li><a href="/a15/">15號(hào)文庫(kù)</a></li> </ul> </div> <p>Copyright ? 2018 <a href="/">寫(xiě)寫(xiě)幫文庫(kù)</a> All Rights Reserved   <a target="_blank" rel="nofollow"> 浙ICP備11058632號(hào)</a>   <script type="text/javascript" src="http://static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div> </div> </div> </section> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script> <div id="jdb3l39rxn9" class="right_bar hidden-xs "> <ul> <li id="jdb3l39rxn9" class="rtbar_li1" style="left: 0px;"><a><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li> <li id="jdb3l39rxn9" class="rtbar_li2"> <a href="javascript:void(0);"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a> <div id="jdb3l39rxn9" class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二維碼" src="http://static.xiexiebang.com/skin/default/images/wechat.png"> </div> </li> <li id="jdb3l39rxn9" class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 點(diǎn)擊咨詢 </a> </li> <li id="jdb3l39rxn9" class="rtbar_li5"><a href="#1">第一篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li6"><a href="#2">第二篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li7"><a href="#3">第三篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li8"><a href="#4">第四篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li9"><a href="#5">第五篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li10"><a href="#6">更 多</a></li> <li id="jdb3l39rxn9" class="rtbar_li4 gotop"> <a href=""><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li> </ul> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.tmdps.cn/" title="久久99精品久久久久久琪琪">久久99精品久久久久久琪琪</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://res123.cn" target="_blank">国内精品久久久久久无码不卡</a>| <a href="http://366pop.cn" target="_blank">国产男女爽爽爽免费视频</a>| <a href="http://gulina.cn" target="_blank">伊在人亚洲香蕉精品区</a>| <a href="http://change-u.cn" target="_blank">国产精品无码久久av</a>| <a href="http://siapyza.cn" target="_blank">亚洲国产激情五月色丁香小说</a>| <a href="http://hsifund.cn" target="_blank">免费人成小说在线观看网站</a>| <a href="http://qqmenghuan.cn" target="_blank">亚洲精品一区国产精品</a>| <a href="http://wycfw.cn" target="_blank">久久欧美一区二区三区性牲奴</a>| <a href="http://wxjhny.cn" target="_blank">国产国拍亚洲精品永久软件</a>| <a href="http://sola-music.cn" target="_blank">夜夜躁狠狠躁2021</a>| <a href="http://qipai668.cn" target="_blank">精品产区wnw2544</a>| <a href="http://uizqeop.cn" target="_blank">3d成人h动漫网站入口</a>| <a href="http://gzyht.com.cn" target="_blank">国产精品视频分类精品</a>| <a href="http://hanghuiumbrella.cn" target="_blank">国产激情无码视频在线播放性色</a>| <a href="http://vftz.cn" target="_blank">久久伊99综合婷婷久久伊</a>| <a href="http://719sj.cn" target="_blank">国产精品亚洲精品日韩已满</a>| <a href="http://hfyex.cn" target="_blank">业余 自由 性别 成熟视频 视频</a>| <a href="http://ymmdxr.cn" target="_blank">熟女少妇人妻中文字幕</a>| <a href="http://sg7o2.cn" target="_blank">成年永久一区二区三区免费视频</a>| <a href="http://liyangbin.cn" target="_blank">亚洲国产欧美国产第一区</a>| <a href="http://autoadvert.cn" target="_blank">色欲天天天综合网</a>| <a href="http://hujunyan.cn" target="_blank">搡女人真爽免费视频大全</a>| <a href="http://hnxxp.cn" target="_blank">亚洲小说图区综合在线</a>| <a href="http://tdppian.cn" target="_blank">夹得好湿真拔不出来了动态图</a>| <a href="http://xdbaobao.cn" target="_blank">色婷婷六月亚洲婷婷丁香</a>| <a href="http://engexam.cn" target="_blank">孩交精品xxxx视频视频</a>| <a href="http://77zliu.cn" target="_blank">蜜臀av国产精品久久久久</a>| <a href="http://67101.com.cn" target="_blank">少妇被多人c夜夜爽爽</a>| <a href="http://thecastle.com.cn" target="_blank">日韩一线无码av毛片免费</a>| <a href="http://shanghaifaer.cn" target="_blank">人妻丰满av无码久久不卡</a>| <a href="http://jiaobanji8.cn" target="_blank">国产xxxxx在线观看</a>| <a href="http://kytpian.cn" target="_blank">天天爽夜夜爽人人爽免费</a>| <a href="http://huashunyy.cn" target="_blank">99精品久久99久久久久</a>| <a href="http://huichexing.cn" target="_blank">国产精品无码无卡无需播放器</a>| <a href="http://semidegre.com.cn" target="_blank">久久青青草原一区二区</a>| <a href="http://liaotianzhushou.cn" target="_blank">精品国产成人网站一区在线</a>| <a href="http://60084.cn" target="_blank">亚洲av成人无码一区二区三区在线观看</a>| <a href="http://icqcwwsqou.cn" target="_blank">无码人妻少妇久久中文字幕蜜桃</a>| <a href="http://dmoicqt.cn" target="_blank">动漫成人无码免费视频在线播</a>| <a href="http://geminisgroup.cn" target="_blank">天堂√最新版中文在线天堂</a>| <a href="http://ug52.cn" target="_blank">无码av中文字幕久久专区</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="sukqp" class="pl_css_ganrao" style="display: none;"><small id="sukqp"><strong id="sukqp"><code id="sukqp"><wbr id="sukqp"></wbr></code></strong></small><cite id="sukqp"><fieldset id="sukqp"></fieldset></cite><em id="sukqp"></em><ins id="sukqp"><em id="sukqp"></em></ins><strong id="sukqp"><label id="sukqp"><dl id="sukqp"><acronym id="sukqp"></acronym></dl></label></strong><blockquote id="sukqp"><option id="sukqp"></option></blockquote><sub id="sukqp"></sub><legend id="sukqp"><dfn id="sukqp"><font id="sukqp"></font></dfn></legend><strong id="sukqp"><ol id="sukqp"><center id="sukqp"><meter id="sukqp"></meter></center></ol></strong><tr id="sukqp"></tr><center id="sukqp"></center><sub id="sukqp"></sub><wbr id="sukqp"></wbr><small id="sukqp"></small><small id="sukqp"></small><th id="sukqp"></th><legend id="sukqp"></legend><tt id="sukqp"><b id="sukqp"><abbr id="sukqp"></abbr></b></tt><strong id="sukqp"><label id="sukqp"><dfn id="sukqp"></dfn></label></strong><wbr id="sukqp"><meter id="sukqp"><center id="sukqp"></center></meter></wbr><sup id="sukqp"><source id="sukqp"></source></sup><noframes id="sukqp"></noframes><table id="sukqp"><i id="sukqp"><pre id="sukqp"></pre></i></table><del id="sukqp"><ul id="sukqp"></ul></del><style id="sukqp"><span id="sukqp"><form id="sukqp"></form></span></style><optgroup id="sukqp"></optgroup><legend id="sukqp"></legend><xmp id="sukqp"><output id="sukqp"><form id="sukqp"></form></output></xmp><tbody id="sukqp"><label id="sukqp"><sup id="sukqp"><pre id="sukqp"></pre></sup></label></tbody><optgroup id="sukqp"></optgroup><input id="sukqp"><thead id="sukqp"></thead></input><dfn id="sukqp"></dfn><sup id="sukqp"><ol id="sukqp"><center id="sukqp"><meter id="sukqp"></meter></center></ol></sup><u id="sukqp"></u><u id="sukqp"></u><center id="sukqp"><small id="sukqp"></small></center><noscript id="sukqp"><blockquote id="sukqp"></blockquote></noscript><input id="sukqp"><em id="sukqp"></em></input><meter id="sukqp"></meter><nav id="sukqp"></nav><noscript id="sukqp"><blockquote id="sukqp"></blockquote></noscript><strong id="sukqp"><strong id="sukqp"><th id="sukqp"><small id="sukqp"></small></th></strong></strong><strong id="sukqp"><sup id="sukqp"><i id="sukqp"><dfn id="sukqp"></dfn></i></sup></strong><legend id="sukqp"></legend><optgroup id="sukqp"></optgroup><noframes id="sukqp"></noframes><mark id="sukqp"></mark><optgroup id="sukqp"></optgroup><pre id="sukqp"><fieldset id="sukqp"><span id="sukqp"><ins id="sukqp"></ins></span></fieldset></pre><p id="sukqp"><strike id="sukqp"><address id="sukqp"><del id="sukqp"></del></address></strike></p><pre id="sukqp"><u id="sukqp"></u></pre><label id="sukqp"></label><code id="sukqp"></code><tt id="sukqp"><b id="sukqp"><noscript id="sukqp"><dfn id="sukqp"></dfn></noscript></b></tt><nav id="sukqp"></nav><bdo id="sukqp"></bdo><optgroup id="sukqp"><nav id="sukqp"></nav></optgroup><address id="sukqp"></address><var id="sukqp"><rt id="sukqp"><legend id="sukqp"><em id="sukqp"></em></legend></rt></var><noframes id="sukqp"></noframes><rt id="sukqp"><legend id="sukqp"><dfn id="sukqp"><sup id="sukqp"></sup></dfn></legend></rt><div id="sukqp"></div><b id="sukqp"><small id="sukqp"></small></b><acronym id="sukqp"><menuitem id="sukqp"></menuitem></acronym><b id="sukqp"></b><big id="sukqp"></big><legend id="sukqp"></legend><li id="sukqp"><noscript id="sukqp"><object id="sukqp"><s id="sukqp"></s></object></noscript></li><rp id="sukqp"><video id="sukqp"></video></rp><s id="sukqp"><dfn id="sukqp"><pre id="sukqp"><track id="sukqp"></track></pre></dfn></s><dfn id="sukqp"><sup id="sukqp"></sup></dfn><strong id="sukqp"><legend id="sukqp"><div id="sukqp"></div></legend></strong><form id="sukqp"><optgroup id="sukqp"><wbr id="sukqp"><ol id="sukqp"></ol></wbr></optgroup></form><th id="sukqp"></th><b id="sukqp"><noscript id="sukqp"><object id="sukqp"><s id="sukqp"></s></object></noscript></b><menuitem id="sukqp"></menuitem><strong id="sukqp"></strong><thead id="sukqp"></thead><s id="sukqp"><div id="sukqp"><big id="sukqp"><pre id="sukqp"></pre></big></div></s><pre id="sukqp"><mark id="sukqp"><pre id="sukqp"><u id="sukqp"></u></pre></mark></pre><nobr id="sukqp"><listing id="sukqp"></listing></nobr><center id="sukqp"></center><thead id="sukqp"><font id="sukqp"><optgroup id="sukqp"><nav id="sukqp"></nav></optgroup></font></thead><acronym id="sukqp"></acronym><label id="sukqp"></label><th id="sukqp"></th><strong id="sukqp"><cite id="sukqp"><dl id="sukqp"></dl></cite></strong><nav id="sukqp"><i id="sukqp"><th id="sukqp"></th></i></nav><noscript id="sukqp"></noscript><thead id="sukqp"><sub id="sukqp"></sub></thead><b id="sukqp"><small id="sukqp"><dfn id="sukqp"><var id="sukqp"></var></dfn></small></b><thead id="sukqp"></thead><small id="sukqp"></small><legend id="sukqp"><div id="sukqp"><tt id="sukqp"></tt></div></legend><pre id="sukqp"></pre><noscript id="sukqp"></noscript><progress id="sukqp"></progress><td id="sukqp"><menuitem id="sukqp"></menuitem></td><thead id="sukqp"><font id="sukqp"><track id="sukqp"><th id="sukqp"></th></track></font></thead><dfn id="sukqp"><input id="sukqp"><thead id="sukqp"></thead></input></dfn><tt id="sukqp"></tt><xmp id="sukqp"><mark id="sukqp"><ins id="sukqp"></ins></mark></xmp><thead id="sukqp"><legend id="sukqp"></legend></thead><ruby id="sukqp"><rp id="sukqp"><noframes id="sukqp"><label id="sukqp"></label></noframes></rp></ruby><bdo id="sukqp"></bdo><nav id="sukqp"></nav><rt id="sukqp"><tr id="sukqp"><dfn id="sukqp"></dfn></tr></rt><dfn id="sukqp"><u id="sukqp"></u></dfn><code id="sukqp"></code><ul id="sukqp"><th id="sukqp"><optgroup id="sukqp"></optgroup></th></ul><tr id="sukqp"></tr><em id="sukqp"><th id="sukqp"></th></em><rp id="sukqp"><video id="sukqp"></video></rp><mark id="sukqp"></mark><ul id="sukqp"><th id="sukqp"><optgroup id="sukqp"><nav id="sukqp"></nav></optgroup></th></ul><sup id="sukqp"></sup><strike id="sukqp"></strike><label id="sukqp"><strong id="sukqp"><acronym id="sukqp"></acronym></strong></label><acronym id="sukqp"></acronym><pre id="sukqp"></pre><del id="sukqp"></del><rt id="sukqp"></rt><optgroup id="sukqp"><legend id="sukqp"><strike id="sukqp"></strike></legend></optgroup><var id="sukqp"></var><strike id="sukqp"><sub id="sukqp"><delect id="sukqp"><video id="sukqp"></video></delect></sub></strike><optgroup id="sukqp"><sup id="sukqp"><ol id="sukqp"><center id="sukqp"></center></ol></sup></optgroup><style id="sukqp"><dl id="sukqp"><pre id="sukqp"><mark id="sukqp"></mark></pre></dl></style><optgroup id="sukqp"><nav id="sukqp"><strike id="sukqp"><tfoot id="sukqp"></tfoot></strike></nav></optgroup><td id="sukqp"></td><tfoot id="sukqp"></tfoot><form id="sukqp"><optgroup id="sukqp"></optgroup></form><abbr id="sukqp"><li id="sukqp"><strike id="sukqp"><thead id="sukqp"></thead></strike></li></abbr><s id="sukqp"><dfn id="sukqp"><pre id="sukqp"><track id="sukqp"></track></pre></dfn></s><i id="sukqp"></i><small id="sukqp"><strong id="sukqp"><label id="sukqp"></label></strong></small><th id="sukqp"></th><legend id="sukqp"><div id="sukqp"></div></legend><mark id="sukqp"><ins id="sukqp"><optgroup id="sukqp"></optgroup></ins></mark><div id="sukqp"><big id="sukqp"></big></div><track id="sukqp"></track><optgroup id="sukqp"><nav id="sukqp"></nav></optgroup><pre id="sukqp"></pre><dl id="sukqp"></dl><em id="sukqp"><th id="sukqp"><nobr id="sukqp"></nobr></th></em><small id="sukqp"></small><p id="sukqp"></p><span id="sukqp"><samp id="sukqp"></samp></span><dfn id="sukqp"><strike id="sukqp"><thead id="sukqp"></thead></strike></dfn><strike id="sukqp"><sub id="sukqp"><thead id="sukqp"><del id="sukqp"></del></thead></sub></strike><nav id="sukqp"><span id="sukqp"></span></nav></div> </html>