1 - javascript 簡(jiǎn)介 及其 概述

?2018年3月8日23:06:06?

開課前 的 金融知識(shí)

{

1.給生活加杠桿

2.最低資金成本

ps :

100萬 --- 國(guó)債 --- 3%

轉(zhuǎn)抵押

70萬 -- 貸款 -- 銀行? --- 1.5%

--貸給-- 小額貸款公司 ---- 0.5%

循環(huán)......

}

javascript 簡(jiǎn)介 及其 概述

{

(1) 瀏覽器 的 歷史

{

1.第一個(gè)瀏覽器 : www 瀏覽器 -- 剛出來就掛了

? 2.實(shí)際意義上 的 第一個(gè) 瀏覽器 仓坞, 第一個(gè) 圖形化 瀏覽器:{

? ???????? --- Masaic 誕生于 1993 年

????????????創(chuàng)造者 : 馬克.安德森

????????????合作者 : 伊利諾伊 大學(xué)

????????????兩者 因?yàn)?利益糾紛 最終 以 伊利諾伊大學(xué) 的 版權(quán) 勝利而結(jié)尾

? }

3. Mozliia Firefox ? 2003 年 改名 火狐 {

????????????Netscape Navigator Corporation? 網(wǎng)景公司

????????????馬克.安德森 組建的開發(fā)團(tuán)隊(duì) 研發(fā)

????????????網(wǎng)景公司 破產(chǎn)后 開放了 源代碼

? }

4. IE {

????????????? 伊利諾伊大學(xué) 將 Masaic 的 版權(quán) 賣給 了 Spy Glass 公司

? ? ? ? ? ? ? Spy Glass 后被 微軟 收購(gòu)

? ? ? ? ? ? ? 微軟 將 Masaic 改名為 IE

? }

}

(2) javascript 的 歷史

{

????????誕生于 1996 年 叠纷,

????????最初 javascript 是作為 Netscape Navigator 瀏覽器 的 一部分 而存在的荒给。

????????最初 javascript 的 名字 是 livescript 外里,

????????后因?yàn)?與 sun 公司合作 肋杖,因?yàn)?市場(chǎng)宣傳 需要 改名為 javascript

????????后來 sun 公司 被 Oracle 公司 收購(gòu) ,

????????javascript 的 版權(quán) 歸 Oracle 公司 所有.

????????Oracle 甲骨文公司

}

(3) 瀏覽器 的 組成

{

1. shell 部分{

????????????翻譯: 貝殼

????????????作用: 用戶 能夠操作 的 部分

? }

2. 內(nèi)核 部分{

? ????????? 作用: 用戶 不能操作 的 部分

????????????$ 渲染( 繪制 )引擎 {

????????????????????????????????????????????????作用: -語(yǔ)法規(guī)則 ( HTML CSS... 語(yǔ)法 的 識(shí)別)

? ? ? ?????????????????????????????????????????-渲染

????????????????????????????????????????????? 逐條繪制

????? ????????????????????????????????????????16毫秒更新一次瀏覽器的狀態(tài)

????????????}


? ? $ js 引擎


? $ 其他 引擎


??}

}

(4) js 引擎 的 歷史

{

2001 年 ,

微軟 發(fā)布了 XP 操作系統(tǒng)? 和 IE6 ;

IE6 首次實(shí)現(xiàn) 對(duì) js 引擎 的優(yōu)化 和 分離趴腋。{

????????????????????????誕生之前 js 依靠的是 渲染引擎 栏饮, 只能寫 20 行 代碼;

????????????????????????誕生之后 js 代碼 能寫 萬行以上田绑。

}

2008 年 谷歌 聯(lián)合 蘋果 研發(fā)了 Chrome ;

Chorme 的 V8 引擎 能夠 直接將 js 代碼 轉(zhuǎn)換成 機(jī)械碼 來執(zhí)行。{

????????????????????????Chorme 的 V8引擎 是用 C++ 語(yǔ)言 編寫的;

????????????????????????javascript 語(yǔ)言 是用 C語(yǔ)言 編寫的抡爹。

} ?

Firefox 火狐 也推出了 具有 強(qiáng)大功能 的 js 引擎;{

????????Firefox 3.5 TraceMonkey{

????????????????????????對(duì) 頻繁執(zhí)行 的 代碼 做了 優(yōu)化路徑掩驱。

????????}

????????Firefox 4.0 legerMonkey

}

}

