事件傳遞機制與事件冒泡/事件代理事件三要素1.事件名稱：字符串’click’、’keydown’、’scroll’2.事件主體：元素、、、3.事件方法：函數(shù)function(ev){…} 事件傳遞機制與事件冒泡 item1
DOM元素的增刪改 // 創(chuàng)建新元素：createElement() const ul=document.createElement('ul'); // 添加元素：append() document.body.append(u...
JS作用域1.行內(nèi)腳本：用在事件屬性（onclick）2.文檔腳本：xxx3.外部腳本： 類數(shù)組1.純數(shù)組（真數(shù)組） const colors=['red','green','blue']; console.log(...
用類來簡化構(gòu)造函數(shù)創(chuàng)建對象的過程js類就是函數(shù)ES6 class // class 聲明類 class Demo1{ // 公共成員 username='朱老師'; // 構(gòu)造方法，實例初始化 const...
函數(shù)參數(shù)與返回值// function hello(參數(shù)){ // return 返回值// }function hello(username){ return 'hello,'+username;}console.log(hello(...
數(shù)據(jù)類型1.原始類型：number(數(shù)值)、string(字符串)、boolean(布爾值)、undefined(變量默認值)、null(空)特點：單值；動態(tài)（由值的類型決定） console.log(100); // 數(shù)值(1,2,3...) /...
JS:全稱javascriptjs標簽（內(nèi)部js）：引用js:（公共js） 查看結(jié)果：console.log('hello world')console控制器對象'hello world'字面量/字符串''和""引號（...
html
grid容器、項目屬性容器屬性grid布局三步：1.創(chuàng)建grid容器 display: grid 2.劃分網(wǎng)格單元grid-template-columns列設(shè)置grid-template-rows行設(shè)置如： grid-template-column...
flex布局術(shù)語、容器、項目主軸：元素排列交叉軸：元素對齊container可以用作其它元素的容器（塊級盒子）display:flex轉(zhuǎn)為彈性盒子 容器屬性：1.flex-flow主軸方向是否換行flex-flow：row nowrap主軸方向不允許...
默認布局與元素類型文檔布局流position:static靜態(tài)定位 默認情況下，元素布局的完整流程1.把內(nèi)容（匿名文本）放到一個獨立的盒模型，如div2.為盒子添加上padding/border/margin3.盒子的種類3.1 塊級屬性：displ...
css布局常用單位1.絕對單位：像素px,1in=96px(in表示英寸)2.相對單位：需有參照物2.1“%”：參照父級2.2”em“:字號大小font-size，參照瀏覽器（默認16px=1em）,em是一個變量，受自身或父級影響2.3“rem”:...
偽類選擇器1.結(jié)構(gòu)偽類根據(jù)位置來獲取元素偽類選擇器用:nth-of-type()來表達 :nth-of-type(an+b)表達式a:系數(shù)n:參數(shù)b:偏移量，從0開始 選擇元素的兩種情形：1.1選擇1個，a=0css .list>li:nth-of-...
元素的樣式顏色、字體、背景可繼承優(yōu)先級：自定義>繼承>默認 內(nèi)聯(lián)樣式：style屬性，適用于當前特定的某個元素 xxx xxx
表單元素 發(fā)送方式/請求方式發(fā)送的數(shù)據(jù)2.1 自定義：用戶自己輸入，方式最靈活2.2 預(yù)定義：開發(fā)者寫好，方式最安全 提交方式：get默認的查詢方式,將用戶的查詢參數(shù)用過url發(fā)送到服務(wù)器端post常用于寫操作，也可以查詢，向服務(wù)器提交數(shù)據(jù) 案例 注...
