? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?js的簡(jiǎn)單入門(mén)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?簡(jiǎn)單的自述
? ? ? ? 大家好鲫趁，歡迎來(lái)看我的簡(jiǎn)書(shū)芒填，我呢是一個(gè)剛轉(zhuǎn)業(yè)的一個(gè)無(wú)業(yè)游民，在一次偶然的機(jī)會(huì)梯捕，了解到了關(guān)于前端開(kāi)發(fā)的知識(shí)（ps：我同學(xué)在珠峰學(xué)習(xí)的前端）明明大家都是剛剛畢業(yè)纹蝴，而作為學(xué)習(xí)過(guò)前端的一名工程師來(lái)說(shuō)华蜒，竟然收入比我高一倍官册，說(shuō)實(shí)話，讓我本來(lái)脆弱的心靈受到了嚴(yán)重的打擊瓷马。不說(shuō)別的拴还，這雙倍的工資讓我屬實(shí)羨慕，再說(shuō)簡(jiǎn)單點(diǎn)欧聘，步入社會(huì)以后片林，經(jīng)濟(jì)能力，將會(huì)是衡量一個(gè)人的重要標(biāo)尺。所以拇厢，我也選擇了珠峰培訓(xùn)爱谁，選擇用自己的努力，為自己以后的生后提供一個(gè)更好的保障孝偎。
? ? ? 在不久前访敌，我學(xué)習(xí)了HTML5，css3衣盾，在接下來(lái)的很長(zhǎng)一段時(shí)間里寺旺，我將學(xué)習(xí) Javascript，時(shí)間短势决，任務(wù)重阻塑，作為一個(gè)純小白來(lái)說(shuō)，我不知道自己能吸收到什么程度果复，但即使前方充滿(mǎn)坎坷陈莽，我也無(wú)懼，給自己定個(gè)小目標(biāo)虽抄。? ?加油走搁，努力，奧里給Ｂ蹩摺Ｋ街病！
?學(xué)習(xí)內(nèi)容總結(jié)如下：
一丶什么是 js：
? ? ? Javascript（JS）是一種腳本語(yǔ)言车酣，主要用于Web曲稼。它用于增強(qiáng)HTML頁(yè)面，通澈保可以嵌入HTML代碼中贫悄。JavaScript是一種解釋型語(yǔ)言。因此破衔，它不需要編譯清女∏蹋”
二丶.js 是用來(lái)實(shí)現(xiàn)什么的：
avascript是在網(wǎng)站瀏覽器上運(yùn)行的編程語(yǔ)言晰筛。
主要是向使用HTML和CSS構(gòu)建的網(wǎng)站添加，并起到實(shí)現(xiàn)各種頁(yè)面動(dòng)態(tài)效果的作用拴袭。
例如读第，在網(wǎng)頁(yè)上展示的輪播圖樣式和在咨詢(xún)平臺(tái)上輸入的內(nèi)容錯(cuò)誤后顯示的提示信息，這樣的效果拥刻。另外針對(duì)商城網(wǎng)站里面購(gòu)買(mǎi)商品時(shí)怜瞒，使用購(gòu)物車(chē)和費(fèi)用估算也需要用到JavaScript。
所以即使它不怎么明顯，但依然是編碼人員經(jīng)常會(huì)用到的一種語(yǔ)言吴汪。
JavaScript是一種多功能的開(kāi)發(fā)語(yǔ)言
除了向網(wǎng)頁(yè)添加動(dòng)作的用處之外惠窄，JavaScript還可以用來(lái)實(shí)現(xiàn)很多其他的功能。比如它能夠開(kāi)發(fā)出各種網(wǎng)站應(yīng)用程序漾橙，如“聊天工具”和“貨幣圖表”等杆融，可以實(shí)時(shí)進(jìn)行修改，這也是JavaScript的主要魅力之一霜运。
如果您需要進(jìn)一步擴(kuò)展視野脾歇，那么它還可以用來(lái)創(chuàng)建APP和游戲。 當(dāng)你使用諸如iPhone和iPad等各種移動(dòng)終端時(shí)淘捡，你就會(huì)發(fā)現(xiàn)JavaScript之類(lèi)的通用開(kāi)發(fā)語(yǔ)言是非常有用的藕各。
三丶js做客戶(hù)端（組成）
按照相關(guān)JS語(yǔ)法，操作頁(yè)面中的元素焦除，或者操作瀏覽器里面的一些功能
ECMAScript3/5/6…：JS的語(yǔ)法規(guī)范（變量激况、數(shù)據(jù)類(lèi)型、操作語(yǔ)句等等）
DOM（document object model）：文檔對(duì)象模型膘魄，提供一些JS的屬性和方法誉碴，用來(lái)操作頁(yè)面中的DOM元素
BOM（browser object model）：瀏覽器對(duì)象模型，提供一些JS的屬性和方法瓣距，用來(lái)操作瀏覽器
四丶js中的變量和常量
1.變量（Variable）
可變的量黔帕，用來(lái)存儲(chǔ)，代表不同的值（val)蹈丸。
例子：var a =12;? ?let b = 22;
2.常量（const)
使用常量所創(chuàng)建的量成黄，不能修改。
例子：const c = 1500;
標(biāo)注：創(chuàng)建函數(shù)逻杖，類(lèi)奋岁，Es6的模塊導(dǎo)入也相當(dāng)于創(chuàng)建變量，而Symbol創(chuàng)建的是唯一的值荸百。
五丶js的命名規(guī)范
1.嚴(yán)格區(qū)分大小寫(xiě)
2.使用數(shù)字闻伶，字母，下劃線 够话，美元符蓝翰，來(lái)命名，切記數(shù)字不能作為命名的開(kāi)頭（Low）女嘲。
3.使用駝峰命名法畜份，漢語(yǔ)拼音者（更Low）
4不能使用關(guān)鍵字，和保留字如下：
?關(guān)鍵字
break? ? ? 故障? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?case? ? ? 實(shí)例
catch? ? ?抓取? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??continue? ? ? 延續(xù)
default? ? ? 違反? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??delete? ? ? ?刪除
do? ? ? ? 進(jìn)行? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??else? ? ? ? 否則
finally? ? ? ? 最后? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?for? ? ? ? ? 給
function? ? ? ? ?函數(shù)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??if? ? ? ? ? 是否
in? ? ? ? ?在...內(nèi)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??instanceof? ? ? ? 運(yùn)算符
new? ? ? ? ?新的? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??return? ? ? ? ?返回
switch? ? ? ? ?開(kāi)關(guān)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??this? ? ? ?這個(gè)
throw? ? ? ?投? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?try? ? ? ?實(shí)驗(yàn)?
typeof? ? ? ? 產(chǎn)品類(lèi)型? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?var? ? ? ? 欣尼？爆雹？？
void? ? ? ?無(wú)效的? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??while? ? ? ? 一段時(shí)間
with? ? ? ? 用
?保留字
abstract? ? ? 摘要? ? ? ? ? ? ? ? ? ? ? ? ? ? ??boolean? ? ? ?布爾
byte? ? ? ? 字節(jié)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? char? ? ? ?字符
class? ? ? 類(lèi)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??const? ? ? ? ?常量
debugger? ? ? ? ? 調(diào)試器? ? ? ? ? ? ? ? ? ? ??double??雙
enum? ? ? ? ?檢舉? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??export?出口
extends? ? ? ?擴(kuò)展? ? ? ? ? ? ? ? ? ? ? ? ? ??fimal? ? ? ? ？钙态？慧起？
float? ? ? 浮動(dòng)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??goto? ? ? ? ?轉(zhuǎn)到
implements? ? ? ? ?實(shí)現(xiàn)? ? ? ? ? ? ? ? ? ? ? ? ? ? ?import? ? ? ? ? 進(jìn)口
int? ? ? ?？册倒？完慧？? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?interface? ? ? ? 接口
long? ? ? ?長(zhǎng)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??mative? ? ? ? ？剩失？屈尼？
package? ? ? ? ? 包? ? ? ? ? ? ? ? ? ? ? ? ?private? ? ? ? ? ?私人
protected? ? ? ? ? ?受保護(hù)? ? ? ? ? ? ? ? ? ? ? ? ?public? ? ? ? ? ?公共
short? ? ? ? ? ?短? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?static? ? ? ? ? ? 靜態(tài)
super? ? ? ? ? ? ?超級(jí)? ? ? ? ? ? ? ? ? ? ? ? ??synchronized? ? ? ? ? ? ? ? ?同步
throws? ? ? ? 拋出? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??transient? ? ? ? ? ? ? ? 瞬態(tài)
volatile? ? ? ? ? ? ?揮發(fā)性
六丶js中常用的數(shù)據(jù)類(lèi)型：
基本數(shù)據(jù)類(lèi)型（值類(lèi)型/原始值）
數(shù)字number
字符串string
布爾boolean
空對(duì)象指針null
未定義undefined
Symbol唯一值
引用數(shù)據(jù)類(lèi)型
對(duì)象數(shù)據(jù)類(lèi)型object
{} 普通對(duì)象
[] 數(shù)組對(duì)象
/^[+-]?(\d|([1-9]\d+))(.\d+)?$/ 正則對(duì)象
Math數(shù)學(xué)函數(shù)對(duì)象
日期對(duì)象
…
函數(shù)數(shù)據(jù)類(lèi)型function
七丶js中常用的輸出方法
1、alert("要輸出的內(nèi)容");
->在瀏覽器中彈出一個(gè)對(duì)話框,然后把要輸出的內(nèi)容展示出來(lái)?
->alert都是把要輸出的內(nèi)容首先轉(zhuǎn)換為字符串然后在輸出的
2拴孤、document.write("要輸出的內(nèi)容");?
->直接的在頁(yè)面中展示輸出的內(nèi)容
3脾歧、console.log("要輸出的內(nèi)容");
->在控制臺(tái)輸出內(nèi)容
4、value ->給文本框(表單元素)賦值內(nèi)容
->獲取文本框中(表單元素)的內(nèi)容
document.getElementById("search").value = "要給#search這個(gè)文本框添加的內(nèi)容";
5演熟、innerHTML/innerText ->給除了表單元素的標(biāo)簽賦值內(nèi)容
document.getElementById("div1").innerHTML = "you need walk";
document.getElementById("div1").innerText = "you need walk and run";
總結(jié)：內(nèi)容一般鞭执，格式一般，js的第一課從這里開(kāi)始芒粹，能看到這里的給弟弟點(diǎn)個(gè)贊兄纺，后續(xù)會(huì)根據(jù)自己學(xué)習(xí)內(nèi)容，不斷更新化漆。
鳴謝：菜菜估脆，和老周的教導(dǎo)。哈哈哈Ｗ啤８碓！
