組件注冊(cè)
條件渲染 {{message}}
掛載點(diǎn)/vue實(shí)例/數(shù)據(jù)注入/ 響應(yīng)式 用戶名: {{username}} // 2. vue實(shí)例 //...
1. node.js 是什么? js 是運(yùn)行在瀏覽器中的腳本語(yǔ)言js 也可以運(yùn)行在后端(服務(wù)器端): Node.js 2. 運(yùn)行模式 命令行: node,查看console.log(), 退出.exit腳本文件: node demo1.js, js ...
異步同步: 順序執(zhí)行, 優(yōu)點(diǎn): 靜態(tài)預(yù)判結(jié)果可控, 缺點(diǎn): 耗時(shí)任務(wù)阻塞執(zhí)行異步: 亂序執(zhí)行, 優(yōu)點(diǎn): 不會(huì)阻塞代碼,體驗(yàn)好, 缺點(diǎn): 順序不可控 異步任務(wù)(耗時(shí)) 定時(shí)任務(wù): setTimeout, setInterval事件監(jiān)聽: addEven...
json常用APIjson是通用的、輕量化的“數(shù)據(jù)交互格式”,用于前后端數(shù)據(jù)通信;本質(zhì)上json是一個(gè)格式化的字符串;它并不是js對(duì)象,但可以與js對(duì)象之間相互轉(zhuǎn)換。 json的數(shù)據(jù)類型:1.簡(jiǎn)單類型:number/string/boolean/nu...
事件傳遞機(jī)制與事件冒泡/事件代理事件三要素1.事件名稱:字符串’click’、’keydown’、’scroll’2.事件主體:元素、、、3.事件方法:函數(shù)function(ev){…} 事件傳遞機(jī)制與事件冒泡 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(...
用類來(lái)簡(jiǎn)化構(gòu)造函數(shù)創(chuàng)建對(duì)象的過程js類就是函數(shù)ES6 class // class 聲明類 class Demo1{ // 公共成員 username='朱老師'; // 構(gòu)造方法,實(shí)例初始化 const...
函數(shù)參數(shù)與返回值// function hello(參數(shù)){ // return 返回值// }function hello(username){ return 'hello,'+username;}console.log(hello(...
數(shù)據(jù)類型1.原始類型:number(數(shù)值)、string(字符串)、boolean(布爾值)、undefined(變量默認(rèn)值)、null(空)特點(diǎn):?jiǎn)沃担粍?dòng)態(tài)(由值的類型決定) console.log(100); // 數(shù)值(1,2,3...) /...
JS:全稱javascriptjs標(biāo)簽(內(nèi)部js):引用js:(公共js) 查看結(jié)果:console.log('hello world')console控制器對(duì)象'hello world'字面量/字符串''和""引號(hào)(...
html
grid容器、項(xiàng)目屬性容器屬性grid布局三步:1.創(chuàng)建grid容器 display: grid 2.劃分網(wǎng)格單元grid-template-columns列設(shè)置grid-template-rows行設(shè)置如: grid-template-column...