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

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

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

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

然后定義p和span的樣式: p{position:relative}

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

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

然后定義span右浮動(dòng): p span{float:right}

其實(shí)這兩種方法可以延伸到很多情況下,很實(shí)用的一種寫法;2.web標(biāo)準(zhǔn)中,同一頁面中只能有一個(gè)h1標(biāo)簽.很多人知道這個(gè)概念,但做到的卻很少;3.空白外邊距互相疊加的問題:一般通過添加透明邊框或者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)一以小寫書寫,這樣更嚴(yán)謹(jǐn)(符合xhtml標(biāo)準(zhǔn));6.不推薦用下面代碼兼容IE8:

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

7.空div在IE(FF中沒有)是有默認(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)對于頁面中那些小的選項(xiàng)框,以及對殘障人士閱讀網(wǎng)站都有好處.細(xì)節(jié)是用戶體驗(yàn)的第一步;10.fieldset, legend標(biāo)簽, 鮮為人知,卻很實(shí)用的一組標(biāo)簽;它可以很明了的把一組元素框起來,主要用于表單;11.optgroup標(biāo)簽,鮮為人知,它對提升選擇表單用戶體驗(yàn)很有幫助.作用? 就是可以在有很多選項(xiàng)時(shí),對這些選項(xiàng)分組: 效果演示:

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

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

web前端核心技術(shù)

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

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

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

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

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

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

span

行級元素，多個(gè)

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

一行塊級元素，前后

保留一行

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

度height：設(shè)置高

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

div

文本類

圖片標(biāo)簽img

color：顏色

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

size：高度（粗

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

超鏈接a

target

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

打開

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

disc：實(shí)心圓

無序列表

列表標(biāo)簽

有序列表

square：小方塊

olcircle：空心圓

tr表示行

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

表格標(biāo)簽

caption

表示一個(gè)單元格

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

rowspan

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

數(shù)

colspan

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

數(shù)

action表單提交地址

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

帶到服務(wù)器端

method

post：隱式提交參

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

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