目標(biāo)
- Html
- css
-js
js
- setTimeout setInteval異同
setTimeout("show()",5000);
setInteval("show()",5000);
相同點(diǎn)：都可以實(shí)現(xiàn)定時(shí)器功能财搁，都有兩個(gè)參數(shù)：第一個(gè)參數(shù) 是執(zhí)行的js,第二個(gè)參數(shù)是毫秒數(shù)
不同點(diǎn)：setTimeout是一次性定時(shí)器，它用于實(shí)現(xiàn)延遲多少毫秒后執(zhí)行某個(gè)方法
setInteval是每間隔多少毫秒執(zhí)行某個(gè)方法挟憔。
- var a=fun; 與var b=fun()區(qū)別
function fun(){
return 6;
}
var a=fun;
var b=fun();
兩種寫法區(qū)別
a=fun 復(fù)制對象地址給a
b是fun的返回值6 - js原始數(shù)據(jù)類型包括哪些
Number String Boolean Undefined Null
Null與Undefined區(qū)別
Null： 是一個(gè)空對象, 沒有任何屬性和方法阴幌，對象被定義了，值為“null”蒋困；
Undefined： 表示定義但未賦值盾似；js中的內(nèi)置對象有哪些（了解）
Object Number String Boolean Math Date RegExp Function Events Arraytypeof instanceof === ！== delete運(yùn)算符作用
typeof：檢測數(shù)據(jù)類型雪标，如typeof(); 返回參數(shù)的數(shù)據(jù)類型
instanceof：檢測對象類型是否與指定類型相同零院， 返回布爾值true或false。
== ： 返回布爾值村刨，判斷兩個(gè)變量是否相等告抄，會(huì)進(jìn)行隱式的類型轉(zhuǎn)換。
===：全等操作符嵌牺，操作符兩側(cè)的操作數(shù)不進(jìn)行隱式類型轉(zhuǎn)換打洼，數(shù)據(jù)類型會(huì)影響比較操作
！==：不全等操作符逆粹，操作符兩側(cè)的操作數(shù)不進(jìn)行隱式類型轉(zhuǎn)換募疮，數(shù)據(jù)類型會(huì)影響比較操作，
delete：刪除對象中的屬性枯饿，如delete obj.name;
history
history 相關(guān)方法 forward.go(-1) 回退一次 forward.go(1) 前進(jìn)一次JS中的三種彈出式消息提醒(警告窗口酝锅、確認(rèn)窗口、信息輸入窗口)的命令是什么奢方？
警告窗口：alert 只有一個(gè)確認(rèn)按鈕 無返回值
確認(rèn)窗口:confirm 有確認(rèn) 取消兩個(gè)按鈕 返回true/false
信息輸入窗口:prompt 有輸入框 確認(rèn) 取消 按鈕 返回用戶輸入的值innerHTML功能innerText
innerText文本原樣輸出
innerHTML當(dāng)做html解析后在頁面輸出
css
css中搔扁。偽類及偽對象是什么，有什么特點(diǎn)
偽類及偽對象：由CSS自動(dòng)支持蟋字，屬CSS的一種擴(kuò)展型類,名稱不能自定義,使用時(shí)只能按照標(biāo)準(zhǔn)格式進(jìn)行應(yīng)用css常用的三種選擇符
按id選擇：#id
按class選擇：.className
按標(biāo)簽選擇：tagName三種引用樣式表的方式及應(yīng)用場景稿蹲，特別是外部樣式表
內(nèi)部樣式式表(在head> style之間)
外部樣式表(link css方式）
內(nèi)聯(lián)式（行內(nèi)直接引用）
內(nèi)聯(lián)式優(yōu)先級(jí)最高.z-index
z-index疊放順序可以為負(fù)數(shù)，越大層次越高text-decoration的四個(gè)值
none：沒樣式
underline：下劃線
overline：上劃線
blink：閃爍
line-through :刪除線display
display:none隱藏 display:block 顯示 inline-block：行塊級(jí) flex
- css四種定位方式
position:static默認(rèn)定位 relative相對定位 absolute絕對定位 fixed固定
1.浮動(dòng)
float:left right none
- CSS3新特性
1鹊奖、強(qiáng)大的CSS選擇器
2苛聘、新的顏色制式和透明設(shè)定
3、多欄布局的實(shí)現(xiàn)
4忠聚、多背景圖效果
8设哗、邊框背景圖片
9、盒子陰影
5两蟀、文字陰影效果
6网梢、開放的網(wǎng)絡(luò)字體類型
7、圓角
10 赂毯、媒體查詢
html
- h5中战虏，video audio標(biāo)簽作用拣宰，并寫示例代碼，解釋常用屬性
標(biāo)簽<video> 視頻標(biāo)簽：
<video width="1280" height="720" controls autoplay src="video.mp4">
您的瀏覽器不支持 video 標(biāo)簽烦感。
</video>
<video width="800" height="">
<source src="myvideo.mp4" type="video/mp4"></source>
<source src="myvideo.ogv" type="video/ogg"></source>
<source src="myvideo.webm" type="video/webm"></source>
<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
<param name="movie" value="myvideo.swf" />
<param name="flashvars" value="autostart=true&file=myvideo.swf" />
</object>
當(dāng)前瀏覽器不支持 video直接播放巡社，點(diǎn)擊這里下載視頻： <a href="myvideo.webm">下載視頻</a>
</video>
標(biāo)簽<audio> 定義音頻標(biāo)簽：
<audio src=“audio.mp3“ controls autoplay>
您的瀏覽器不支持 audio 標(biāo)簽。
</audio>
屬性：
autoplay 視頻在就緒后馬上播放手趣。
controls 顯示播放控件晌该。
height 設(shè)置視頻播放器的高度。
width 設(shè)置視頻播放器的寬度回懦。
src 要播放的視頻的 URL气笙。
<button> <input type="button">區(qū)別
相同點(diǎn)：都可以產(chǎn)生按鈕效果
不同點(diǎn)：<button>可以放置文本或圖像。
在表單以外的地方使用<button>標(biāo)簽怯晕，表現(xiàn)為正常的按鈕潜圃，可以用做事件觸發(fā)器。
在表單內(nèi)使用<button>標(biāo)簽舟茶，他變成submit按鈕列舉5個(gè)HTML5的結(jié)構(gòu)標(biāo)簽
header谭期、nav、article吧凉、section隧出、aside、footer阀捅、hgroup胀瞪、figure、figcaptionget/post區(qū)別（待寫）
http://www.w3school.com.cn/tags/html_ref_httpmethods.asp
1)安全性 post安全
2）對數(shù)據(jù)長度的限制 get有長度限制 post沒有
3）編碼類型 post比get多支持一個(gè)multipart/form-data饲鄙，就可以支持文件上傳
4）可見性：get的請求參數(shù)在地址欄中可見
使用規(guī)則：
訪問外網(wǎng)可以用get 比如百度
訪問內(nèi)網(wǎng)用post
-
表格行合并<td rowspan=""> 列合并<td colspan="">
image.png range 滑塊 滑動(dòng)條 min最小值 max最大值 step步長 value默認(rèn)值
結(jié)構(gòu)標(biāo)簽：(塊狀元素) 有意義的div
article:標(biāo)簽裝載顯示一個(gè)獨(dú)立的文章內(nèi)容凄诞。例如一篇完整的論壇帖子，一則網(wǎng)站新聞忍级，一篇博客文章等等帆谍，一個(gè)用戶評(píng)論等等
header: 標(biāo)記定義一個(gè)頁面或一個(gè)區(qū)域的頭部
nav :標(biāo)記定義導(dǎo)航鏈接
section :標(biāo)記定義一個(gè)區(qū)域
aside: 標(biāo)記定義頁面內(nèi)容部分的側(cè)邊欄
hgroup: 標(biāo)記定義文件中一個(gè)區(qū)塊的相關(guān)信息
figure: 標(biāo)記定義一組媒體內(nèi)容以及它們的標(biāo)題
figcaption: 標(biāo)簽定義 figure 元素的標(biāo)題。
footer: 標(biāo)記定義一個(gè)頁面或一個(gè)區(qū)域的底部
dialog: 標(biāo)記定義一個(gè)對話框(會(huì)話框)類似微信
常用語義標(biāo)簽：
header:頁眉
footer:頁腳
nav:導(dǎo)航
main:文檔主要內(nèi)容
article:文章
aside:側(cè)邊欄轴咱。
- hidden 隱藏域汛蝙，可以隱式帶數(shù)據(jù)給后臺(tái)
- novalidate取消表單驗(yàn)證
- required 必須的
- readonly 只讀的，可以傳到后臺(tái)
- disabled 不可用的朴肺，值不傳到后臺(tái)
- focus blur 獲取/失去焦點(diǎn)
html5新增表單類型
13個(gè)
search：圓角文本框 safari瀏覽器和Chrome瀏覽器 輸入后帶刪除標(biāo)志
email：郵箱 -帶驗(yàn)證 @
url：網(wǎng)址 -帶驗(yàn)證 http:// https:// ftp://
number：數(shù)字-帶驗(yàn)證 包含小數(shù)點(diǎn)
tel：電話 -不帶驗(yàn)證窖剑，移動(dòng)端打開數(shù)字鍵盤
range：滑動(dòng)條
color：顏色 可以選
時(shí)間|日期
time：時(shí)間
date：日期
datetime:日期加時(shí)間（大多數(shù)瀏覽器不支持，safari支持）
datetime-local：本地日期加時(shí)間（大多數(shù)瀏覽器支持,用它）
month:月
week：年份和周數(shù)
history方法
history.go(-1) history.go(-2)后退
history.go(1) history.go(2)前進(jìn)
history.back() 后退一次
history.forward() 前進(jìn)一次z-index
控制層的疊放順序戈稿，值大的在前js的內(nèi)置對象有哪些
Array 數(shù)組對象
Boolean 布爾
Date 時(shí)間
Math 數(shù)學(xué)
Number 數(shù)字
String 字符串
RegExp 正則表達(dá)式
Functions 函數(shù)
Events 事件