(5) javascript 的 專業(yè)知識(shí)

{

????[1]. 特點(diǎn)/特色/逼格 ——> 解釋性 語(yǔ)言{

????????1. 編譯性 語(yǔ)言 / 編譯性 翻譯 語(yǔ)言{

? ???????????? 舉例: { C、C++ ...? }

? ? ? ? ? ? ? ?功能: {

? ???????????????????????? 先 通篇翻譯

? ???????????????????????? 生成 一個(gè) 翻譯完 的 文件

? ???????????????????????? 系統(tǒng)會(huì) 執(zhí)行 這個(gè)文件

? ???????????? }


? ???????????? 優(yōu)點(diǎn): {快}

? ???????????? 不足: {移植性不好 , 不跨平臺(tái)}

? }

2. java 語(yǔ)言{

????????? 通過 指令 javac 通篇翻譯(編譯) ;

? ???????? 生成 一個(gè) .class 文件;

????????? jvm 虛擬機(jī) 解釋執(zhí)行 這個(gè)文件.

? }

3. 解釋性 語(yǔ)言 / 解釋性 翻譯 語(yǔ)言{

? ? ???? 舉例: {javascript Python}


? ????? 功能: {逐行翻譯 , 翻譯一行 執(zhí)行一行}


? ????? 優(yōu)點(diǎn): {跨平臺(tái) , 因?yàn)槎际?0101 代碼}


? ????? 不足: {比 編譯性語(yǔ)言 運(yùn)行速度 稍微慢} ? ?

? ? }

}


? ? [2] 單線程 與 多線程

? ? {

? ? ?????? ?單線程{

? ? ? ????????????????????1.現(xiàn)實(shí)中 的 同步:{

? ? ???????????????????????????????????????????????????????? 一個(gè)人 在同一時(shí)間里 只能 做一件事;

? ???????????????????????????????????????????????????????? 必須把 這件事 放下來 才能做 另一件事.

? ? ???????????????????? }


? ? ???????????????? -1.計(jì)算機(jī)中 的 同步: {

? ????????????????????????????????????? ???????????????? = 現(xiàn)實(shí)中 的 異步 (翻譯的原因)

? ? ? ? ? ? ? ? ? ? ? ? }

? ????? }

????????多線程:{

????????????????????? ? 2.現(xiàn)實(shí)中 的 異步:? {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?一個(gè)人 在同一時(shí)間里 能做 很多事

? ? ? ????????????????? }

? ????????????????????? -2.計(jì)算機(jī)中 的 異步:{

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? = 現(xiàn)實(shí)中 的 同步 (翻譯的原因)

? ? ? ? ? ? ? ? ? ? ? ? ? }????

? ? ???? }

?}

[ 準(zhǔn)確的說 js 引擎 是 單線程的 ]

? ? [3] ECMA 標(biāo)準(zhǔn) {

????????????????????????????? ? js 兼容 ECMA 標(biāo)準(zhǔn)

? ? ? ????????????????????????? 因此 javascript 也稱為 ECMAScript / ES / es

? ? ? ? }


}


(6) javascript 的 組成

{

????????0.三大部分:{

????????????????????? ???????? ecmascript

? ???????????????????????????? DOM

????????????????????????????????BOM ?

????????? }


????1.原生部分:{

????????????????????????? ecmascript : {功能: 加減乘除 冬竟、 定義變量 欧穴、數(shù)組......}

????? }


????2.瀏覽器提供的: {

? ???????????????????????????? DOM : {功能 : 操作文檔 HTML CSS.....}

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?BOM : {功能 : 操作瀏覽器}

????? }

}

