春招準(zhǔn)備：JS學(xué)習(xí)記錄
請用微信掃一掃
分享
寫在前頭
在我決定走前端時，大概是21年暑假，那時參加了學(xué)校的ACM集訓(xùn)，在堅持了一個暑假期間，我也認(rèn)識到自己不是“小鎮(zhèn)做題家” 。當(dāng)然也沒那做題的腦子。之前都是一直偶爾興趣來了學(xué)學(xué)前端。
春招倒計時
目前水平
HTML,CSS：看了某馬的html，css網(wǎng)課，全敲完了一遍。菜鳥教程也看了一遍。
JavaScript：還在上著某馬的課
已經(jīng)學(xué)的章節(jié)
變量：P11～19
數(shù)據(jù)類型：P20～40
運算符：P41～54
流程控制分支結(jié)構(gòu)：P55～68
循環(huán)：P69～95
數(shù)組：P96～112
函數(shù)：P113～133
2021.12.29
代碼粗糙筆記 -- 知道自己每天學(xué)了啥就行，哈哈哈。
變量：P11～19
數(shù)據(jù)類型：P20～40
alert?//消息提示框
js分布
<head>
????<!--?2.內(nèi)嵌式的js?-->
????<script>
????????//?alert('沙漠駱駝');
????</script>
????<!--?3.?外部js?script?雙標(biāo)簽?-->
????<script?src="my.js"></script>
</head>
<body>
????<!--?1.?行內(nèi)式的js?直接寫到元素的內(nèi)部?-->
????<!--?<input?type="button"?value="唐伯虎"?onclick="alert('秋香姐')">?-->
</body>
注釋
<script>
????????//?1.?單行注釋??ctrl?+?/
????????/*?2.?多行注釋??默認(rèn)的快捷鍵?shift?+??alt??+?a
?????????? 2. 多行注釋? vscode 中修改多行注釋的快捷鍵：? ctrl + shift +?/
????????*/
????</script>
JS輸入輸出語句
<script>
??????<script>
????????//?這是一個輸入框
????????prompt('請輸入您的年齡');
????????//?alert?彈出警示框?輸出的?展示給用戶的
????????alert('計算的結(jié)果是');
????????//?console?控制臺輸出?給程序員測試用的??
????????console.log('我是程序員能看到的');
????</script>
????</script>
變量
<script>
????????//?1.?聲明了一個age?的變量?
????????var?age;
????????//?2.?賦值??把值存入這個變量中
????????age?=?18;
????????//?3.?輸出結(jié)果?
????????console.log(age);
????????//?4.?變量的初始化?
????????var?myname?=?'pink老師';
????????console.log(myname);
????</script>
<script>
????????//?1.?用戶輸入姓名??存儲到一個?myname的變量里面
????????var?myname?=?prompt('請輸入您的名字');
????????//?2.?輸出這個用戶名
????????alert(myname);
????</script>
<script>
????????//?1.?更新變量
????????var?myname?=?'pink老師';
????????console.log(myname);
????????myname?=?'迪麗熱巴';
????????console.log(myname);
????????//?2.?聲明多個變量
????????//?var?age?=?18;
????????//?var?address?=?'火影村';
????????//?var?gz?=?2000;
????????var?age?=?18,
????????????address?=?'火影村',
????????????gz?=?2000;
????????//?3.?聲明變量的特殊情況
????????// 3.1 只聲明不賦值?結(jié)果是？??程序也不知道里面存的是啥?所以結(jié)果是 undefined ?未定義的
????????var?sex;
????????console.log(sex);?//?undefined
????????//?3.2??不聲明?不賦值?直接使用某個變量會報錯滴
????????//?console.log(tel);
????????//?3.3?不聲明直接賦值使用
????????qq?=?110;
????????console.log(qq);
????</script>
?<script>
????????var?app?=?10;
????????var?App?=?100;
????????console.log(app);
????????console.log(App);
????????//?var?18age;
????????//?var?var;?因為var?有特殊意義了，這個叫做關(guān)鍵字?不能作為變量名的???for??while?if
????????//?name?我們盡量不要直接使用name?作為變量名
????????//?console.log(tel);
????????console.log(name);
????</script>
進(jìn)制問題
?<script>
????????var?num?=?10;?//?num?數(shù)字型?
????????var?PI?=?3.14?//?PI?數(shù)字型
????????????//?1.?八進(jìn)制??0?~?7??我們程序里面數(shù)字前面加0?表示八進(jìn)制
????????var?num1?=?010;
????????console.log(num1);?//??010??八進(jìn)制?轉(zhuǎn)換為?10進(jìn)制?就是??8?
????????var?num2?=?012;
????????console.log(num2);
????????//?2.?十六進(jìn)制??0?~?9??a?~?f????#ffffff??數(shù)字的前面加?0x?表示十六進(jìn)制
????????var?num3?=?0x9;
????????console.log(num3);
????????var?num4?=?0xa;
????????console.log(num4);
????????//?3.?數(shù)字型的最大值
????????console.log(Number.MAX_VALUE);
????????//?4.?數(shù)字型的最小值
????????console.log(Number.MIN_VALUE);
????????//?5.?無窮大
????????console.log(Number.MAX_VALUE?*?2);?//?Infinity?無窮大??
????????//?6.?無窮小
????????console.log(-Number.MAX_VALUE?*?2);?//?-Infinity?無窮大
????????//?7.?非數(shù)字
????????console.log('pink老師'?-?100);?//?NaN
????</script>
字符串
//14-字符串型String1
?<script>
????????//?'pink'???'pink老師'??'12'???'true'
????????var?str?=?'我是一個"高富帥"的程序員';
????????console.log(str);
????????//?字符串轉(zhuǎn)義字符??都是用??開頭?但是這些轉(zhuǎn)義字符寫道引號里面
????????var?str1?=?"我是一個'高富帥'的n程序員";
????????console.log(str1);
????</script>
//15-彈出警示框案例
?<script>
????????alert('酷熱難耐，火辣的太陽底下，我挺拔的身姿，成為了最為獨特的風(fēng)景。n我審視四周，這里，是我的舞臺，我就是天地間的王者。n這一刻，我豪氣沖天，終于大喊一聲："收破爛啦～"');
????</script>
//16-字符串拼接
<script>
????????//?1.?檢測獲取字符串的長度?length?
????????var?str?=?'my?name?is?andy';
????????console.log(str.length);?//?15
????????//?2.?字符串的拼接?+??只要有字符串和其他類型相拼接?最終的結(jié)果是字符串類型
????????console.log('沙漠'?+?'駱駝');?//?字符串的?沙漠駱駝
????????console.log('pink老師'?+?18);?//?'pink老師18'
????????console.log('pink'?+?true);?//?pinktrue
????????console.log(12?+?12);?//?24
????????console.log('12'?+?12);?//?'1212'
????</script>
?<script>
????????console.log('pink老師'?+?18);?//?pink老師18
????????console.log('pink老師'?+?18?+?'歲');
????????var?age?=?19;
????????console.log('pink老師age歲');
????????//?我們變量不要寫到字符串里面，是通過和?字符串相連的方式實現(xiàn)的
????????console.log('pink老師'?+?age?+?'歲');
????????//?變量和字符串相連的口訣：??引引加加
????????console.log('pink老師'?+?age?+?'歲');
????</script>
19-布爾型Boolean
<script>
????????var?flag?=?true;?//?flag?布爾型?
????????var?flag1?=?false;?//?flag1?布爾型
????????console.log(flag?+?1);?//?true?參與加法運算當(dāng)1來看
????????console.log(flag1?+?1);?//?false?參與加法運算當(dāng)?0來看
????????//?如果一個變量聲明未賦值?就是?undefined?未定義數(shù)據(jù)類型
????????var?str;
????????console.log(str);
????????var?variable?=?undefined;
????????console.log(variable?+?'pink');?//?undefinedpink
????????console.log(variable?+?1);?//?NaN??undefined?和數(shù)字相加?最后的結(jié)果是?NaN
????????//?null?空值
????????var?space?=?null;
????????console.log(space?+?'pink');?//?nullpink
????????console.log(space?+?1);?//?1
????</script>
20-獲取變量數(shù)據(jù)類型
<script>
????????var?num?=?10;
????????console.log(typeof?num);?//?number
????????var?str?=?'pink';
????????console.log(typeof?str);?//?string
????????var?flag?=?true;
????????console.log(typeof?flag);?//?boolean
????????var?vari?=?undefined;
????????console.log(typeof?vari);?//?undefined
????????var?timer?=?null;
????????console.log(typeof?timer);?//?object
????????//?prompt?取過來的值是?字符型的
????????var?age?=?prompt('請輸入您的年齡');
????????console.log(age);
????????console.log(typeof?age);
????</script>
字面量
?<script>
????????console.log(18);
????????console.log('18');
????????console.log(true);
????????console.log(undefined);
????????console.log(null);
????</script>
22-轉(zhuǎn)換為字符型
<script>
????????//?1.?把數(shù)字型轉(zhuǎn)換為字符串型?變量.toString()
????????var?num?=?10;
????????var?str?=?num.toString();
????????console.log(str);
????????console.log(typeof?str);
????????//?2.?我們利用?String(變量)???
????????console.log(String(num));
????????//?3.?利用?+?拼接字符串的方法實現(xiàn)轉(zhuǎn)換效果?隱式轉(zhuǎn)換
????????console.log(num?+?'');
????</script>
23-轉(zhuǎn)換為數(shù)字型
?<script>
????????//?var?age?=?prompt('請輸入您的年齡');
????????//?1.?parseInt(變量)??可以把?字符型的轉(zhuǎn)換為數(shù)字型?得到是整數(shù)
????????//?console.log(parseInt(age));
????????console.log(parseInt('3.14'));?//?3?取整
????????console.log(parseInt('3.94'));?//?3?取整
????????console.log(parseInt('120px'));?//?120?會去到這個px單位
????????console.log(parseInt('rem120px'));?//?NaN
????????//?2.?parseFloat(變量)?可以把?字符型的轉(zhuǎn)換為數(shù)字型?得到是小數(shù)?浮點數(shù)
????????console.log(parseFloat('3.14'));?//?3.14
????????console.log(parseFloat('120px'));?//?120?會去掉這個px單位
????????console.log(parseFloat('rem120px'));?//?NaN
????????//?3.?利用?Number(變量)?
????????var?str?=?'123';
????????console.log(Number(str));
????????console.log(Number('12'));
????????//?4.?利用了算數(shù)運算?-??*??/??隱式轉(zhuǎn)換
????????console.log('12'?-?0);?//?12
????????console.log('123'?-?'120');
????????console.log('123'?*?1);
????</script>
