又嫩又硬又黄又爽的视频,成人毛片无码一区二区三区,亚洲精品国产一区二区三

第一篇：web前端開發知識點總結

HTML知識總結

span

行級元素，多個

同行塊級元素，獨占

一行塊級元素，前后

保留一行

標題標簽，h1~h6表6個等級，加粗，前后保留一行width：設置寬

度height：設置高

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

div

文本類

圖片標簽img

color：顏色

水平線常用標簽

size：高度（粗

細）width：寬度（長度）herf：超鏈接轉到的地址

超鏈接a

target

_self:默認值，在當前頁面打開_blank:在新窗口

打開

帶標題的框fieldsetlegend設置標題

disc：實心圓

無序列表

列表標簽

有序列表

square：小方塊

olcircle：空心圓

tr表示行

表示標題單元格，居中、加粗

表格標簽

caption

表示一個單元格

表示標題，定義在第一行，居中

rowspan

設置單元格占的行

數

colspan

設置單元格占的列

數

action表單提交地址

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

帶到服務器端

method

post：隱式提交參

數optgroup 表示分組,分組不能選,只能選分組中的option

下拉菜單cols: 顯示文本的列數(寬度)name：參數名size：顯示字符長度（控制文本框長度）maxlength：最大可輸入字符數input文本框type=“text”placeholder：提示內容disabled：不會被提交到服務器readonly：只讀（會被提交到服務器）value：默認值密碼框type=“password”單選按鈕type=“radio”復選框type=“checkbox”文件選擇框type=“file”按鈕type=“button”提交type=“submit”checked：默認選中input按鈕重置type=“reset”noresize：不能改變框架大小frame：表示框架scolling：是否顯示滾動條（yes、no、auto）設置框架集在縱向上的拆分策略設置框架集在橫向上的拆分策略rowscolsborder框架集<frameset>框架邊框的寬度borderColor框架邊框顏色frameBorder設置框架是否有邊框(yes|no)_blank:新窗口中打開_self:在當前窗口打開框架集中的超鏈接打開方式target_parent:父窗口中打開_top在最頂層窗口中打開frameName：在對應name框架打開ifame在頁面中嵌入框架dl、dt、dd其他標簽<dl><dt>數碼</dt> <dd>手機</dd> </dl>marquee：滾動標簽<img src=“usemap_img.jpg” usemap=“#yifuMap”><map name=“yifuMap” id=“yifuMap”><areashape=“circle”coords=“309,257,20”target=“_blank”href=“http://5新標簽number：數字輸入date picker：日期選擇datalist：自動提示<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：動畫媒體radio：音頻autocomplete：是否關閉自動提示（off |on）html5新標簽autofocus: 自動獲得焦點required: 表示控件必須輸入內容controls : 播放控制條autoplay ：自動播放loop ：循環播放preload ：預加載，如果設置了autoplay，就可以不用設置preloadCSS知識點總結內聯：直接在標簽的style屬性上編寫樣式<input type=”text“ style=”color: blue;background-color: #eeeeff;“>樣式定義方式樣式塊：在style標簽中編寫樣式塊，并通過一定規則（選擇器）應用到對應的那些標簽上(通常寫在head中)<style>span {color: green;background-color: #eeffee;}</style>外部樣式文件：將樣式塊編寫在外部的css文件中(不用寫style標簽)* 在需要使用樣式的頁面通過link標簽引入樣式文件(通常寫在head中)<link href=”hehe.css“ rel=”stylesheet“>id選擇器#xxx 針對id為xxx的標簽類選擇器.xxx 針對class屬性為xxx的標簽標簽選擇xxx 針對標簽名為xxx的標簽*選擇器選擇所有元素選擇器后代元素關系選擇selector1 selector2 {...} 針對selector1下的所有的selector2子元素關系選擇selector1 > selector2 {...} 只針對selector1的selector2子元素(如果有后代selector2元素則不會應用)緊鄰兄弟關系選擇selector1 + selector2 {...} 只針對緊接在selector1后的selector2元素所有隨后的兄弟關系selector1 ~ selector2 {...} 針對selector1后的所有的selector2兄弟元素color：字體顏色font-size：字體大小font-family：字體樣式字體font-weight: bolder(加粗)| normal(不加粗)font-style: 設置字體傾斜(normal | italic | oblique)*italic和oblique實際顯示效果幾乎一致font-variant: 設置字體顯示為小型大寫字母text-align: 水平對齊方式(left | center | right)常用屬性vertical-align: 垂直對齊方式(top | middle |bottom)line-height: 設置行高(通常用于設置文本居中)white-space: nowrap 不換行, pre 當做pre標簽border: 邊框(1px solidred)文本width: 寬度underline 下劃線height: 高度overline 上劃線text-decoration: 文本裝飾line-through 貫穿線(刪除線)blink 閃爍none 無dtext-shadow: 3px 3px 5px red;第一個參數: 陰影水平位置(x軸上的偏移量)text-shadow: 文本陰影第二個參數: 陰影垂直位置(y軸上的偏移量)第三個參數: 模糊程度第四個參數: 陰影顏色padding：內邊距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;/* 同時設置4個角*/background-color: 背景顏色background-image: 背景圖片background-repeat: no-repeat | repeat-x |repeat-y | repeat背景background-position: xxxpx xxpx | xx%xx%;(可以為負數)background-size: xxxpx xxpx | xx% xx% |cover | contain;(不能為負數)cover: 拉伸,可以超出contain: 拉伸不能超出background-attachment: scroll(隨著內容一起滾動)| fixed(不滾動)hidden：隱藏scroll：滾動overflow：當內容溢出時的處理方式visible：直接顯示auto：如果溢出就滾動，否則不顯示滾動條visible 顯示visibility：設置元素是否顯示hidden 隱藏，保留占位none：隱藏，不保留占位block：設置為塊級元素display：設置元素是否顯示inline：設置為行級元素布局inline-block：設置為行內塊元素left 左浮動float: 浮動right 右浮動none 不浮動left 不允許左邊有浮動clear: 清除浮動right 不允許右邊有浮動both 不允許兩邊有浮動ul或ol 自帶樣式：列表樣式list-style-type: 列表項的樣式margin: 16px 0px;padding: 0px 0px 0px40px;absolute：如果有父元素被定位按照父元素的原點進行定位，否則按照瀏覽器原點進行定位position定位z-index: 設置z軸的值，越大越在最前relative：相對定位參照元素本身的位置fixed：固定位置，不會滾動link 超鏈接默認樣式hover 鼠標懸停樣式active 鼠標點擊樣式visited 訪問之后的樣式（主要控制顏色）偽類focus 獲得輸入焦點的樣式first-child 第一個元素last-child 最后一個元素:not 不包含指定的選擇器:noly-child 是父元素的唯一子元素cursor 鼠標樣式其他樣式box-shadow 陰影translate:平移rotate：旋轉transform：變換scale：縮放skew：扭曲matrix：以變換矩陣變換第一個值表示需要過渡的樣式屬性transition 過渡transition:transform2s,background-color.5s;第二個值表示整個過渡過程需要的時間第三個值表示過渡時的貝塞爾曲線第四個值表示延遲多久才開始過渡animation 動畫@keyfarmes 關鍵幀用于定義動畫的細節（每一幀如何顯示）@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 {}需要顯示動畫的地方通過animation屬性來使用聲明的關鍵幀.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代碼必須包含在<script></script>標簽中也可以書寫到外部的.js文件中,通過<script src=”xxx.js“></script>來引入script標簽只能同時做一件事情.如果既有src屬性也包含代碼則只會執行外部文件的代碼通過alert來彈出提示框通過document.write來輸入文本到頁面上(可以輸入標簽)Number: 數值型整數和小數Boolean: 布爾型(true |false)String: 字符串字符串必須被”“或''包含必須對稱如果字符串中包含引號可以單引號中包含雙引號或者是雙引號中包含單引號也可以使用'來表示一個單引號”來表示一個雙引號n 表示換行數據類型t 表示制表符表示書寫方式NaN: Not A Number 當使用非數字來進行運算時的值undefied: 未定義null: 空值substring 截取子串, 從start到end-1處,如果沒指定end則取到最后一個字符toUpperCase 將所有字符變成大寫toLowerCase 將所有字符變成小寫indexOf 查找子串首次出現的位置, 如果找不到則返回-1字符串處理lastIndexOf 查找子串最后一次出現的位置, 如果找不到則返回-1charAt 取指定位置上的字符slice 也是取子串,效果和substring一樣可以用-1,-2,-3...從末尾開始計數split 將字符串按照指定的字符進行拆分成為數組獲取當前時間var now = new Date()獲取指定時間的日期對象var date = new Date(yyyy,MM,dd,HH,mm,ss)設置指定時間(將時間對象設置為一個指定時間)now.setFullYear(yyyy,MM,dd,HH,mm,ss)now.setMonth日期Datenow.setDatenow.setHours...獲取指定時間信息now.getFullYear()// 年只能取出年份,如: 2015now.getMonth // 月0-11月now.getDate // 日now.getDay // 星期0-6(0表示星期天)now.getHours // 時24小時制now.getMinutes // 分now.getSeconds // 秒now.getMilliseconds// 毫秒通過new Array()來創建數組var names = new Array();var names = new Array(“小王”, “大王”, “炸彈”);// 創建時給數組設置默認值//用json格式表示數組var names = [];var names = [“小王”, “大王”, “炸彈”];數組Array可以通過length來設置或獲取數組的長度push : 往數組末尾添加元素pop: 刪除并返回數組的最后一個元素unshift: 往數組的開頭添加元素shift: 刪除并返回數組的第一個元素reverse: 顛倒數組順序sort: 按“字符串”的自然排序規則進行升序splice: 刪除指定位置處的指定個數元素并將第三個參數之后的參數添加到被刪除位置(設置第二個參數為0則實現只添加不刪除, 之傳入兩個參數實現只刪除不添加)slice: 獲取start到end處的子數組join: 將數組元素以指定分隔符進行連接成為字符串function xxx(....){聲明函數....}var xxx = function(...){...函數變量}var ooo = xxx;ooo();函數function fn(fx){fx();將函數作為參數}fn(function(){...});（function(...){立即執行函數....})(...);getElementById 根據id獲取唯一的元素var xx = document.getElementById(“xx”);DOM(Document Object Model)文檔對象模型獲取元素getElementsByTagName 根據標簽名獲取元素數組onclick 鼠標點擊事件getElementsByClassName 根據類獲取元素數組(如果元素被改變了class值將會從數組中刪除)onmouseover 鼠標進入事件onmouseout 鼠標離開事件onmousemove 鼠標被移動onmousedown 鼠標按鈕被按下事件機制onmouseup 鼠標按鈕被松開onkeydown 某個鍵盤按鍵被按下onkeyup某個鍵盤按鍵被松開onload 一張頁面或圖像被完成加載onchange 域的內容被改變onfocus 元素獲得焦點onblur 元素失去焦點setTimeout: 延遲執行(只會執行一次)var xx = setTimeout(xxx, 1000);setTimeout(“fn();”, 3000);BOM(Browser Object Model)window清除使用clearTimeout(xx);setInterval: 定時執行(間隔指定時間循環執行)xx.offsetLeft獲取元素的位置和尺寸(只讀)xx.offsetTopxx.offsetWidthxx.offsetHeightvar xx = setInterval(xxx,1000);清除使用clearInterval(xx);[] 表示[]中的字符任意取一個在[] 中的^ 表示非不包含該字符()表示將多個表達式合并為一個表達式在()中的|表示將兩個匹配條件進行邏輯“或”（Or）運算。+ 前一個表達式出現至少一次1~n {1,}* 前一個表達式出現任意次0~n {0,}? 前一個表達式出現0~1次{0,1}{n} 前一個表達式出現n次{n,} 前一個表達式出現至少n次{n,m} 前一個表達式出現n~m次.任意字符(不包含rn)正則表達式^ 匹配字符串的開頭$ 匹配字符串的結尾w 表示一個任意的單詞字符包括_ [a-zA-Z0-9_] * 不包含破折號W 對w取反(不包含單詞字符)[^a-zA-Z0-9_]d 表示一個數字字符[0-9]D 對d取反[^0-9]s 表示一個任意空白字符空格中文狀態的空格制表符全角空格S 對s取反非空格n 換行符b 單詞邊界B 不是單詞邊界(對b取反)eval執行字符串形式的代碼。for(var i in array){var item = array[i];}for(var key in obj){var value = obj[key];}迭代數組迭代出的值為數組的下標for...in迭代對象迭代出的值為對象的屬性名其他with設置以某個對象為代碼塊作用域對象delete attribute刪除屬性isNaN如果被判斷值不是一個數字則返回true，否則為false<h2><a name="2" >第二篇：WEB前端開發經驗總結</a></h2>ASP.NET前端開發經驗總結通過此次大作業的設計到完成，我負責的是web前端的開發，經過此次作業和結合W3C上的自學，我漸漸有了一些對前端開發的小小經驗（僅為個人意見）。WEB標準是什么？說是WEB標準，不過我這里主要是對HTML5 和 CSS3.0的一些經驗總結。因為WEB含蓋的內容實在是太多了，“WEB標準”是一系列標準的總稱，包括HTML5.0、HTML4.0、XHTML1.1、CSS3.0、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這里要跟大家指出來一下，WEB標準不是我們所說的DIV+CSS。剛剛上面提到了――DIV+CSS，這里要說明下，這樣說其實是不正確的。DIV+CSS準確的說法（個人的理解）應該是：采用W3C推薦的WEB標準中的HTML5結合CSS3.0樣式表制作頁面的方法，DIV應該指的是HTML標簽，而CSS顯示是指的CSS樣式表了。采用WEB標準開發的好處那么W3C為什么會推薦這樣的頁面制作方法呢？下面我們就簡單的看看采用WEB標準開發（個人理解的）相對以前TABLE布局的優勢有哪些？1、節約運營成本看看我們的WEB標準制作方法是如何做到的？采用WEB標準制作，我們可以做到表現很形式的分離，我們用XHTML來表現（數據），用CSS來控制（頁面元素呈現的）形式。寫的好的頁面，XHTML代碼中基本上都是用戶要看的數據，還其他修飾性的東西，全部由我們的CSS來控制。這樣一來我們的（XHTML）頁面的體積就大大減小了，這樣你在帶寬上的費用就會大家降低了，這個怎么降低的，你可以想象一下，YAHOO的首頁小1K，100W個人一起訪問，那么帶寬節約了多少？而且可以更充分的利用帶寬。而我們的CSS控制了，所有的頁面元素的樣式，現在想改網站的整體風格，你只需要花幾分鐘修改一下一個CSS文件，就可以輕松搞定了。維護的成本也下來了，省了不少錢了吧？還有，你開這個頁面的速度會快很多啊，一個讓你等半分鐘的頁面，除非里面的信息對你很有用，不然我們大家基本都沒有太多的時間去用來等待的。2、對用戶友好更友好，且有機會獲得更多的用戶現在來說說用戶友好。首先我想把我們的用戶來分下類。第一類：普通用戶（每個訪問我們網站的人）；第二類：搜索引擎；采用WEB標準開發的頁面，結構清晰，頁面體積小，瀏覽器兼容性好。普通用戶訪問的時候，頁面打開速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問（顯示）頁面，且頁面的結構清晰，要找的數據可以很方便的瀏覽到。而對搜索引擎來說，一個好的采用WEB標準開發的頁面，都是做過SEO優化的，它訪問起來很友好，很容易理解你的頁面中哪里是標題（H1~H6標簽），哪里是段落（p標簽），哪里是段落里要強調的內容（strong標簽）等，它可以很容易的分析出來。而一個SEO好的站點，大家都知道，被搜索引擎收錄的機會更多，這個也意味著您的網站會被更多的普通用戶訪問到，給你的站點帶來更多的用戶。一個能幫我們省下大筆費用，提高工作效率。同時又能夠提高頁面瀏覽速度，對用戶友好，甚至能夠不花錢宣傳，就能給你帶來更多用戶的技術。你說你會不會去使用它？這個也正式我們的W3C推薦使用WEB標準開放網站的原因啊。而這個技術也得到了我們廣大用戶的認可，所以現在需要學習WEB標準啊。合理的布局前面我提到了一些知識點――“結構清晰、SEO優化、頁面體積小、HTML代碼中基本上都是用戶要看的數據”。這些東西，都是我做了合理布局的結果。而且我個人覺得，我們采用WEB標準制作的一切都是從這個知識點開始的，所以我這里就先來說這個話題。也許有人會問，怎樣的一個頁面，才算是合理的布局的呢？這個問題問題問得好，也是我們大家剛開始學用WEB標準的問得最多的問題之一，我也曾經常被這個問題所困擾，這里就說說我對合理布局的一些理解。在開始講合理布局的頁面要達到的要素前，我們還是用個實例來講解會更直觀些。先來看看這個圖片：不錯，這個是一個文章詳細頁，沒有左右兩欄布局，不過這里我重點要講的是合理的布局。這是此次實驗中customer（前端的一項）部分的完整代碼：<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“Customer.aspx.cs” Inherits=“Customer” %> <%@ Register Src=“Controllers/Bottom.ascx” TagName=“Bottom” TagPrefix=“uc4” %> <%@ Register Src=“Controllers/Top.ascx” TagName=“Top” TagPrefix=“uc1” %> <%@ Register Src=“Controllers/Left.ascx” TagName=“Left” TagPrefix=“uc2” %> <html> <head><title><%=Titlep %></title><meta http-equiv=“Content-Type” content=“text/html;charset=gb2312” /> <meta content=“<%= Descriptionp%>” name=“description”/> <meta content=“<%=Keywordsp %>” name=“keywords” /><link href=“Images/css.css” rel=“stylesheet” type=“text/css” /> </head><body style=“text-align: center”> <form id=form1 runat=server><table border=“0” align=“center” cellpadding=“0” cellspacing=“0” style=“width: 778px”><tr><td style=“width: 100px”><uc1:Top ID=“Top1” runat=“server” /></td></tr> </table><table border=“0” align=“center” cellpadding=“0” cellspacing=“0” style=“width: 778px;background-color: #ffffff;”><tr><td style=“height: 395px”><table border=“0” cellpadding=“0” cellspacing=“0” style=“width: 778px”> <tr> <td width=“183” align=“left” valign=“top”><table width=“183” border=“0” cellspacing=“0” cellpadding=“0”><tr><td><div align=“left”><uc2:Left ID=“Left1” runat=“server” /><h2><a name="3" >第三篇：WEB前端開發經驗總結</a></h2>WEB前端開發經驗總結發布時間：2009-04-20 09:05:33來源：作者：shengman點擊：21015這里跟大家談談個人對WEB前端開發的一些經驗（當然都是個人的一些理解，有什么地方說的欠妥或不對的地方還請包含和指正），這里我就從WEB標準開始吧。WEB標準是什么？說是WEB標準，不過我這里主要是對XHTML1.1 和 CSS2.1的一些經驗總結。因為WEB含蓋的內容實在是太多了，“WEB標準”是一系列標準的總稱，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這里要跟大家指出來一下，WEB標準不是我們所說的DIV+CSS。剛剛上面提到了――DIV+CSS，這里要說明下，這樣說其實是不正確的。DIV+CSS準確的說法（個人的理解）應該是：采用W3C推薦的WEB標準中的XHTML1.1結合CSS2.0樣式表制作頁面的方法，DIV應該指的是XHTML標簽，而CSS顯示是指的CSS樣式表了。采用WEB標準開發的好處那么W3C為什么會推薦這樣的頁面制作方法呢？下面我們就簡單的看看采用WEB標準開發（個人理解的）相對以前TABLE布局的優勢有哪些？1、節約運營成本看看我們的WEB標準制作方法是如何做到的？采用WEB標準制作，我們可以做到表現很形式的分離，我們用XHTML來表現（數據），用CSS來控制（頁面元素呈現的）形式。寫的好的頁面，XHTML代碼中基本上都是用戶要看的數據，還其他修飾性的東西，全部由我們的CSS來控制。這樣一來我們的（XHTML）頁面的體積就大大減小了，這樣你在帶寬上的費用就會大家降低了，這個怎么降低的，你可以想象一下，YAHOO的首頁小1K，100W個人一起訪問，那么帶寬節約了多少？而且可以更充分的利用帶寬。而我們的CSS控制了，所有的頁面元素的樣式，現在想改網站的整體風格，你只需要花幾分鐘修改一下一個CSS文件，就可以輕松搞定了。維護的成本也下來了，省了不少錢了吧？還有，你開這個頁面的速度會快很多啊，一個讓你等半分鐘的頁面，除非里面的信息對你很有用，不然我們大家基本都沒有太多的時間去用來等待的。2、對用戶友好更友好，且有機會獲得更多的用戶現在來說說用戶友好。首先我想把我們的用戶來分下類。第一類：普通用戶（每個訪問我們網站的人）；第二類：搜索引擎；采用WEB標準開發的頁面，結構清晰，頁面體積小，瀏覽器兼容性好。普通用戶訪問的時候，頁面打開速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問（顯示）頁面，且頁面的結構清晰，要找的數據可以很方便的瀏覽到。而對搜索引擎來說，一個好的采用WEB標準開發的頁面，都是做過SEO優化的，它訪問起來很友好，很容易理解你的頁面中哪里是標題（H1~H6標簽），哪里是段落（p標簽），哪里是段落里要強調的內容（strong標簽）等，它可以很容易的分析出來。而一個SEO好的站點，大家都知道，被搜索引擎收錄的機會更多，這個也意味著您的網站會被更多的普通用戶訪問到，給你的站點帶來更多的用戶。一個能幫我們省下大筆費用，提高工作效率。同時又能夠提高頁面瀏覽速度，對用戶友好，甚至能夠不花錢宣傳，就能給你帶來更多用戶的技術。你說你會不會去使用它？這個也正式我們的W3C推薦使用WEB標準開放網站的原因啊。而這個技術也得到了我們廣大用戶的認可，所以您現在需要學習WEB標準啊。溫習完了基礎課程，現在正式開始講XHTML和CSS的技巧了。合理的布局有朋友會開始問了，怎么一開始就開始講合理的布局了呢?前面我們提到了一些知識點――“結構清晰、SEO優化、頁面體積小、XHTML代碼中基本上都是用戶要看的數據”。這些東西，都是我們做了合理布局的結果。而且我個人覺得，我們采用WEB標準制作的一切都是從這個知識點開始的，所以我這里就先來說這個話題。那么大家又會開始問，怎樣的一個頁面，才算是合理的布局的呢？這個問題問題問得好，也是我們大家剛開始學用WEB標準的問得最多的問題之一，我也曾經常被這個問題所困擾，這里就說說我對合理布局的一些理解。在開始講合理布局的頁面要達到的要素前，我們還是用個實例來講解會更直觀些。先來看看這個圖片：不錯，這個是一個文章詳細頁，沒有左右兩欄布局，不過這里我重點要講的是合理的布局，在稍后的文章中我會詳細的介紹浮動元素。好，回到剛才的話題，大家看到了這個頁面了。我這里先把代碼寫給大家看看（省略了部分代碼）：<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” <html xmlns=“http://.cn”>domain</a>來源：<a href=“http://” target=“_blank”>domain.com</a>發布時間：2008年4月28日</div>代碼篇之前整理發表了《XMLHTTPRequest的屬性和方法簡介》</a>,它Ajax要使用的核心的技術之一，現在就來實際運用它。這個Ajax標簽導航，是我很久前就寫的一個腳本，很實用的（還被很多網站收錄了哦），現在拿它來做實例講解吧！當然個人能力有限，有什么不對的地方還請多包含!效果大家看到了，核心功能有： 1、將當前選中標簽以特殊的樣式顯示 2、將異步加載的頁面信息顯示到指定的DOM節點中我們來看看處理腳本的代碼吧：<div id="jdb3l39rxn9" class=“code-title”>程序代碼：ajaxtab.js</div><div id="jdb3l39rxn9" class=“js code” name=“code” id=“js-code”><!-- // 判斷是否支持ActiveX var useActiveX=(typeof ActiveXObject!= “undefined”); // 判斷是否支持DOM var useDom=document.implementation && document.implementation.createDocument; // 判斷是否支持XMLHttpRequest對象 var useXmlHttp=(typeof XMLHttpRequest!= “undefined”); // XMLHttpRequest對象版本 var ARR_XMLHTTP_VERS = [“MSXML2.XmlHttp.6.0”,“MSXML2.XmlHttp.3.0”]; // DOM對象版本 var ARR_DOM_VERS = [“MSXML2.DOMDocument.6.0”,“MSXML2.DOMDocument.3.0”]; /* ============= * 函數名稱：$(i) * 參數說明：i超鏈接 -標簽間的分割線 我羅列的這些東西，相信大家開始看出了些頭緒了，呵呵，不過別急！在我們看處理的腳本之前，先讓我們來看看導航標簽的樣式，主要是看看我們對分割線的處理(一點CSS處理的技巧)。本來想偷個懶，讓大家看我上邊說的那篇文章，想想也就是Ctrl+C&Ctrl+V,都貼出來吧！呵呵！！不過還沒有完，最后要說的就是innerHTML這個特性，這里我們還要感謝微軟啊，innerHTML就是它的專利，我們就是用它來改變指定DOM內的HTML字符串的，而不用刷新頁面。詳細的信息大家還是google一下吧，我也要休息下啊！喝口茶先！^-^！以上講了這么多，我們最后來看看，我們這個ajax標簽導航都用到了那些技術吧：<ol><li>XHTML</li><li>CSS</li><li>Javascript</li><li>DOM</li><li>XMLHttpRequest對象</li><li>innerHTML</li></ol>還有XML，我們這個例子沒有涉及到。東西雖小，包含的（web前端開發）知識可是都用到了啊，我把我會的點東西都端出來了（要失業了），呵呵！當然我很喜歡跟大家多交流，以后有時間，我們在來談談CSS的HACKS技巧，Javascript DOM編程等等的，今天就收工了，謝謝捧場先！！</div>Copyright ©2007-2008 <ahref=“domain.comhttp://”>domain.com</a>, All rights reserved.Powered By: <a href=“domainmailto:haixiao_yao@yahoo.com.cn”>domain</a></body></html>看出來什么沒有？（代碼是很多）可能大家已經發現，整個頁面里基本上都是用戶要看的數據，其中只包含了很少（必要）的布局(XHTML)標簽（請允許我這么說）。整個頁面基本都是由最基礎的h1~h6、p、ul、ol、li、form、div標簽來實現的。說到這里就要講到我在前面提到的“結構清晰、SEO優化、頁面體積小、XHTML代碼中基本上都是用戶要看的數據”，看看我的這個例子做到了沒有？結構清晰--也就是我們常說的，XHTML標簽要結構化（語意化）。什么叫結構化？由于個人認為這個知識點是十分重要的，所以請允許我在這里多羅嗦幾句，我們采用WEB標準的方法制作頁面的優勢就體現在頁面結構清晰。我們以前用table布局的時候，我們的表現（數據）和形式（布局樣式）是混在一起的，有很多冗余的數據混雜在一起，而大家再看看我上面給大家展示的代碼，很明顯，結構十分清晰。說了半天，還是沒有說什么是結構化，什么才是結構清晰啊？不要急。還記得我剛才提到的那幾個標簽嗎？h1~h6--如果你要顯示的數據是作為標題顯示的時候，就用這些標簽，因為這個標簽的意思就是說，這個是一個標題，不僅我們的用戶很容易理解h-head的英文字母縮寫，我們的另外一個用戶搜索引擎也可以很容易理解它。呵呵，看到了吧，一個充分結構化的頁面，對用戶是十分友好的。p--Paragraph（段落）ul--unorglized list(無序的列表)ol--orglized list(有序的列表)li--list item(列表項)form--表單div--division(區域)我這么一寫，大家估計開始明白了，原來XHTML標簽是有著自己的意義的（至于其他的標簽的語意義，大家可以自己到W3C看看它的解釋，也可以查看語義化你的HTML標簽和屬性），所以我們講要語意化的意思，就是用合理的標簽來顯示數據，比如前面提到的，是標題，就應該用h1~h6標簽，如果是一個段落的介紹文字，那么就應該使用p標簽，如果是顯示的一個沒有順序的列表，就應該用ul標簽，如此...所以看這個例子里Ajax標簽導航實例詳解這么寫就是很合理的，h2標簽就說明這里是個標題。而這么寫：復制內容到剪貼板代碼:.title{font-size:18px;...}<div id="jdb3l39rxn9" class=“title”>Ajax標簽導航實例詳解</div>雖然你用了strong來強調說明這部分文字，但是還是沒有h2標簽來的直接明了。還有這么寫<div id="jdb3l39rxn9" class=“ariticle-title”>Ajax標簽導航實例詳解</div>也不是我們推薦的，可以不用嵌套層的地方，我們盡量不要去過多的嵌套層，減少嵌套會讓我們的瀏覽器解析起來會更容易，速度更快。所我們使用WEB標準開發頁面，絕對不是單純的把以前的table換成DIV就OK了。而采用標準制作頁面，也不意味著我們就不使用table。只要把握我剛才說的原則，使用合理的標簽顯示相應特征的數據。其實我們的table標簽是一個很好的用來顯示二維數據的標簽，而table標簽也確實是設計出來用來顯示數據的，而不是用來布局的，只是我們當時的設計師們都用table標簽來布局了。<h2><a name="4" >第四篇：Web前端開發學習筆記分享</a></h2>www.tmdps.cn免費試學/ 一對一輔導/項目實訓/就業保障Web前端開發學習筆記對于Web前端初學者而言，前人的學習經驗及總結，能讓自己的學習事半功倍；我在泛藝學苑學習Web前端開發已經有一段日子了，課程內容個人覺得很全面、專業；下面是我通過這段時間學習，總結的一些Web前端開發學習筆記【前端開發需要學哪些？>>】，一是為了給自己加深印象，二是希望能幫助其他Web前端學習者們；以后內容會持續更新，也歡迎大家進行補充。【獲取全套學習資料>>】HTML篇總結非可視化標簽：head meta style scrpit...可視化標簽：img div span a ul li… 只有可視化標簽，才能用css改變它單標簽：meta link base img input br hr 雙標簽：html head body div a p span..ul li ol dl ….常用可視化標簽 div：一般用它來布局 a 超鏈接標簽href*屬性：設置跳轉的網頁地址 target屬性：設置跳轉的目標結論：凡事頁面可以點擊跳轉或者表單提交的文字，都用a標簽 img：src*屬性用來設置圖片的url數據、alt提供給搜索引擎搜索的 ul li：列表；結論：只要將來設計頁面中有固定樣式的列表，就用ul和li table caption tr td(th)：慢慢已經被淘汰了被ul li代替如果是合并豎排的就是合并行（rowspan）www.tmdps.cn免費試學/ 一對一輔導/項目實訓/就業保障如果是合并橫排的就是合并列（colspan）HTML部分導圖總結標簽集合www.tmdps.cn免費試學/ 一對一輔導/項目實訓/就業保障www.tmdps.cn免費試學/ 一對一輔導/項目實訓/就業保障以上即為我在泛藝學苑這一階段學習關于Web前端開發的總結以及筆記，接下來將要學習CSS；后續我會將Web前端開發學習總結陸續進行更新。泛藝學苑采用的在線教育，對于身處三線城市的我而言提供了很大的便利，平時有經驗豐富的老師直播授課，課后有專業的老師進行一對一輔導，還給我提供了大量的學習資料，雖然現在才剛開始學習，但是我有信心學完后，能夠找到一份滿意的工作。情>>】【了解課程詳<h2><a name="5" >第五篇：web項目前端開發經驗總結</a></h2>web項目前端開發經驗總結最近這一個月完成了自己的第一個java web項目，是給某雜志社做的在線投稿系統，雖然進度很慢，但是中間確實學到了不少東西，深刻體會到了自己看幾個月書都不如做一個項目來的實在。這個項目自己主要負責的是JSP頁面、JS腳本、CSS樣式表的編寫，雖然主要做的是前端，但是在設計前端后臺交互功能時，對MVC架構和數據庫又多了一分了解，這一個月的時間，自己在技術上也確實成長了不少。下面分成幾塊總結一下自己的這個項目中的心得吧：1.項目開發流程：從確認需求開始，到原型設計，再到原型測試，這些都沒什么說的了，主要是剛開始開發前端JSP頁面時，自己走了很多彎路，想到有什么頁面就寫什么頁面，GET和POST的路徑也是隨心所欲，想到什么名字就起什么名字，結果發現這樣做嚴重影響了項目開發的進度，后來經過主管的提點后，我幡然醒悟，其實，面向對象的思想就貫穿在整個項目當中，在前面的原型設計的過程中，除了頁面的設計還有數據庫的設計，數據庫的每個表就對應著Java中的每個實體類，這個類封裝了數據庫中的列作為屬性，封裝了數據庫的增刪改查作為方法，就拿這個投稿系統為例，實體主要有用戶、稿件等等，實體間還有著一對一映射或者一對多映射等對應關系。其實，整個系統的開發就是圍繞著這些個實體進行的，甚至于我們可以把實體名字做為二級目錄，把實體的增刪改查作為GET或POST的路徑，譬如account/add、paper/delete等等，有了這些路徑，那么與之對應的GET和POST的Controller也就有了，接下來我們要做的就是，定義Controller中返回的視圖，寫完Controller后再把與實體相關的增刪改查方法寫到服務層中，再把項目的整個骨架搭起來，再去處理細節，很快的，這個項目就成型了。這里前端和后臺的配合尤為重要，數據交互是整個系統的核心。2.JSP頁面設計：提到JSP頁面，在這里我想說的一點是，其實JSP頁面是在服務器生成的，那么傳給JSP頁面的變量、參數都會在服務器轉化為它們具體的值，然后再傳給客戶端。JSP頁面可以實現很多服務器端的功能，因為可以直接在頁面嵌入JAVA代碼，但是我們必須明確的一點是，JSP頁面主要是用來呈現視圖的，不要再其中套入大量的代碼，要明確前端與后臺的分工。3.JSTL標簽：JSTL標簽就是JSP standard taglib，即JSP標準標簽庫，首先，EL表達式可以非常方便的取出Controller返回的View包含的Model，甚至都無需聲明EL表達式。其次，JSTL標簽可以實現很多的邏輯控制功能，比如最基本的c:if判斷、c:forEach循環，甚至有更強大的c:choose，有了這些，我們可以大大簡化代碼量，JSP頁面中用幾十行java寫的代碼，有時用幾句JSTL標簽組合就實現了，此外，像fmt:parseDate和fmt:formatDate也是很好用的標簽，用于日期的解析和格式化，此外JSTL更有強大的函數標簽庫fn:，項目中我也只用到了fn:length取后臺傳的list的長度。要善用JSTL標簽，但是又不要完全依賴于它，JSTL標簽很方便、快捷，但是切記，JSTL功能有限，不要完全依賴于它。4.shiro框架：shiro框架是apache的一款面向java web項目的權限控制框架，這個框架無論前端、后臺都十分好用，在前端，我們可以使用shiro強大的標簽庫，通過用戶角色賦予用戶不同的訪問權限。譬如，如果一個系統的用戶有訪客、用戶、管理員三種角色，我們就可以通過shiro標簽來控制游客不能訪問哪些內容，頁面向用戶和管理員呈現的不同內容，這就是shiro標簽的神奇之處。5.sitemesh框架：這個主要是用來將所有頁面套用固定格式，用以頁面的復用，其實有些時候標簽更為方便，而且sitemesh框架的內存開銷是的二倍，還會導致攔截器出現一些莫名的bug，所以并不推薦使用。6.jquery：在這個項目中寫了很多的jquery代碼，發現jquery確實是個神奇的東西，jquery的神奇之處就在于jquery強大的選擇器可以方便的取到頁面的DOM元素，并且給這些元素綁定不同的事件，提到綁定事件，說一下on、live和bind的區別：bind是jquery最早的綁定事件方法，on是jquery 1.7.0以后才有的方法，bind和on都不能將事件綁定給DOM加載完畢后后添加到頁面的DOM元素，這時就需要live了。還有一個經常使用的就是jquery的ajax了，其實在做這個項目之前自己一直不理解ajax的作用機理，只是心里又個概念而已，但是，在真正使用的ajax之后，才發現ajax的強大之處，確實如AJAX自身描述一樣，異步加載javascript，這就允許我們在不打開新頁面的情況POST一些參數給后臺，后臺得到并處理這些參數后將JSON返回給前端，這個JSON的處理function就寫在ajax的success處理function中。在這個項目JSON和AJAX最主要的應用就是翻頁，加載一個頁面，把頁面傳給后臺然后把得到的JSON呈現給用戶，翻頁時重新POST參數，然后在用js重新處理一下翻頁區域即可。7.jquery.validate.js：這是一個輕量的jquery框架，主要用于表單的驗證，非常方便。8.twitter bootstrap.js：bootstrap自帶的js框架，里面定義了許多與bootstrap樣式相關聯的函數，使用起來也很方便。9.正則表達式：正則表達式的模式匹配是很強大的，靈活運用正則表達式，也會簡化代碼，甚至我們在查找替換時都可以使用正則表達式。總體上說，這個項目極大的鍛煉了自己的代碼編寫功能，從以前寫一句代碼要敲無數次backspace，現在居然可以將某些簡單的函數一氣呵成了。今天項目終于上線了，總結一下，希望以后自己能夠取得長足的進步！ </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="下載web前端開發知識點總結word格式文檔"> <div id="jdb3l39rxn9" class="download_card_msg"> <div id="jdb3l39rxn9" class="download_card_title" style="text-decoration:none;">下載web前端開發知識點總結.doc</div> <div id="jdb3l39rxn9" class="download_card_tip">將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。</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>點此處下載文檔</div> 文檔為doc格式 </div> </div> </a> <div id="jdb3l39rxn9" class="post-tags mt20 mb30">相關專題 <a href="/tag/webqdzsdhz/" target="_blank">web前端知識點匯總</a> <a href="/tag/webqdkfgzzj/" target="_blank">web前端開發工作總結</a> <a href="/tag/webqdkfzsd/" target="_blank">web前端開發知識點</a> </div> <div id="jdb3l39rxn9" class="single-info mb40">網址：http://www.tmdps.cn/a1/2019051215/0c387521035310d8.html 聲明：本文內容由互聯網用戶自發貢獻自行上傳，本網站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發現有涉嫌版權的內容，歡迎發送郵件至：645879355@qq.com 進行舉報，并提供相關證據，工作人員會在5個工作日內聯系你，一經查實，本站將立刻刪除涉嫌侵權內容。 </div> <div id="jdb3l39rxn9" class="single-xg mb40"> <div id="jdb3l39rxn9" class="con-title"> <h3><a name="6"></a>相關范文推薦</h3> </div> <div id="jdb3l39rxn9" class="sticky mb20"> <ul><h2 class="mb20"><a href="/a6/2019051513/b88b4e7826bc5152.html" target="_blank">Web前端開發筆試題</a></h2>Web前端開發筆試題一．單選題 1. div.box{color:red;} #box{color:blue;} div{ color: yellow !important;} 華章漢辰 Div里的字體的顏色是：（） A:紅色B:藍色 C:綠色 D:黃色 2.......<h2 class="mb20"><a href="/a1/2019051215/9f4bcca624c725cb.html" target="_blank">web前端面試總結</a></h2>1. 常用那幾種瀏覽器測試？有哪些內核(Layout Engine)? (Q1) 瀏覽器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 內核：Trident，Gecko，Presto，Webkit。 2. 說下行內元素和塊級元素的區別？行......<h2 class="mb20"><a href="/a4/201905125/91f0eb21ee1e3710.html" target="_blank">WEB前端開發工程師筆試試題（范文模版）</a></h2>WEB前端開發工程師筆試試題1.HTML的含義是什么?其主體部分由什么標記構成?2.說明在網頁設計中div標簽的作用3.CSS指的是什么?在網頁制作中為什么要使用CSS技術4.css 中id和c......<h2 class="mb20"><a href="/a1/2019051215/3ef300ef805c4ad6.html" target="_blank">Web前端開發培訓中es5與es6語法知識點總結</a></h2>Web前端開發培訓中es5與es6語法知識點總結（百讀易萊勝）熱點：web前端開發培訓百讀易萊勝官網前端開發易萊勝官網#es6的寫法： 1.利用import...form....代替require 方式一：導入......<h2 class="mb20"><a href="/a12/201905144/93610f309620c69e.html" target="_blank">web前端個人簡歷</a></h2>個人簡歷個人信息姓名：xxxx 性別：男出生日期：1993.03 婚姻狀況：未婚工作所在地：北京家庭所在地：湖北聯系電話：18xxxxxx 電子郵箱：xxxxxx@qq.com專業技能 1、熟練使用Sublime......<h2 class="mb20"><a href="/a2/2019051214/f8e237d4bcf5309a.html" target="_blank">Web前端工作總結</a></h2>Web前端學習總結一.名詞解釋 1. 橫切在固定頁面的寬度(按柵格化進行)并且對高度沒有限制的容器稱為一個標準橫切 2. 留白兩個容器或碎片之間的上、下、左、右的空白距離......<h2 class="mb20"><a href="/a1/2019051215/d4f5da23df5250bb.html" target="_blank">web前端學習總結2</a></h2>1.WEB標準以及W3C標準是什么？標簽閉合、標簽小寫、不亂嵌套、使用外鏈css和js、結構行為表現的分離。1.xhtml和html有什么區別 XHTML 元素必須被正確地嵌套，閉合，區分大小寫，文......<h2 class="mb20"><a href="/a1/2019051123/2bc3c60d716d950d.html" target="_blank">WEB前端開發經驗總結1（寫寫幫推薦）</a></h2>WEB前端開發經驗總結1 結構，結構，剛才我提到了標簽有塊級元素和行內元素之分的，要是不理解好這兩個概念，我們也不會很好的了解怎么合理的結構化頁面，現在就來介紹它們：塊級元素......</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="/a10/201905147/89261fed7bac3b16.html" title="Web前端開發技術人才培養模式研究" target="_blank">Web前端開發技術人才培養模式研究</a></li><li><a href="/a1/2019051212/7d7988947a3c5acb.html" title="web知識點總結" target="_blank">web知識點總結</a></li><li><a href="/a2/2019051219/39cd3ebe48d2ef88.html" title="Web前端程序員簡" target="_blank">Web前端程序員簡</a></li><li><a href="/a3/2019051211/c1cdc64f63497a0c.html" title="web前端實習經驗" target="_blank">web前端實習經驗</a></li><li><a href="/a1/2019051215/78242e56bcaab53f.html" title="最新web前端學習路線" target="_blank">最新web前端學習路線</a></li><li><a href="/a6/201905130/0b9cc70312ed972d.html" title="web前端培訓學習心得" target="_blank">web前端培訓學習心得</a></li><li><a href="/a6/2019051513/7eafc99efd48b52a.html" title="Web前端代碼規范" target="_blank">Web前端代碼規范</a></li><li><a href="/a15/2019051513/3cd4f42fff81dab5.html" title="web前端個人簡歷（5篇）" target="_blank">web前端個人簡歷（5篇）</a></li><li><a href="/a7/201905132/c33170f0027517b4.html" title="騰訊web前端開發工程師筆試題及答案" target="_blank">騰訊web前端開發工程師筆試題及答案</a></li><li><a href="/a6/2019051514/a74d73e74120263c.html" title="2017年web前端開發學習路線規劃小結" target="_blank">2017年web前端開發學習路線規劃小結</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號文庫</a></li><li><a href="/a2/">2號文庫</a></li><li><a href="/a3/">3號文庫</a></li><li><a href="/a4/">4號文庫</a></li><li><a href="/a5/">5號文庫</a></li><li><a href="/a6/">6號文庫</a></li><li><a href="/a7/">7號文庫</a></li><li><a href="/a8/">8號文庫</a></li><li><a href="/a9/">9號文庫</a></li><li><a href="/a10/">10號文庫</a></li><li><a href="/a11/">11號文庫</a></li><li><a href="/a12/">12號文庫</a></li><li><a href="/a13/">13號文庫</a></li><li><a href="/a14/">14號文庫</a></li><li><a href="/a15/">15號文庫</a></li> </ul> </div> Copyright ? 2018 <a href="/">寫寫幫文庫</a> All Rights Reserved <a target="_blank" rel="nofollow"> 浙ICP備11058632號</a> <script type="text/javascript" src="http://static.xiexiebang.com/skin/default/js/tj.js"></script> </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"></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"> 點擊咨詢 </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"> 感谢您访问我们的网站，您可能还对以下资源感兴趣： <a href="http://www.tmdps.cn/" title="久久99精品久久久久久琪琪">久久99精品久久久久久琪琪</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://jemmakidd.cn" target="_blank">99精品国产一区二区</a>| <a href="http://about2.cn" target="_blank">亚洲国产成人精品无码区二本</a>| <a href="http://ywau.cn" target="_blank">欧洲美妇乱人伦视频网站</a>| <a href="http://zrjk.com.cn" target="_blank">久久午夜神器</a>| <a href="http://40ytc.cn" target="_blank">国产综合有码无码视频在线</a>| <a href="http://i1614.cn" target="_blank">国产精品久久久久9999吃药</a>| <a href="http://yumeipaper.com.cn" target="_blank">日韩免费无码专区精品观看</a>| <a href="http://944018.cn" target="_blank">国产亚洲精品综合一区</a>| <a href="http://67101.com.cn" target="_blank">国产成人精品午夜视频</a>| <a href="http://y441.cn" target="_blank">中国凸偷窥xxxx自由视频妇科</a>| <a href="http://szadsl.com.cn" target="_blank">国产精品沙发午睡系列</a>| <a href="http://interventionnetwork.cn" target="_blank">国产亚洲精品久久久一区</a>| <a href="http://pnsh.com.cn" target="_blank">日日摸天天摸人人看</a>| <a href="http://92214.cn" target="_blank">日韩a∨无码中文无码电影</a>| <a href="http://huidumedia.cn" target="_blank">日日人人爽人人爽人人片av</a>| <a href="http://uizqeop.cn" target="_blank">两个人看的www中文在线观看</a>| <a href="http://jinhuotong.net.cn" target="_blank">97人人模人人爽人人少妇</a>| <a href="http://771886.cn" target="_blank">色综合天天天天综合狠狠爱</a>| <a href="http://oamvbxi.cn" target="_blank">天天色影网</a>| <a href="http://nzhegou.cn" target="_blank">成人欧美一区二区三区</a>| <a href="http://clientsolutions.cn" target="_blank">日韩欧国产精品一区综合无码</a>| <a href="http://907qt.cn" target="_blank">国产成人久久精品av</a>| <a href="http://szsunperlighting.com.cn" target="_blank">久久精品人人做人人爽电影蜜月</a>| <a href="http://689789.cn" target="_blank">久久久久人妻一区精品色</a>| <a href="http://jiuzuist.cn" target="_blank">国产尤物av尤物在线看</a>| <a href="http://privacyglass.com.cn" target="_blank">色噜噜狠狠狠狠色综合久一</a>| <a href="http://q-english.cn" target="_blank">久久精品国产99精品国产2021</a>| <a href="http://sjzhdys.cn" target="_blank">风间由美性色一区二区三区</a>| <a href="http://zjjx119.cn" target="_blank">99久re热视频这里只有精品6</a>| <a href="http://guilinzipai.cn" target="_blank">国产亚洲情侣一区二区无码av</a>| <a href="http://dvdtz.cn" target="_blank">国产精品18久久久久久欧美</a>| <a href="http://zaofuli.cn" target="_blank">天天摸夜夜添狠狠添高潮出水</a>| <a href="http://tyjzs.cn" target="_blank">国产日产欧产精品精品</a>| <a href="http://kuajingonline.cn" target="_blank">久久久精品成人免费看片</a>| <a href="http://wulgyq.cn" target="_blank">巨胸爆乳美女露双奶头挤奶</a>| <a href="http://enqii.cn" target="_blank">久久婷婷香蕉热狠狠综合</a>| <a href="http://hnys8.cn" target="_blank">欧美人与物videos另类xxxxx</a>| <a href="http://wandadagexing.cn" target="_blank">日本50岁丰满熟妇xxxx</a>| <a href="http://qiangshai.cn" target="_blank">久久久久久久久蜜桃</a>| <a href="http://nyuan.com.cn" target="_blank">国产精品自在拍首页视频8</a>| <a href="http://nmgsdjy.cn" target="_blank">免费精品一区二区三区第35</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="3rxj7" class="pl_css_ganrao" style="display: none;"><pre id="3rxj7"><form id="3rxj7"></form></pre><label id="3rxj7"><legend id="3rxj7"></legend></label><pre id="3rxj7"></pre><var id="3rxj7"></var><var id="3rxj7"><acronym id="3rxj7"></acronym></var><big id="3rxj7"></big><optgroup id="3rxj7"><pre id="3rxj7"></pre></optgroup><track id="3rxj7"><label id="3rxj7"><thead id="3rxj7"><menuitem id="3rxj7"></menuitem></thead></label></track><dfn id="3rxj7"><form id="3rxj7"></form></dfn><legend id="3rxj7"><big id="3rxj7"><rp id="3rxj7"><dfn id="3rxj7"></dfn></rp></big></legend><big id="3rxj7"><listing id="3rxj7"></listing></big><label id="3rxj7"><video id="3rxj7"><ruby id="3rxj7"><ins id="3rxj7"></ins></ruby></video></label><address id="3rxj7"><th id="3rxj7"></th></address><form id="3rxj7"><track id="3rxj7"></track></form><listing id="3rxj7"><dl id="3rxj7"><label id="3rxj7"></label></dl></listing><pre id="3rxj7"><dl id="3rxj7"><label id="3rxj7"><listing id="3rxj7"></listing></label></dl></pre><pre id="3rxj7"></pre><dfn id="3rxj7"><listing id="3rxj7"></listing></dfn><video id="3rxj7"><thead id="3rxj7"></thead></video><pre id="3rxj7"></pre><form id="3rxj7"><progress id="3rxj7"></progress></form><tt id="3rxj7"></tt><pre id="3rxj7"><track id="3rxj7"></track></pre><dfn id="3rxj7"><thead id="3rxj7"></thead></dfn><ruby id="3rxj7"><strike id="3rxj7"></strike></ruby><dfn id="3rxj7"></dfn><tt id="3rxj7"></tt><th id="3rxj7"></th><output id="3rxj7"><tt id="3rxj7"><acronym id="3rxj7"><menuitem id="3rxj7"></menuitem></acronym></tt></output><output id="3rxj7"><progress id="3rxj7"><dfn id="3rxj7"></dfn></progress></output><dfn id="3rxj7"><ol id="3rxj7"><pre id="3rxj7"></pre></ol></dfn><dfn id="3rxj7"></dfn><form id="3rxj7"><acronym id="3rxj7"><big id="3rxj7"></big></acronym></form><acronym id="3rxj7"><meter id="3rxj7"><rp id="3rxj7"><pre id="3rxj7"></pre></rp></meter></acronym><ol id="3rxj7"><thead id="3rxj7"></thead></ol><th id="3rxj7"></th><progress id="3rxj7"></progress><ol id="3rxj7"></ol><meter id="3rxj7"><menuitem id="3rxj7"></menuitem></meter><big id="3rxj7"><track id="3rxj7"><label id="3rxj7"></label></track></big><acronym id="3rxj7"></acronym><var id="3rxj7"></var><thead id="3rxj7"><form id="3rxj7"><dfn id="3rxj7"></dfn></form></thead><form id="3rxj7"><legend id="3rxj7"><pre id="3rxj7"></pre></legend></form><output id="3rxj7"><track id="3rxj7"><label id="3rxj7"><form id="3rxj7"></form></label></track></output><optgroup id="3rxj7"><var id="3rxj7"></var></optgroup><th id="3rxj7"></th><style id="3rxj7"><address id="3rxj7"></address></style><var id="3rxj7"></var><address id="3rxj7"></address><rp id="3rxj7"></rp><ruby id="3rxj7"></ruby><legend id="3rxj7"></legend><th id="3rxj7"><thead id="3rxj7"></thead></th><legend id="3rxj7"></legend><video id="3rxj7"></video><menuitem id="3rxj7"><progress id="3rxj7"></progress></menuitem><dl id="3rxj7"><dfn id="3rxj7"></dfn></dl><pre id="3rxj7"><pre id="3rxj7"><var id="3rxj7"></var></pre></pre><acronym id="3rxj7"><style id="3rxj7"></style></acronym><legend id="3rxj7"><big id="3rxj7"></big></legend><strike id="3rxj7"><dfn id="3rxj7"></dfn></strike><optgroup id="3rxj7"></optgroup><output id="3rxj7"></output><track id="3rxj7"><label id="3rxj7"><thead id="3rxj7"><address id="3rxj7"></address></thead></label></track><legend id="3rxj7"></legend><dl id="3rxj7"></dl><dfn id="3rxj7"></dfn><meter id="3rxj7"><tt id="3rxj7"></tt></meter><label id="3rxj7"></label><ins id="3rxj7"><optgroup id="3rxj7"></optgroup></ins><th id="3rxj7"><thead id="3rxj7"><progress id="3rxj7"></progress></thead></th><track id="3rxj7"></track><optgroup id="3rxj7"><label id="3rxj7"></label></optgroup><pre id="3rxj7"><form id="3rxj7"><th id="3rxj7"></th></form></pre><thead id="3rxj7"></thead><ol id="3rxj7"><big id="3rxj7"><output id="3rxj7"><track id="3rxj7"></track></output></big></ol><label id="3rxj7"><thead id="3rxj7"></thead></label><address id="3rxj7"></address><dfn id="3rxj7"></dfn><optgroup id="3rxj7"></optgroup><thead id="3rxj7"><address id="3rxj7"></address></thead><video id="3rxj7"><dfn id="3rxj7"><style id="3rxj7"></style></dfn></video><legend id="3rxj7"><pre id="3rxj7"><dfn id="3rxj7"></dfn></pre></legend><listing id="3rxj7"></listing><track id="3rxj7"><dl id="3rxj7"></dl></track><optgroup id="3rxj7"><ol id="3rxj7"><ins id="3rxj7"></ins></ol></optgroup><track id="3rxj7"></track><big id="3rxj7"><listing id="3rxj7"><th id="3rxj7"></th></listing></big><tt id="3rxj7"></tt><pre id="3rxj7"><address id="3rxj7"></address></pre><menuitem id="3rxj7"><progress id="3rxj7"><menuitem id="3rxj7"><progress id="3rxj7"></progress></menuitem></progress></menuitem><progress id="3rxj7"></progress><menuitem id="3rxj7"></menuitem><pre id="3rxj7"><th id="3rxj7"></th></pre><var id="3rxj7"></var><style id="3rxj7"></style><legend id="3rxj7"></legend><meter id="3rxj7"></meter><listing id="3rxj7"><acronym id="3rxj7"><thead id="3rxj7"></thead></acronym></listing><rp id="3rxj7"><optgroup id="3rxj7"></optgroup></rp><dl id="3rxj7"><div id="3rxj7"></div></dl><meter id="3rxj7"><rp id="3rxj7"></rp></meter><optgroup id="3rxj7"><label id="3rxj7"><div id="3rxj7"><ins id="3rxj7"></ins></div></label></optgroup><form id="3rxj7"><label id="3rxj7"></label></form><var id="3rxj7"></var><th id="3rxj7"><label id="3rxj7"><legend id="3rxj7"><ruby id="3rxj7"></ruby></legend></label></th><output id="3rxj7"></output><label id="3rxj7"><ol id="3rxj7"><thead id="3rxj7"><output id="3rxj7"></output></thead></ol></label><form id="3rxj7"><legend id="3rxj7"></legend></form><var id="3rxj7"><label id="3rxj7"><address id="3rxj7"></address></label></var><rp id="3rxj7"><pre id="3rxj7"></pre></rp><strike id="3rxj7"></strike><dl id="3rxj7"></dl><output id="3rxj7"><dfn id="3rxj7"><big id="3rxj7"></big></dfn></output><track id="3rxj7"><thead id="3rxj7"><output id="3rxj7"></output></thead></track><video id="3rxj7"><label id="3rxj7"><thead id="3rxj7"></thead></label></video><legend id="3rxj7"><ins id="3rxj7"><optgroup id="3rxj7"></optgroup></ins></legend><label id="3rxj7"><address id="3rxj7"></address></label><th id="3rxj7"><var id="3rxj7"></var></th><progress id="3rxj7"></progress><dfn id="3rxj7"><pre id="3rxj7"><progress id="3rxj7"></progress></pre></dfn><listing id="3rxj7"></listing><video id="3rxj7"></video><ins id="3rxj7"></ins><ol id="3rxj7"><address id="3rxj7"><output id="3rxj7"><rp id="3rxj7"></rp></output></address></ol><address id="3rxj7"><dfn id="3rxj7"></dfn></address><ins id="3rxj7"></ins><ins id="3rxj7"></ins><dfn id="3rxj7"><var id="3rxj7"></var></dfn><video id="3rxj7"><th id="3rxj7"></th></video><thead id="3rxj7"></thead><optgroup id="3rxj7"><label id="3rxj7"></label></optgroup></div> </html>

久久99精品久久久久久琪琪,久久人人爽人人爽人人片亞洲,熟妇人妻无码中文字幕,亚洲精品无码久久久久久久

web前端開發知識點總結

第一篇：web前端開發知識點總結