仿寫(xiě)課堂中的購(gòu)物車(chē)案例 // (一).導(dǎo)入購(gòu)物車(chē)模塊,獲取data,total,totalMoney等數(shù)據(jù) import carts from './carts.js' // console.log(carts.to...
本地與全局的常用指令(本地是自己一個(gè)項(xiàng)目用,全局是所有項(xiàng)目都可以使用)生成管理第三方包的配置文件package.jsonnpm init -y/*實(shí)際上在安裝包后會(huì)自動(dòng)創(chuàng)建這個(gè)文件*/查看本地默認(rèn)包目錄(當(dāng)前項(xiàng)目依賴的包,僅限在當(dāng)前項(xiàng)目中使用)npm...
演示fetch , async, await 的用法1. fetch的用法 //fetch api function getData2(ele){ fetch('https://jsonplaceholder.typicode....
按3月30日的課程,仿寫(xiě)輪播圖.
通過(guò)3月29日的學(xué)習(xí),了解了模塊化式編程,按老師的講解,模仿完成了以下選項(xiàng)卡代碼: html頁(yè)代碼
通過(guò)實(shí)際操作,基本熟悉計(jì)算器代碼,并且可以自行寫(xiě)出來(lái). css代碼/* 計(jì)算器css */* { padding: 0; margin: 0; box-sizing: border-box; } body { backgr...
通過(guò)3月27日晚學(xué)習(xí),基本了解老師課堂上講的JS的DOM操作. 元素的查詢方法 // 獲取一組元素 let item = document.querySelectorAll('.list>li'); // 獲取一組元素中的第一個(gè) ...
通過(guò)3月24日晚的學(xué)習(xí),熟悉了字符串和數(shù)組的一些方法,了解class的用法等. 字符串和數(shù)組的部分用法1 . 字符串部分方法 let str = 'php中文網(wǎng)' //聲明字符串 //用數(shù)組的方式訪問(wèn)字符串中的字符 console.lo...
分支與循環(huán)解構(gòu)1. 分支分支主要分為:單分支,雙分支,多分支.1 . 單分支 let status = true; if (status){ console.log('hello,world'); }2 . 雙分支 ...
1. 四種常用的函數(shù)類(lèi)型常用的函數(shù)類(lèi)型主要有:命名函數(shù),匿名函數(shù),箭頭函數(shù),立即執(zhí)行函數(shù). (1). 命名函數(shù): /*命名函數(shù)*/ function sum(a,b){ // 返回相加后的值 return a+b; ...
通過(guò)3月21晚的實(shí)戰(zhàn)學(xué)習(xí),熟悉了手機(jī)端頁(yè)面的簡(jiǎn)單布局,按朱老師的實(shí)例,制作了一個(gè)手機(jī)端的”仿頭條”首頁(yè). html代碼 /*導(dǎo)入css文件*/ /*代碼主體*/
通過(guò)3月20號(hào)晚上學(xué)習(xí),基本熟悉grid布局的簡(jiǎn)單使用方法.用grid布局方式實(shí)現(xiàn)php中文網(wǎng)熱門(mén)推薦課程的布局,html和css代碼如下:html代碼: /*引入css*/ ...
通過(guò)3月14號(hào)的學(xué)習(xí)了解了選擇器的四種使用場(chǎng)景,現(xiàn)介紹如下. 上下文選擇器的使用場(chǎng)景html代碼: item1 item2
通過(guò)學(xué)習(xí),熟悉flex彈性盒子布局方式.以及了解了幾個(gè)grid的幾個(gè)屬性. 1.通過(guò)flex彈性盒子布局設(shè)計(jì)一個(gè)簡(jiǎn)單的導(dǎo)航html代碼如下: 首頁(yè) 男...
通過(guò)3月16日晚的學(xué)習(xí),學(xué)會(huì)了圖標(biāo)字體的使用方法. 下載字體圖標(biāo)網(wǎng)址:https://www.iconfont.cn/ 1. 在圖標(biāo)字體庫(kù)中選擇喜歡的字體加入到購(gòu)物車(chē). 2. 注冊(cè)登陸后,將其選擇好的字體添加到自己設(shè)置的項(xiàng)目中 3. 復(fù)制css網(wǎng)上...
