仿寫課堂中的購(gòu)物車案例 // (一).導(dǎo)入購(gòu)物車模塊,獲取data,total,totalMoney等數(shù)據(jù) import carts from './carts.js' // console.log(carts.to...
通過(guò)3月27日晚學(xué)習(xí),基本了解老師課堂上講的JS的DOM操作. 元素的查詢方法 // 獲取一組元素 let item = document.querySelectorAll('.list>li'); // 獲取一組元素中的第一個(gè) ...
通過(guò)3月21晚的實(shí)戰(zhàn)學(xué)習(xí),熟悉了手機(jī)端頁(yè)面的簡(jiǎn)單布局,按朱老師的實(shí)例,制作了一個(gè)手機(jī)端的”仿頭條”首頁(yè). html代碼 /*導(dǎo)入css文件*/ /*代碼主體*/
通過(guò)3月15日直播課程的學(xué)習(xí),熟悉了選擇器中的偽類選擇器的應(yīng)用,掌握了關(guān)于選擇器權(quán)重的相關(guān)知識(shí),以及box-sizing屬性的實(shí)際用法和好處。 1. 偽類選擇器偽類選擇器分類兩種：一是結(jié)構(gòu)偽類選擇器，二是狀態(tài)偽類選擇器。 1.1 結(jié)構(gòu)偽類 :nth-...
通過(guò)3月14號(hào)的學(xué)習(xí)了解了選擇器的四種使用場(chǎng)景,現(xiàn)介紹如下. 上下文選擇器的使用場(chǎng)景html代碼: item1 item2
按3月30日的課程,仿寫輪播圖.
分支與循環(huán)解構(gòu)1. 分支分支主要分為:單分支,雙分支,多分支.1 . 單分支 let status = true; if (status){ console.log('hello,world'); }2 . 雙分支 ...
通過(guò)3月29日的學(xué)習(xí),了解了模塊化式編程,按老師的講解,模仿完成了以下選項(xiàng)卡代碼: html頁(yè)代碼
通過(guò)實(shí)際操作,基本熟悉計(jì)算器代碼,并且可以自行寫出來(lái). css代碼/* 計(jì)算器css */* { padding: 0; margin: 0; box-sizing: border-box; } body { backgr...
通過(guò)3月24日晚的學(xué)習(xí),熟悉了字符串和數(shù)組的一些方法,了解class的用法等. 字符串和數(shù)組的部分用法1 . 字符串部分方法 let str = 'php中文網(wǎng)' //聲明字符串 //用數(shù)組的方式訪問(wèn)字符串中的字符 console.lo...