(7) javascript 的 執(zhí)行隊(duì)列

{

【 js 執(zhí)行主線程 】

? ? ? ? ? ?↑

????????????|

????????????|

【 task1 , 1ms 】 ←---? [task2 , 1ms]? ←---? 【 task1 , 1ms 】 ←---? [ task2 , 1ms ]

輪轉(zhuǎn)時(shí)間片: 類似吃飯

ps: {

????????? 任務(wù) 1 、任務(wù) 2{

? ???????????????????????????????????? 把 任務(wù) 1 以 毫秒 泵殴、 微秒 的 速度 切成 無數(shù)片;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 把 任務(wù) 2 以 毫秒 涮帘、 微秒 的 速度 切成 無數(shù)片;

? ???????????????????????????????????? 將 這些 片段 隨機(jī)排列 , 誰在前 誰在后 是 不確定的,

? ???????????????????????????????????? 在前 的先執(zhí)行 (爭(zhēng)搶時(shí)間片);

? ???????????????????????????????????? 然后,

? ???????????????????????????????????? 一個(gè)片段 一個(gè)片段 的 往 js 引擎里 送,

????????????????????????????????????? js 引擎 以 一個(gè)時(shí)間片 為單位 去執(zhí)行

? ? ? ? ?}

}?

}

????補(bǔ)充 :{

????????????????????因?yàn)?單線程 是以 毫秒/微秒 級(jí) 執(zhí)行的,

????????????????????(模擬多線程)

????????????????????速度足夠快 所以會(huì) 產(chǎn)生 視覺上 的 錯(cuò)覺,

????????????????????像是 同時(shí) 執(zhí)行了 兩個(gè)時(shí)間片,

????????????????????其實(shí) 看到 的 只是 "殘影" , 只執(zhí)行了 一個(gè)時(shí)間片。

????}

}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末笑诅,一起剝皮案震驚了整個(gè)濱河市调缨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌吆你,老刑警劉巖弦叶,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異妇多,居然都是意外死亡伤哺,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門者祖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來立莉,“玉大人,你說我怎么就攤上這事七问◎殉埽” “怎么了?”我有些...
    開封第一講書人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵械巡,是天一觀的道長(zhǎng)刹淌。 經(jīng)常有香客問我饶氏,道長(zhǎng),這世上最難降的妖魔是什么芦鳍? 我笑而不...
    開封第一講書人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任嚷往,我火速辦了婚禮葛账,結(jié)果婚禮上柠衅,老公的妹妹穿的比我還像新娘。我一直安慰自己籍琳,他們只是感情好菲宴,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著趋急,像睡著了一般喝峦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上呜达,一...
    開封第一講書人閱讀 49,760評(píng)論 1 289
  • 那天谣蠢,我揣著相機(jī)與錄音,去河邊找鬼查近。 笑死眉踱,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的霜威。 我是一名探鬼主播谈喳,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼戈泼!你這毒婦竟也來了婿禽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤大猛,失蹤者是張志新(化名)和其女友劉穎扭倾,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體挽绩,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡吆录,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了琼牧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片恢筝。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖巨坊,靈堂內(nèi)的尸體忽然破棺而出撬槽,到底是詐尸還是另有隱情,我是刑警寧澤趾撵,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布侄柔,位于F島的核電站共啃,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏暂题。R本人自食惡果不足惜移剪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望薪者。 院中可真熱鬧纵苛,春花似錦、人聲如沸言津。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)悬槽。三九已至怀吻,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間初婆,已是汗流浹背蓬坡。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留磅叛,地道東北人屑咳。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像宪躯,于是被迫代替她去往敵國(guó)和親乔宿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容