HTML+CSS
1.对WEBæ å以åW3Cçç解ä¸è®¤è¯
æ ç¾éåãæ ç¾å°åãä¸ä¹±åµå¥ãæé«æç´¢æºå¨äººæç´¢å çã使ç¨å¤
é¾cssåjsèæ¬ãç»æè¡ä¸ºè¡¨ç°çå离ãæ件ä¸è½½ä¸é¡µé¢é度æ´å¿«ãå
容è½è¢«æ´å¤çç¨æ·æ访é®ãå
容è½è¢«æ´å¹¿æ³ç设å¤æ访é®ãæ´å°ç代ç åç»ä»¶ï¼å®¹æç»´
æ¤ãæ¹çæ¹ä¾¿ï¼ä¸éè¦åå¨é¡µé¢å
容ãæä¾æå°çæ¬èä¸éè¦å¤å¶å
容ãæé«ç½ç«æç¨æ§ï¼
2.xhtmlåhtmlæä»ä¹åºå«
HTMLæ¯ä¸ç§åºæ¬çWEBç½é¡µè®¾è®¡è¯è¨ï¼XHTMLæ¯ä¸ä¸ªåºäºXMLçç½®æ è¯è¨
æ主è¦çä¸åï¼
XHTML å
ç´ å¿
须被æ£ç¡®å°åµå¥ã
XHTML å
ç´ å¿
须被å
³éã
æ ç¾åå¿
é¡»ç¨å°ååæ¯ã
XHTML ææ¡£å¿
é¡»æ¥ææ ¹å
ç´ ã
3.Doctype? ä¸¥æ ¼æ¨¡å¼ä¸æ··æ模å¼-å¦ä½è§¦åè¿ä¸¤ç§æ¨¡å¼ï¼åºåå®ä»¬æä½æä¹?
ç¨äºå£°ææ档使ç¨é£ç§è§èï¼html/Xhtmlï¼ä¸è¬ä¸º ä¸¥æ ¼ è¿åº¦ åºäºæ¡æ¶çhtmlææ¡£
å å
¥XMl声æå¯è§¦åï¼è§£ææ¹å¼æ´æ¹ä¸ºIE5.5 æ¥æIE5.5çbug
4.è¡å
å
ç´ æåªäº?å级å
ç´ æåªäº?CSSçç模å?
å级å
ç´ ï¼div p h1 h2 h3 h4 form ul
è¡å
å
ç´ : a b br i span input select
Cssç模å:å
容ï¼border ,marginï¼padding
5.CSSå¼å
¥çæ¹å¼æåªäº? linkå@importçåºå«æ¯?
å
è å
åµ å¤é¾ 导å
¥
åºå« ï¼åæ¶å è½½
åè
æ å
¼å®¹æ§ï¼åè
CSS2.1以ä¸æµè§å¨ä¸æ¯æ
Link æ¯æ使ç¨javascriptæ¹åæ ·å¼ï¼åè
ä¸å¯
6.CSSéæ©ç¬¦æåªäº?åªäºå±æ§å¯ä»¥ç»§æ¿?ä¼å
级ç®æ³å¦ä½è®¡ç®?å
èåimportantåªä¸ªä¼å
级�
æ ç¾éæ©ç¬¦ ç±»éæ©ç¬¦ idéæ©ç¬¦
继æ¿ä¸å¦æå® Id>class>æ ç¾éæ©
åè
ä¼å
级é«
7.å端页é¢æåªä¸å±ææï¼åå«æ¯ä»ä¹?ä½ç¨æ¯ä»ä¹?
ç»æå± Html è¡¨ç¤ºå± CSS è¡ä¸ºå± js
8.cssçåºæ¬è¯å¥æææ¯?
éæ©å¨{å±æ§1:å¼1;å±æ§2:å¼2;â¦â¦}
9.ä½ åç页é¢å¨åªäºæµè§å¨æµè¯è¿?è¿äºæµè§å¨çå
æ ¸åå«æ¯ä»ä¹?
Ie(Ieå
æ ¸) ç«çï¼Geckoï¼ è°·æï¼webkitï¼ opear(Presto)
10.ååºå ç§IE6 BUGç解å³æ¹æ³
1.åè¾¹è·BUG floatå¼èµ·ç 使ç¨display
2.3åç´ é®é¢ 使ç¨floatå¼èµ·ç 使ç¨dislpay:inline -3px
3.è¶
é¾æ¥hover ç¹å»å失æ 使ç¨æ£ç¡®ç书åé¡ºåº link visited hover active
4.Ie z-indexé®é¢ ç»ç¶çº§æ·»å position:relative
5.Png éæ 使ç¨js代ç æ¹
6.Min-height æå°é«åº¦ ï¼Important 解å³â
7.select å¨ie6ä¸é®ç 使ç¨iframeåµå¥
8.为ä»ä¹æ²¡æåæ³å®ä¹1pxå·¦å³ç宽度容å¨ï¼IE6é»è®¤çè¡é«é æçï¼ä½¿ç¨over:hidden,zoom:0.08 line-height:1pxï¼
11.æ ç¾ä¸titleä¸altå±æ§çåºå«æ¯ä»ä¹?
Alt å½å¾çä¸æ¾ç¤ºæ¯ ç¨æå代表ã
Title 为该å±æ§æä¾ä¿¡æ¯
12.æè¿°css resetçä½ç¨åç¨éã
Resetéç½®æµè§å¨çcssé»è®¤å±æ§ æµè§å¨çåç§ä¸åï¼æ ·å¼ä¸åï¼ç¶åéç½®ï¼è®©ä»ä»¬ç»ä¸
13.解écss spritesï¼å¦ä½ä½¿ç¨ã
Css ç²¾çµ æä¸å å°çå¾çæ´åå°ä¸å¼ 大çå¾çä¸ï¼åè½»æå¡å¨å¯¹å¾çç请æ±æ°é
14.æµè§å¨æ å模å¼åæªå¼æ¨¡å¼ä¹é´çåºå«æ¯ä»ä¹?
çå模å 渲æ模å¼çä¸å
ä½¿ç¨ window.top.document.compatMode å¯æ¾ç¤ºä¸ºä»ä¹æ¨¡å¼
15.ä½ å¦ä½å¯¹ç½ç«çæ件åèµæºè¿è¡ä¼å?æå¾
ç解å³æ¹æ¡å
æ¬ï¼
æ件å并
æ件æå°å/æ件å缩
使ç¨CDNæ管
ç¼åç使ç¨
16.ä»ä¹æ¯è¯ä¹åçHTML?
ç´è§ç认è¯æ ç¾ å¯¹äºæç´¢å¼æçæåæ好å¤
17.æ¸
é¤æµ®å¨çå ç§æ¹å¼ï¼åèªçä¼ç¼ºç¹
1.使ç¨ç©ºæ ç¾æ¸
é¤æµ®å¨ clear:bothï¼ç论ä¸è½æ¸
æ¥ä»»ä½æ ç¾ï¼ï¼ï¼å¢å æ æä¹çæ ç¾ï¼
2.使ç¨overflow:autoï¼ç©ºæ ç¾å
ç´ æ¸
é¤æµ®å¨èä¸å¾ä¸å¢å æ æ代ç çå¼ç«¯,,使ç¨zoom:1ç¨äºå
¼å®¹IEï¼
3.æ¯ç¨afert伪å
ç´ æ¸
é¤æµ®å¨(ç¨äºéIEæµè§å¨)
Javascript
1.javascriptçtypeofè¿ååªäºæ°æ®ç±»å
Object number function boolean underfind
2.ä¾ä¸¾3ç§å¼ºå¶ç±»å转æ¢å2ç§éå¼ç±»å转æ¢?
强å¶ï¼parseInt,parseFloat,numberï¼
éå¼ï¼== â ===ï¼
3.split() join() çåºå«
åè
æ¯åå²ææ°ç»çå½¢å¼ï¼åè
æ¯å°æ°ç»è½¬æ¢æå符串
4.æ°ç»æ¹æ³pop() push() unshift() shift()
Push()å°¾é¨æ·»å pop()å°¾é¨å é¤
Unshift()头é¨æ·»å shift()头é¨å é¤
5.äºä»¶ç»å®åæ®éäºä»¶æä»ä¹åºå«
6.IEåDOMäºä»¶æµçåºå«
1.æ§è¡é¡ºåºä¸ä¸æ ·ã
2.åæ°ä¸ä¸æ ·
3.äºä»¶å ä¸å on
4.thisæåé®é¢
7.IEåæ åä¸æåªäºå
¼å®¹æ§çåæ³
Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target
8.ajax请æ±çæ¶åget åpostæ¹å¼çåºå«
ä¸ä¸ªå¨urlåé¢ ä¸ä¸ªæ¾å¨èæè½½ä½éé¢
æ大å°éå¶
å®å
¨é®é¢
åºç¨ä¸å ä¸ä¸ªæ¯è®ºåçåªéè¦è¯·æ±çï¼ä¸ä¸ªæ¯ç±»ä¼¼ä¿®æ¹å¯ç ç
9.callåapplyçåºå«
Object.call(this,obj1,obj2,obj3)
Object.apply(this,arguments)
10.ajax请æ±æ¶ï¼å¦ä½è§£éjsonæ°æ®
使ç¨eval parse é´äºå®å
¨æ§èè 使ç¨parseæ´é è°±
11.b继æ¿açæ¹æ³
12.åä¸ä¸ªè·åéè¡é´æ ·å¼çå½æ°
function getStyle(obj,attr,value)
{
if(!value)
{
if(obj.currentStyle)
{
return obj.currentStyle(attr)
}
else
{
obj.getComputedStyle(attr,false)
}
}
else
{
obj.style[attr]=value
}
}
13.äºä»¶å§ææ¯ä»ä¹
让å©ç¨äºä»¶å泡çåçï¼è®©èªå·±çæ触åçäºä»¶ï¼è®©ä»çç¶å
ç´ ä»£æ¿æ§è¡ï¼
http://www.webasily.com/?p=78 ä¾åå¯è§æ¤é¾æ¥
14.éå
æ¯ä»ä¹ï¼æä»ä¹ç¹æ§ï¼å¯¹é¡µé¢æä»ä¹å½±å
éå
å°±æ¯è½å¤è¯»åå
¶ä»å½æ°å
é¨åéçå½æ°ã
æ·±å
¥ç解JavaScriptçéå
ç¹æ§ å¦ä½ç»å¾ªç¯ä¸ç对象添å äºä»¶ æ¤é¾æ¥å¯æ¥çï¼é®è¿ä¸ªé®é¢çä¸æ¯ä¸ä¸ªå
¬å¸ï¼
15.å¦ä½é»æ¢äºä»¶å泡åé»è®¤äºä»¶
canceBubble return false
16.æ·»å å é¤ æ¿æ¢ æå
¥å°æ个æ¥ç¹çæ¹æ³
obj.appendChidl()
obj.innersetBefore
obj.replaceChild
obj.removeChild
17.解éjsonpçåçï¼ä»¥å为ä»ä¹ä¸æ¯çæ£çajax
å¨æå建scriptæ ç¾ï¼åè°å½æ°
Ajaxæ¯é¡µé¢æ å·æ°è¯·æ±æ°æ®æä½
18.javascriptçæ¬å°å¯¹è±¡ï¼å
置对象å宿主对象
æ¬å°å¯¹è±¡ä¸ºarray obj regexpçå¯ä»¥newå®ä¾å
å
置对象为gload Math çä¸å¯ä»¥å®ä¾åç
宿主为æµè§å¨èªå¸¦çdocument,window ç
19.document load ådocument readyçåºå«
Document.onload æ¯å¨ç»æåæ ·å¼å è½½å®ææ§è¡js
Document.readyåçç§æ²¡æè¿ä¸ªæ¹æ³ï¼jqueryä¸æ $().ready(function)
20.â==âåâ===âçä¸å
åè
ä¼èªå¨è½¬æ¢ç±»å
åè
ä¸ä¼
21.javascriptçåæºçç¥
ä¸æ®µèæ¬åªè½è¯»åæ¥èªäºåä¸æ¥æºççªå£åææ¡£çå±æ§ï¼è¿éçåä¸æ¥æºæçæ¯ä¸»æºåãåè®®å端å£å·çç»å
22.ç¼åä¸ä¸ªæ°ç»å»éçæ¹æ³
function oSort(arr)
{
var result ={};
var newArr=[];
for(var i=0;i<arr.length;i++)
{
if(!result[arr])
{
newArr.push(arr)
result[arr]=1
}
}
return newArr
}