十四.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í)建議