十四.JavaScript 簡(jiǎn)介及導(dǎo)入方式
十四.JavaScript 簡(jiǎn)介及導(dǎo)入方式
定義:

JS導(dǎo)入方式:有兩種 顯示:Fn+F12-->Console
內(nèi)聯(lián)(script)
外聯(lián):創(chuàng)建.js文件-導(dǎo)入.js文件

基本輸入輸出:
打印到控制窗口:console.log()
顯示到下拉框:alert()
十五.JavaScript 變量與數(shù)據(jù)類型
變量的3個(gè)關(guān)鍵字:
var:可變,函數(shù)作用域
let:可變,塊作用域
const:常數(shù)
null和undefine區(qū)別
undefined:- 默認(rèn)的系統(tǒng)行為(未賦值、函數(shù)無返回值等)。
- 通常不推薦主動(dòng)賦值
undefined,應(yīng)使用null表示明確的空值。
null:- 開發(fā)者主動(dòng)清除變量或?qū)ο笠茫ㄈ玑尫艃?nèi)存)。
- 作為函數(shù)的可選參數(shù),表示“無值”。
實(shí)現(xiàn):

十六. JavaScript 控制語句
條件語句:
if..else if..else if...else
循環(huán)語句:
while、for、break、continue
十七.JavaScript 函數(shù)
定義:

實(shí)現(xiàn):

作用域
十八.JavaScript 事件
定義:將HTML、CSS、JavaScipt聯(lián)系

事件綁定:

實(shí)現(xiàn):

十九.JavaScript DOM
??定義:對(duì)象(函數(shù)+變量)

節(jié)點(diǎn)樹:

實(shí)現(xiàn):用document操作節(jié)點(diǎn)數(shù)
??
DOM對(duì)象常用方法:
??
二十.練習(xí)-表格的增刪改查
js和html交互
要點(diǎn)過多,<0.o><O.o>
20. 練習(xí)-表格的增刪改查 P20 - 18:30
二十一.移動(dòng)端適配及 rem
不同設(shè)備顯示效果不一樣,移動(dòng)端頁面大小、形狀不一,需要自適應(yīng)、響應(yīng)布局,使用戶獲得良好體驗(yàn)

viewport:
??
rem:
??
21. 移動(dòng)端適配及 rem P21 - 00:02
二十二.Flex彈性盒子與容器屬性
定義:

flex:





二十三.總結(jié)與后續(xù)學(xué)習(xí)建議


浙公網(wǎng)安備 33010602011771號(hào)