前端基礎HTML+CSS+JS(期末複習用)
阿新 • • 發佈:2019-01-29
前端技術:
1、HTML/H5
認識並熟悉一些常用的標籤
1)網頁結構
2)圖img、文p pre h1-h6 font(h5過時)、視訊 <video> 、音訊 <audio>
3)表格
4)表單/表單屬性(特別常用)
input ----text、password、radio、checkbox、button、reset、submit、file、hidden
----(H5)number、range、email、url、color、Date pickers (date, month, week, time, datetime,
datetime-local)
textarea
select-option
5)列表---ul-li ol-li dl-dt-dd
6)其他:
a、div、span 、marquee
2、css/css3
概念:1)CSS層次結構---行內樣式表(不推薦使用)、文件樣式表、外部樣式表 (優先順序)
2)選擇器型別(元素選擇器、類選擇器.、Id選擇器#、屬性選擇器[ ],後代選擇器、子代選擇器、
相鄰兄弟選擇器、通用兄弟選擇器、偽類和偽元素選擇器)
3)佈局:流佈局、浮動佈局、絕對佈局(*)
4)盒/框模型 border margin padding
css/css3常用的屬性
文字、背景、列表list-style-type、盒模型 border margin padding、float、position
CSS3:背景、變形與動畫 transform、transition、animation
常用案例的程式碼閱讀與填空(*)
3、JavaScript
1)基於物件、事件驅動的指令碼 node.js+MongolDB後端開發
2)語法。。。。
3)物件:window、document、DOM 內建物件:Array、Date、String。。。
4)事件:
事件流 冒泡事件模型(案例)
捕獲事件模型
滑鼠事件
鍵盤事件 keycode ctrlKey altKey shiftKey
表單事件:onblur,onfocus,onchange,onsubmit(submit按鈕) onclick onselect....
1、HTML/H5
認識並熟悉一些常用的標籤
1)網頁結構
2)圖img、文p pre h1-h6 font(h5過時)、視訊 <video> 、音訊 <audio>
3)表格
4)表單/表單屬性(特別常用)
input ----text、password、radio、checkbox、button、reset、submit、file、hidden
----(H5)number、range、email、url、color、Date pickers (date, month, week, time, datetime,
datetime-local)
textarea
select-option
5)列表---ul-li ol-li dl-dt-dd
6)其他:
a、div、span 、marquee
2、css/css3
概念:1)CSS層次結構---行內樣式表(不推薦使用)、文件樣式表、外部樣式表 (優先順序)
2)選擇器型別(元素選擇器、類選擇器.、Id選擇器#、屬性選擇器[ ],後代選擇器、子代選擇器、
相鄰兄弟選擇器、通用兄弟選擇器、偽類和偽元素選擇器)
3)佈局:流佈局、浮動佈局、絕對佈局(*)
4)盒/框模型 border margin padding
css/css3常用的屬性
文字、背景、列表list-style-type、盒模型 border margin padding、float、position
CSS3:背景、變形與動畫 transform、transition、animation
常用案例的程式碼閱讀與填空(*)
3、JavaScript
1)基於物件、事件驅動的指令碼 node.js+MongolDB後端開發
2)語法。。。。
3)物件:window、document、DOM 內建物件:Array、Date、String。。。
4)事件:
事件流 冒泡事件模型(案例)
捕獲事件模型
滑鼠事件
鍵盤事件 keycode ctrlKey altKey shiftKey
表單事件:onblur,onfocus,onchange,onsubmit(submit按鈕) onclick onselect....