国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端基礎(chǔ)入門四(JavaScript基礎(chǔ))

dantezhao / 2851人閱讀

摘要:學(xué)習(xí)目標(biāo)掌握編程的基本思維掌握編程的基本語法我們先來學(xué)習(xí)基礎(chǔ),后續(xù)會(huì)講解高級(jí)。語句基本語法當(dāng)循環(huán)條件為時(shí),執(zhí)行循環(huán)體,當(dāng)循環(huán)條件為時(shí),結(jié)束循環(huán)。基礎(chǔ)語法循環(huán)體循環(huán)條件代碼示例初始化變量循環(huán)體自增循環(huán)條件語句和一般用來解決無法確認(rèn)次數(shù)的循環(huán)。

學(xué)習(xí)目標(biāo):

掌握編程的基本思維

掌握編程的基本語法

我們先來學(xué)習(xí)JavaScript基礎(chǔ),后續(xù)會(huì)講解JavaScript高級(jí)。


重點(diǎn)內(nèi)容

變量的聲明及使用
數(shù)據(jù)類型
類型轉(zhuǎn)換
運(yùn)算符


JavaScript介紹 JavaScript是什么

JavaScript是一種運(yùn)行在客戶端 的腳本語言

JavaScript的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。

JavaScript現(xiàn)在的意義(應(yīng)用場(chǎng)景)
JavaScript 發(fā)展到現(xiàn)在幾乎無所不能。

網(wǎng)頁特效

服務(wù)端開發(fā)(Node.js)

命令行工具(Node.js)

桌面程序(Electron)

App(Cordova)

控制硬件-物聯(lián)網(wǎng)(Ruff)

游戲開發(fā)(cocos2d-js)

JavaScript和HTML、CSS的區(qū)別

HTML:提供網(wǎng)頁的結(jié)構(gòu),提供網(wǎng)頁中的內(nèi)容

CSS: 用來美化網(wǎng)頁

JavaScript: 可以用來控制網(wǎng)頁內(nèi)容,給網(wǎng)頁增加動(dòng)態(tài)的效果

JavaScript的組成

ECMAScript - JavaScript的核心
ECMA 歐洲計(jì)算機(jī)制造聯(lián)合會(huì)
網(wǎng)景:JavaScript
微軟:JScript
定義了JavaScript的語法規(guī)范
JavaScript的核心,描述了語言的基本語法和數(shù)據(jù)類型,ECMAScript是一套標(biāo)準(zhǔn),定義了一種語言的標(biāo)準(zhǔn)與具體實(shí)現(xiàn)無關(guān)

BOM - 瀏覽器對(duì)象模型
一套操作瀏覽器功能的API
通過BOM可以操作瀏覽器窗口,比如:彈出框、控制瀏覽器跳轉(zhuǎn)、獲取分辨率等

DOM - 文檔對(duì)象模型
一套操作頁面元素的API
DOM可以把HTML看做是文檔樹,通過DOM提供的API可以對(duì)樹上的節(jié)點(diǎn)進(jìn)行操作

JavaScript的書寫位置
寫在行內(nèi)

寫在script標(biāo)簽中


  

寫在外部js文件中,在頁面引入


變量

什么是變量
變量是計(jì)算機(jī)內(nèi)存中存儲(chǔ)數(shù)據(jù)的標(biāo)識(shí)符,根據(jù)變量名稱可以獲取到內(nèi)存中存儲(chǔ)的數(shù)據(jù)

為什么要使用變量
使用變量可以方便的獲取或者修改內(nèi)存中的數(shù)據(jù)

如何使用變量

var聲明變量

var age;

變量的賦值

?var age;age = 18;

同時(shí)聲明多個(gè)變量

var age, name, sex;
age = 10;
name = "zs";

同時(shí)聲明多個(gè)變量并賦值

var age = 10, name = "zs";

變量在內(nèi)存中的存儲(chǔ)

var age = 18;

變量的命名規(guī)則和規(guī)范

規(guī)則 - 必須遵守的,不遵守會(huì)報(bào)錯(cuò)

由字母、數(shù)字、下劃線、$符號(hào)組成,不能以數(shù)字開頭

不能是關(guān)鍵字和保留字,例如:for、while。

區(qū)分大小寫

規(guī)范 - 建議遵守的,不遵守不會(huì)報(bào)錯(cuò)

變量名必須有意義

遵守駝峰命名法。首字母小寫,后面單詞的首字母需要大寫。例如:userName、userPassword


數(shù)據(jù)類型 簡(jiǎn)單數(shù)據(jù)類型

Number、String、Boolean、Undefined、Null

Number類型

數(shù)值字面量:數(shù)值的固定值的表示法
110 1024 60.5

進(jìn)制

十進(jìn)制

  var num = 9;
  進(jìn)行算數(shù)計(jì)算時(shí),八進(jìn)制和十六進(jìn)制表示的數(shù)值最終都將被轉(zhuǎn)換成十進(jìn)制數(shù)值。

十六進(jìn)制

  var num = 0xA;
  數(shù)字序列范圍:0~9以及A~F

八進(jìn)制

  var num1 = 07;   // 對(duì)應(yīng)十進(jìn)制的7
  var num2 = 019;  // 對(duì)應(yīng)十進(jìn)制的19
  var num3 = 08;   // 對(duì)應(yīng)十進(jìn)制的8
  數(shù)字序列范圍:0~7
  如果字面值中的數(shù)值超出了范圍,那么前導(dǎo)零將被忽略,后面的數(shù)值將被當(dāng)作十進(jìn)制數(shù)值解析

浮點(diǎn)數(shù)

浮點(diǎn)數(shù)的精度問題

浮點(diǎn)數(shù)

var n = 5e-324;   // 科學(xué)計(jì)數(shù)法  5乘以10的-324次方  

浮點(diǎn)數(shù)值的最高精度是 17 位小數(shù),但在進(jìn)行算術(shù)計(jì)算時(shí)其精確度遠(yuǎn)遠(yuǎn)不如整數(shù)
var result = 0.1 + 0.2; // 結(jié)果不是 0.3,而是:0.30000000000000004
console.log(0.07 * 100);
不要判斷兩個(gè)浮點(diǎn)數(shù)是否相等

數(shù)值范圍

最小值:Number.MIN_VALUE,這個(gè)值為: 5e-324
最大值:Number.MAX_VALUE,這個(gè)值為: 1.7976931348623157e+308
無窮大:Infinity
無窮小:-Infinity

數(shù)值判斷

NaN:not a number

NaN 與任何值都不相等,包括他本身

isNaN: is not a number

String類型
字符串長(zhǎng)度

length屬性用來獲取字符串的長(zhǎng)度

var str = "程序猿 Hello World";
console.log(str.length);

字符串拼接

字符串拼接使用 + 連接

console.log(11 + 11);
console.log("hello" + " world");
console.log("100" + "100");
console.log("11" + 11);
console.log("male:" + true);

兩邊只要有一個(gè)是字符串,那么+就是字符串拼接功能

兩邊如果都是數(shù)字,那么就是算術(shù)功能。

Boolean類型

Boolean字面量: true和false,區(qū)分大小寫

計(jì)算機(jī)內(nèi)部存儲(chǔ):true為1,false為0

Undefined和Null

undefined表示一個(gè)聲明了沒有賦值的變量,變量只聲明的時(shí)候值默認(rèn)是undefined

null表示一個(gè)空,變量的值如果想為null,必須手動(dòng)設(shè)置

復(fù)雜數(shù)據(jù)類型

Object

獲取變量的類型

typeof

var age = 18;
console.log(typeof age);  // "number"

字面量

在源代碼中一個(gè)固定值的表示法。

數(shù)值字面量:8, 9, 10

字符串字面量:"程序員", "大前端"

布爾字面量:true,false


注釋 單行注釋

用來描述下面一個(gè)或多行代碼的作用

// 這是一個(gè)變量
var name = "hm";

多行注釋
用來注釋多條代碼

/*
var age = 18;
var name = "zs";
console.log(name, age);
*/
數(shù)據(jù)類型轉(zhuǎn)換

如何使用谷歌瀏覽器,快速的查看數(shù)據(jù)類型?

字符串的顏色是黑色的,數(shù)值類型是藍(lán)色的,布爾類型也是藍(lán)色的,undefined和null是灰色的

轉(zhuǎn)換成字符串類型

toString()

var num = 5;
console.log(num.toString());

String()

String()函數(shù)存在的意義:有些值沒有toString(),這個(gè)時(shí)候可以使用String()。比如:undefined和null

拼接字符串方式
num + "",當(dāng) + 兩邊一個(gè)操作符是字符串類型,一個(gè)操作符是其它類型的時(shí)候,會(huì)先把其它類型轉(zhuǎn)換成字符串再進(jìn)行字符串拼接,返回字符串

轉(zhuǎn)換成數(shù)值類型

Number()
Number()可以把任意值轉(zhuǎn)換成數(shù)值,如果要轉(zhuǎn)換的字符串中有一個(gè)不是數(shù)值的字符,返回NaN

parseInt()

var num1 = parseInt("12.3abc");  // 返回12,如果第一個(gè)字符是數(shù)字會(huì)解析知道遇到非數(shù)字結(jié)束
var num2 = parseInt("abc123");   // 返回NaN,如果第一個(gè)字符不是數(shù)字或者符號(hào)就返回NaN

parseFloat()
parseFloat()把字符串轉(zhuǎn)換成浮點(diǎn)數(shù)
parseFloat()和parseInt非常相似,不同之處在與

parseFloat會(huì)解析第一個(gè). 遇到第二個(gè).或者非數(shù)字結(jié)束
如果解析的內(nèi)容里只有整數(shù),解析成整數(shù)

+,-0等運(yùn)算

var str = "500";
console.log(+str);        // 取正
console.log(-str);        // 取負(fù)
console.log(str - 0);
轉(zhuǎn)換成布爾類型

Boolean()

0 ""(空字符串) null undefined NaN 會(huì)轉(zhuǎn)換成false 其它都會(huì)轉(zhuǎn)換成true

操作符

運(yùn)算符 operator

5 + 6

表達(dá)式 組成 操作數(shù)和操作符,會(huì)有一個(gè)結(jié)果

算術(shù)運(yùn)算符 一元運(yùn)算符

一元運(yùn)算符:只有一個(gè)操作數(shù)的運(yùn)算符

5 + 6 兩個(gè)操作數(shù)的運(yùn)算符 二元運(yùn)算符

++ 自身加1

-- 自身減1

前置++

var num1 = 5;
++ num1; 

var num2 = 6;
console.log(num1 + ++ num2);

后置++

var num1 = 5;
num1 ++;    
var num2 = 6 
console.log(num1 + num2 ++);

總結(jié)

前置++:先加1,后參與運(yùn)算

后置++:先參與運(yùn)算,后加1

上面兩個(gè)理解后,下面兩個(gè)自通

前置-- :先減1,后參與運(yùn)算

后置-- :先參與運(yùn)算,后減1

邏輯運(yùn)算符(布爾運(yùn)算符)

&& 與 兩個(gè)操作數(shù)同時(shí)為true,結(jié)果為true,否則都是false
|| 或 兩個(gè)操作數(shù)有一個(gè)為true,結(jié)果為true,否則為false
! 非 取反

關(guān)系運(yùn)算符(比較運(yùn)算符)

< > >= <= == != === !==

==與===的區(qū)別:==只進(jìn)行值得比較,===類型和值同時(shí)相等,則相等

var result = "55" == 55;      // true
var result = "55" === 55;     // false 值相等,類型不相等
var result = 55 === 55;     // true
賦值運(yùn)算符

= += -= *= /= %=

例如:
var num = 0;
num += 5;    //相當(dāng)于  num = num + 5;
運(yùn)算符的優(yōu)先級(jí)

優(yōu)先級(jí)從高到底

1. ()  優(yōu)先級(jí)最高
2. 一元運(yùn)算符  ++   --   !
3. 算數(shù)運(yùn)算符  先*  /  %   后 +   -
4. 關(guān)系運(yùn)算符  >   >=   <   <=
5. 相等運(yùn)算符   ==   !=    ===    !==
6. 邏輯運(yùn)算符 先&&   后||
7. 賦值運(yùn)算符


表達(dá)式和語句

表達(dá)式
一個(gè)表達(dá)式可以產(chǎn)生一個(gè)值,有可能是運(yùn)算、函數(shù)調(diào)用、有可能是字面量。表達(dá)式可以放在任何需要值的地方
語句
語句可以理解為一個(gè)行為,循環(huán)語句和判斷語句就是典型的語句。一個(gè)程序有很多個(gè)語句組成,一般情況下;分割一個(gè)一個(gè)的語句

流程控制

程序的三種基本結(jié)構(gòu)

順序結(jié)構(gòu)

從上到下執(zhí)行的代碼就是順序結(jié)構(gòu)
程序默認(rèn)就是由上到下順序執(zhí)行的

分支結(jié)構(gòu)

根據(jù)不同的情況,執(zhí)行對(duì)應(yīng)代碼

循環(huán)結(jié)構(gòu)

循環(huán)結(jié)構(gòu):重復(fù)做一件事情

分支結(jié)構(gòu)

if語句
語法結(jié)構(gòu)

if (/* 條件表達(dá)式 */) {
  // 執(zhí)行語句
}

if (/* 條件表達(dá)式 */){
  // 成立執(zhí)行語句
} else {
  // 否則執(zhí)行語句
}

if (/* 條件1 */){
  // 成立執(zhí)行語句
} else if (/* 條件2 */){
  // 成立執(zhí)行語句
} else if (/* 條件3 */){
  // 成立執(zhí)行語句
} else {
  // 最后默認(rèn)執(zhí)行語句
}

switch語句
語法格式:

switch (expression) {
  case 常量1:
    語句;
    break;
  case 常量2:
    語句;
    break;
  case 常量3:
    語句;
    break;
  …
  case 常量n:
    語句;
    break;
  default:
    語句;
    break;
}

break可以省略,如果省略,代碼會(huì)繼續(xù)執(zhí)行下一個(gè)case
switch 語句在比較值時(shí)使用的是全等操作符, 因此不會(huì)發(fā)生類型轉(zhuǎn)換(例如,字符串"10" 不等于數(shù)值 10)

布爾類型的隱式轉(zhuǎn)換

流程控制語句會(huì)把后面的值隱式轉(zhuǎn)換成布爾類型

轉(zhuǎn)換為true   非空字符串  非0數(shù)字  true 任何對(duì)象
轉(zhuǎn)換成false  空字符串  0  false  null  undefined


// 結(jié)果是什么?
var a = !!"123";

循環(huán)結(jié)構(gòu)

在javascript中,循環(huán)語句有三種,while、do..while、for循環(huán)。
while語句
基本語法:

// 當(dāng)循環(huán)條件為true時(shí),執(zhí)行循環(huán)體,
// 當(dāng)循環(huán)條件為false時(shí),結(jié)束循環(huán)。
while (循環(huán)條件) {
  //循環(huán)體
}

代碼示例:

// 計(jì)算1-100之間所有數(shù)的和
// 初始化變量
var i = 1;
var sum = 0;
// 判斷條件
while (i <= 100) {
  // 循環(huán)體
  sum += i;
  // 自增
  i++;
}
console.log(sum);

do...while語句
do..while循環(huán)和while循環(huán)非常像,二者經(jīng)常可以相互替代,但是do..while的特點(diǎn)是不管條件成不成立,都會(huì)執(zhí)行一次。
基礎(chǔ)語法:

do {
  // 循環(huán)體;
} while (循環(huán)條件);

代碼示例:

// 初始化變量
var i = 1;
var sum = 0;
do {
  sum += i;//循環(huán)體
  i++;//自增
} while (i <= 100);//循環(huán)條件

for語句
while和do...while一般用來解決無法確認(rèn)次數(shù)的循環(huán)。for循環(huán)一般在循環(huán)次數(shù)確定的時(shí)候比較方便
for循環(huán)語法:

// for循環(huán)的表達(dá)式之間用的是;號(hào)分隔的,千萬不要寫成,
for (初始化表達(dá)式1; 判斷表達(dá)式2; 自增表達(dá)式3) {
  // 循環(huán)體4
}

continue和break
break:立即跳出整個(gè)循環(huán),即循環(huán)結(jié)束,開始執(zhí)行循環(huán)后面的內(nèi)容(直接跳到大括號(hào))

continue:立即跳出當(dāng)前循環(huán),繼續(xù)下一次循環(huán)(跳到i++的地方)


調(diào)試

過去調(diào)試JavaScript的方式

alert()

console.log()

斷點(diǎn)調(diào)試

斷點(diǎn)調(diào)試是指自己在程序的某一行設(shè)置一個(gè)斷點(diǎn),調(diào)試時(shí),程序運(yùn)行到這一行就會(huì)停住,然后你可以一步一步往下調(diào)試,調(diào)試過程中可以看各個(gè)變量當(dāng)前的值,出錯(cuò)的話,調(diào)試到出錯(cuò)的代碼行即顯示錯(cuò)誤,停下。

調(diào)試步驟

瀏覽器中按F12-->sources-->找到需要調(diào)試的文件-->在程序的某一行設(shè)置斷點(diǎn)

調(diào)試中的相關(guān)操作

Watch: 監(jiān)視,通過watch可以監(jiān)視變量的值的變化,非常的常用。
F10: 程序單步執(zhí)行,讓程序一行一行的執(zhí)行,這個(gè)時(shí)候,觀察watch中變量的值的變化。
F8:跳到下一個(gè)斷點(diǎn)處,如果后面沒有斷點(diǎn)了,則程序執(zhí)行結(jié)束。

tips: 監(jiān)視變量,不要監(jiān)視表達(dá)式,因?yàn)楸O(jiān)視了表達(dá)式,那么這個(gè)表達(dá)式也會(huì)執(zhí)行。

代碼調(diào)試的能力非常重要,只有學(xué)會(huì)了代碼調(diào)試,才能學(xué)會(huì)自己解決bug的能力。初學(xué)者不要覺得調(diào)試代碼麻煩就不去調(diào)試,知識(shí)點(diǎn)花點(diǎn)功夫肯定學(xué)的會(huì),但是代碼調(diào)試這個(gè)東西,自己不去練,永遠(yuǎn)都學(xué)不會(huì)。


數(shù)組

為什么要學(xué)習(xí)數(shù)組
之前學(xué)習(xí)的數(shù)據(jù)類型,只能存儲(chǔ)一個(gè)值(比如:Number/String。我們想存儲(chǔ)班級(jí)中所有學(xué)生的姓名,此時(shí)該如何存儲(chǔ)?

數(shù)組的概念
所謂數(shù)組,就是將多個(gè)元素(通常是同一類型)按一定順序排列放到一個(gè)集合中,那么這個(gè)集合我們就稱之為數(shù)組。

數(shù)組的定義
數(shù)組是一個(gè)有序的列表,可以在數(shù)組中存放任意的數(shù)據(jù),并且數(shù)組的長(zhǎng)度可以動(dòng)態(tài)的調(diào)整。

通過數(shù)組字面量創(chuàng)建數(shù)組

// 創(chuàng)建一個(gè)空數(shù)組
var arr1 = []; 
// 創(chuàng)建一個(gè)包含3個(gè)數(shù)值的數(shù)組,多個(gè)數(shù)組項(xiàng)以逗號(hào)隔開
var arr2 = [1, 3, 4]; 
// 創(chuàng)建一個(gè)包含2個(gè)字符串的數(shù)組
var arr3 = ["a", "c"]; 

// 可以通過數(shù)組的length屬性獲取數(shù)組的長(zhǎng)度
console.log(arr3.length);
// 可以設(shè)置length屬性改變數(shù)組中元素的個(gè)數(shù)
arr3.length = 0;

獲取數(shù)組元素
數(shù)組的取值

// 格式:數(shù)組名[下標(biāo)]    下標(biāo)又稱索引
// 功能:獲取數(shù)組對(duì)應(yīng)下標(biāo)的那個(gè)值,如果下標(biāo)不存在,則返回undefined。
var arr = ["red",, "green", "blue"];
arr[0];    // red
arr[2]; // blue
arr[3]; // 這個(gè)數(shù)組的最大下標(biāo)為2,因此返回undefined

遍歷數(shù)組
遍歷:遍及所有,對(duì)數(shù)組的每一個(gè)元素都訪問一次就叫遍歷。
數(shù)組遍歷的基本語法:

for(var i = 0; i < arr.length; i++) {
    // 數(shù)組遍歷的固定結(jié)構(gòu)
}

數(shù)組中新增元素
數(shù)組的賦值

// 格式:數(shù)組名[下標(biāo)/索引] = 值;
// 如果下標(biāo)有對(duì)應(yīng)的值,會(huì)把原來的值覆蓋,如果下標(biāo)不存在,會(huì)給數(shù)組新增一個(gè)元素。
var arr = ["red", "green", "blue"];
// 把red替換成了yellow
arr[0] = "yellow";
// 給數(shù)組新增加了一個(gè)pink的值
arr[3] = "pink";
函數(shù)

為什么要有函數(shù)
如果要在多個(gè)地方求1-100之間所有數(shù)的和,應(yīng)該怎么做?

什么是函數(shù)
把一段相對(duì)獨(dú)立的具有特定功能的代碼塊封裝起來,形成一個(gè)獨(dú)立實(shí)體,就是函數(shù),起個(gè)名字(函數(shù)名),在后續(xù)開發(fā)中可以反復(fù)調(diào)用
函數(shù)的作用就是封裝一段代碼,將來可以重復(fù)使用

函數(shù)的定義

函數(shù)聲明

function 函數(shù)名(){

// 函數(shù)體

}

函數(shù)表達(dá)式

var fn = function() {

// 函數(shù)體

}

特點(diǎn):
函數(shù)聲明的時(shí)候,函數(shù)體并不會(huì)執(zhí)行,只要當(dāng)函數(shù)被調(diào)用的時(shí)候才會(huì)執(zhí)行。
函數(shù)一般都用來干一件事情,需用使用動(dòng)詞+名詞,表示做一件事情 tellStory sayHello等

函數(shù)的調(diào)用
調(diào)用函數(shù)的語法:
函數(shù)名();

特點(diǎn):
函數(shù)體只有在調(diào)用的時(shí)候才會(huì)執(zhí)行,調(diào)用需要()進(jìn)行調(diào)用。
可以調(diào)用多次(重復(fù)使用)
代碼示例:

// 聲明函數(shù)
function sayHi() {
  console.log("吃了沒?");
}
// 調(diào)用函數(shù)
sayHi();

// 求1-100之間所有數(shù)的和
function getSum() {
  var sum = 0;
  for (var  i = 0; i < 100; i++) {
    sum += i;
  }
  console.log(sum);
}
// 調(diào)用
getSum();

函數(shù)的參數(shù)
為什么要有參數(shù)

function getSum() {
  var sum = 0;
  for (var i = 1; i <= 100; i++) {
    sum += i;
  }
  console.log();
}

// 雖然上面代碼可以重復(fù)調(diào)用,但是只能計(jì)算1-100之間的值
// 如果想要計(jì)算n-m之間所有數(shù)的和,應(yīng)該怎么辦呢?

語法:

// 函數(shù)內(nèi)部是一個(gè)封閉的環(huán)境,可以通過參數(shù)的方式,把外部的值傳遞給函數(shù)內(nèi)部
// 帶參數(shù)的函數(shù)聲明
function 函數(shù)名(形參1, 形參2, 形參...){
  // 函數(shù)體
}

// 帶參數(shù)的函數(shù)調(diào)用
函數(shù)名(實(shí)參1, 實(shí)參2, 實(shí)參3);

形參和實(shí)參

形式參數(shù):在聲明一個(gè)函數(shù)的時(shí)候,為了函數(shù)的功能更加靈活,有些值是固定不了的,對(duì)于這些固定不了的值。我們可以給函數(shù)設(shè)置參數(shù)。這個(gè)參數(shù)沒有具體的值,僅僅起到一個(gè)占位置的作用,我們通常稱之為形式參數(shù),也叫形參。

實(shí)際參數(shù):如果函數(shù)在聲明時(shí),設(shè)置了形參,那么在函數(shù)調(diào)用的時(shí)候就需要傳入對(duì)應(yīng)的參數(shù),我們把傳入的參數(shù)叫做實(shí)際參數(shù),也叫實(shí)參。

var x = 5, y = 6;
fn(x,y); 
function fn(a, b) {
  console.log(a + b);
}
//x,y實(shí)參,有具體的值。函數(shù)執(zhí)行的時(shí)候會(huì)把x,y復(fù)制一份給函數(shù)內(nèi)部的a和b,函數(shù)內(nèi)部的值是復(fù)制的新值,無法修改外部的x,y

函數(shù)的返回值
當(dāng)函數(shù)執(zhí)行完的時(shí)候,并不是所有時(shí)候都要把結(jié)果打印。我們期望函數(shù)給我一些反饋(比如計(jì)算的結(jié)果返回進(jìn)行后續(xù)的運(yùn)算),這個(gè)時(shí)候可以讓函數(shù)返回一些東西。也就是返回值。函數(shù)通過return返回一個(gè)返回值

返回值語法:

//聲明一個(gè)帶返回值的函數(shù)
function 函數(shù)名(形參1, 形參2, 形參...){
  //函數(shù)體
  return 返回值;
}

//可以通過變量來接收這個(gè)返回值
var 變量 = 函數(shù)名(實(shí)參1, 實(shí)參2, 實(shí)參3);

函數(shù)的調(diào)用結(jié)果就是返回值,因此我們可以直接對(duì)函數(shù)調(diào)用結(jié)果進(jìn)行操作。

返回值詳解:

如果函數(shù)沒有顯示的使用 return語句 ,那么函數(shù)有默認(rèn)的返回值:undefined

如果函數(shù)使用 return語句,那么跟再return后面的值,就成了函數(shù)的返回值

如果函數(shù)使用 return語句,但是return后面沒有任何值,那么函數(shù)的返回值也是:undefined

函數(shù)使用return語句后,這個(gè)函數(shù)會(huì)在執(zhí)行完 return 語句之后停止并立即退出,也就是說return后面的所有其他代碼都不會(huì)再執(zhí)行。

arguments的使用
JavaScript中,arguments對(duì)象是比較特別的一個(gè)對(duì)象,實(shí)際上是當(dāng)前函數(shù)的一個(gè)內(nèi)置屬性。也就是說所有函數(shù)都內(nèi)置了一個(gè)arguments對(duì)象,arguments對(duì)象中存儲(chǔ)了傳遞的所有的實(shí)參。arguments是一個(gè)偽數(shù)組,因此及可以進(jìn)行遍歷


函數(shù)其它

匿名函數(shù)
匿名函數(shù):沒有名字的函數(shù)
匿名函數(shù)如何使用:

將匿名函數(shù)賦值給一個(gè)變量,這樣就可以通過變量進(jìn)行調(diào)用
匿名函數(shù)自調(diào)用

關(guān)于自執(zhí)行函數(shù)(匿名函數(shù)自調(diào)用)的作用:防止全局變量污染。
自調(diào)用函數(shù)
匿名函數(shù)不能通過直接調(diào)用來執(zhí)行,因此可以通過匿名函數(shù)的自調(diào)用的方式來執(zhí)行

(function () {
  alert(123);
})();

函數(shù)是一種數(shù)據(jù)類型

function fn() {}
console.log(typeof fn);

函數(shù)作為參數(shù)

因?yàn)楹瘮?shù)也是一種類型,可以把函數(shù)作為兩一個(gè)函數(shù)的參數(shù),在兩一個(gè)函數(shù)中調(diào)用

函數(shù)做為返回值

因?yàn)楹瘮?shù)是一種類型,所以可以把函數(shù)可以作為返回值從函數(shù)內(nèi)部返回,這種用法在后面很常見。

function fn(b) {
  var a = 10;
  return function () {
    alert(a+b);
  }
}
fn(15)();

代碼規(guī)范
1.命名規(guī)范    
2.變量規(guī)范   
    var name = "zs";    
3.注釋規(guī)范
    // 這里是注釋
4.空格規(guī)范
5.換行規(guī)范
    var arr = [1, 2, 3, 4];
    if (a > b) {
      
    }
    for(var i = 0; i < 10; i++) {
      
    }
    function fn() {
      
    }

作用域

作用域:變量可以起作用的范圍
全局變量和局部變量

全局變量
在任何地方都可以訪問到的變量就是全局變量,對(duì)應(yīng)全局作用域

局部變量
只在固定的代碼片段內(nèi)可訪問到的變量,最常見的例如函數(shù)內(nèi)部。對(duì)應(yīng)局部作用域(函數(shù)作用域)

不使用var聲明的變量是全局變量,不推薦使用。
變量退出作用域之后會(huì)銷毀,全局變量關(guān)閉網(wǎng)頁或?yàn)g覽器才會(huì)銷毀

塊級(jí)作用域

任何一對(duì)花括號(hào)({和})中的語句集都屬于一個(gè)塊,在這之中定義的所有變量在代碼塊外都是不可見的,我們稱之為塊級(jí)作用域。
在es5之前沒有塊級(jí)作用域的的概念,只有函數(shù)作用域,現(xiàn)階段可以認(rèn)為JavaScript沒有塊級(jí)作用域

詞法作用域
變量的作用域是在定義時(shí)決定而不是執(zhí)行時(shí)決定,也就是說詞法作用域取決于源碼,通過靜態(tài)分析就能確定,因此詞法作用域也叫做靜態(tài)作用域。

在 js 中詞法作用域規(guī)則:

函數(shù)允許訪問函數(shù)外的數(shù)據(jù).

整個(gè)代碼結(jié)構(gòu)中只有函數(shù)可以限定作用域.

作用域規(guī)則首先使用提升規(guī)則分析

如果當(dāng)前作用規(guī)則中有名字了, 就不考慮外面的名字

var num = 123;
function foo() {
  console.log( num );
}
foo();

if ( false ) {
    var num = 123;
}
console.log( num ); // undefiend
作用域鏈

只有函數(shù)可以制造作用域結(jié)構(gòu), 那么只要是代碼,就至少有一個(gè)作用域, 即全局作用域。凡是代碼中有函數(shù),那么這個(gè)函數(shù)就構(gòu)成另一個(gè)作用域。如果函數(shù)中還有函數(shù),那么在這個(gè)作用域中就又可以誕生一個(gè)作用域。
將這樣的所有的作用域列出來,可以有一個(gè)結(jié)構(gòu): 函數(shù)內(nèi)指向函數(shù)外的鏈?zhǔn)浇Y(jié)構(gòu)。就稱作作用域鏈。

// 案例1:
function f1() {
    function f2() {
    }
}

var num = 456;
function f3() {
    function f4() {    
    }
}

預(yù)解析

JavaScript代碼的執(zhí)行是由瀏覽器中的JavaScript解析器來執(zhí)行的。JavaScript解析器執(zhí)行JavaScript代碼的時(shí)候,分為兩個(gè)過程:預(yù)解析過程和代碼執(zhí)行過程

預(yù)解析過程:

把變量的聲明提升到當(dāng)前作用域的最前面,只會(huì)提升聲明,不會(huì)提升賦值。

把函數(shù)的聲明提升到當(dāng)前作用域的最前面,只會(huì)提升聲明,不會(huì)提升調(diào)用。

先提升var,在提升function

JavaScript的執(zhí)行過程

var a = 25;
function abc (){
  alert(a);//undefined
  var a = 10;
}
abc();
// 如果變量和函數(shù)同名的話,函數(shù)優(yōu)先
console.log(a);
function a() {
  console.log("aaaaa");
}
var a = 1;
console.log(a);

全局解析規(guī)則

函數(shù)內(nèi)部解析規(guī)則

變量提升

變量提升
定義變量的時(shí)候,變量的聲明會(huì)被提升到作用域的最上面,變量的賦值不會(huì)提升。

函數(shù)提升
JavaScript解析器首先會(huì)把當(dāng)前作用域的函數(shù)聲明提前到整個(gè)作用域的最前面

// 1、-----------------------------------
var num = 10;
fun();
function fun() {
  console.log(num);
  var num = 20;
}
//2、-----------------------------------
var a = 18;
f1();
function f1() {
  var b = 9;
  console.log(a);
  console.log(b);
  var a = "123";
}
// 3、-----------------------------------
f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
  var a = b = c = 9;
  console.log(a);
  console.log(b);
  console.log(c);
}

對(duì)象

為什么要有對(duì)象

function printPerson(name, age, sex....) {
}
// 函數(shù)的參數(shù)如果特別多的話,可以使用對(duì)象簡(jiǎn)化
function printPerson(person) {
  console.log(person.name);
  ……
}

什么是對(duì)象
現(xiàn)實(shí)生活中:萬物皆對(duì)象,對(duì)象是一個(gè)具體的事物,一個(gè)具體的事物就會(huì)有行為和特征。
舉例: 一部車,一個(gè)手機(jī)
車是一類事物,門口停的那輛車才是對(duì)象

特征:紅色、四個(gè)輪子
行為:駕駛、剎車

JavaScript中的對(duì)象

JavaScript中的對(duì)象其實(shí)就是生活中對(duì)象的一個(gè)抽象
JavaScript的對(duì)象是無序?qū)傩缘募稀?    其屬性可以包含基本值、對(duì)象或函數(shù)。對(duì)象就是一組沒有順序的值。我們可以把JavaScript中的對(duì)象想象成鍵值對(duì),其中值可以是數(shù)據(jù)和函數(shù)。
對(duì)象的行為和特征
    特征---屬性
    行為---方法

事物的特征在對(duì)象中用屬性來表示。

事物的行為在對(duì)象中用方法來表示。

對(duì)象字面量
字面量:11 "abc" true [] {}等

var o = {
  name: "zs,
  age: 18,
  sex: true,
  sayHi: function () {
    console.log(this.name);
  }
};
對(duì)象創(chuàng)建方式

對(duì)象字面量

var o = {
  name: "zs",
  age: 18,
  sex: true,
  sayHi: function () {
    console.log(this.name);
  }
};   

new Object()創(chuàng)建對(duì)象

var person = new Object();
  person.name = "lisi";
  person.age = 35;
  person.job = "actor";
  person.sayHi = function(){
  console.log("Hello,everyBody");
}

工廠函數(shù)創(chuàng)建對(duì)象

function createPerson(name, age, job) {
  var person = new Object();
  person.name = name;
  person.age = age;
  person.job = job;
  person.sayHi = function(){
    console.log("Hello,everyBody");
  }
  return person;
}
var p1 = createPerson("張三", 22, "actor");

自定義構(gòu)造函數(shù)

function Person(name,age,job){
  this.name = name;
  this.age = age;
  this.job = job;
  this.sayHi = function(){
      console.log("Hello,everyBody");
  }
}
var p1 = new Person("張三", 22, "actor");

屬性和方法

如果一個(gè)變量屬于一個(gè)對(duì)象所有,那么該變量就可以稱之為該對(duì)象的一個(gè)屬性,屬性一般是名詞,用來描述事物的特征
如果一個(gè)函數(shù)屬于一個(gè)對(duì)象所有,那么該函數(shù)就可以稱之為該對(duì)象的一個(gè)方法,方法是動(dòng)詞,描述事物的行為和功能

new關(guān)鍵字

構(gòu)造函數(shù) ,是一種特殊的函數(shù)。主要用來在創(chuàng)建對(duì)象時(shí)初始化對(duì)象, 即為對(duì)象成員變量賦初始值,總與new運(yùn)算符一起使用在創(chuàng)建對(duì)象的語句中。

構(gòu)造函數(shù)用于創(chuàng)建一類對(duì)象,首字母要大寫。

構(gòu)造函數(shù)要和new一起使用才有意義。

new在執(zhí)行時(shí)會(huì)做四件事情

new會(huì)在內(nèi)存中創(chuàng)建一個(gè)新的空對(duì)象
new 會(huì)讓this指向這個(gè)新的對(duì)象
執(zhí)行構(gòu)造函數(shù)  目的:給這個(gè)新對(duì)象加屬性和方法
new會(huì)返回這個(gè)新對(duì)象

this詳解

JavaScript中的this指向問題,有時(shí)候會(huì)讓人難以捉摸,隨著學(xué)習(xí)的深入,我們可以逐漸了解
現(xiàn)在我們需要掌握函數(shù)內(nèi)部的this幾個(gè)特點(diǎn)
    1. 函數(shù)在定義的時(shí)候this是不確定的,只有在調(diào)用的時(shí)候才可以確定
    2. 一般函數(shù)直接執(zhí)行,內(nèi)部this指向全局window
    3. 函數(shù)作為一個(gè)對(duì)象的方法,被該對(duì)象所調(diào)用,那么this指向的是該對(duì)象
    4. 構(gòu)造函數(shù)中的this其實(shí)是一個(gè)隱式對(duì)象,類似一個(gè)初始化的模型,所有方法和屬性都掛載到了這個(gè)隱式對(duì)象身上,后續(xù)通過new關(guān)鍵字來調(diào)用,從而實(shí)現(xiàn)實(shí)例化    


對(duì)象的使用

遍歷對(duì)象的屬性
通過for..in語法可以遍歷一個(gè)對(duì)象

var obj = {};
for (var i = 0; i < 10; i++) {
  obj[i] = i * 2;
}
for(var key in obj) {
  console.log(key + "==" + obj[key]);
}

刪除對(duì)象的屬性

function fun() { 
  this.name = "mm";
}
var obj = new fun(); 
console.log(obj.name); // mm 
delete obj.name;
console.log(obj.name); // undefined
簡(jiǎn)單類型和復(fù)雜類型的區(qū)別

基本類型又叫做值類型,復(fù)雜類型又叫做引用類型

值類型:簡(jiǎn)單數(shù)據(jù)類型,基本數(shù)據(jù)類型,在存儲(chǔ)時(shí),變量中存儲(chǔ)的是值本身,因此叫做值類型。

引用類型:復(fù)雜數(shù)據(jù)類型,在存儲(chǔ)是,變量中存儲(chǔ)的僅僅是地址(引用),因此叫做引用數(shù)據(jù)類型。

堆和棧
堆棧空間分配區(qū)別:
  1、棧(操作系統(tǒng)):由操作系統(tǒng)自動(dòng)分配釋放 ,存放函數(shù)的參數(shù)值,局部變量的值等。其操作方式類似于數(shù)據(jù)結(jié)構(gòu)中的棧;
  2、堆(操作系統(tǒng)): 存儲(chǔ)復(fù)雜類型(對(duì)象),一般由程序員分配釋放, 若程序員不釋放,由垃圾回收機(jī)制回收,分配方式倒是類似于鏈表。

注意:JavaScript中沒有堆和棧的概念,此處我們用堆和棧來講解,目的方便理解和方便以后的學(xué)習(xí)。

內(nèi)置對(duì)象

JavaScript中的對(duì)象分為3種:內(nèi)置對(duì)象、瀏覽器對(duì)象、自定義對(duì)象
JavaScript 提供多個(gè)內(nèi)置對(duì)象:Math/Array/Number/String/Boolean...
對(duì)象只是帶有屬性和方法的特殊數(shù)據(jù)類型。
學(xué)習(xí)一個(gè)內(nèi)置對(duì)象的使用,只要學(xué)會(huì)其常用的成員的使用(通過查文檔學(xué)習(xí))
可以通過MDN/W3C來查詢
內(nèi)置對(duì)象的方法很多,我們只需要知道內(nèi)置對(duì)象提供的常用方法,使用的時(shí)候查詢文檔。

如何學(xué)習(xí)一個(gè)方法?

方法的功能

參數(shù)的意義和類型

返回值意義和類型

demo進(jìn)行測(cè)試

Math對(duì)象
Math對(duì)象不是構(gòu)造函數(shù),它具有數(shù)學(xué)常數(shù)和函數(shù)的屬性和方法,都是以靜態(tài)成員的方式提供
跟數(shù)學(xué)相關(guān)的運(yùn)算來找Math中的成員(求絕對(duì)值,取整)
Math
演示:Math.PI、Math.random()、Math.floor()/Math.ceil()、Math.round()、Math.abs() 、Math.max()

Math.PI                        // 圓周率
Math.random()                // 生成隨機(jī)數(shù)
Math.floor()/Math.ceil()     // 向下取整/向上取整
Math.round()                // 取整,四舍五入
Math.abs()                    // 絕對(duì)值
Math.max()/Math.min()         // 求最大和最小值

Math.sin()/Math.cos()         // 正弦/余弦
Math.power()/Math.sqrt()     // 求指數(shù)次冪/求平方根

Date對(duì)象
創(chuàng)建 Date 實(shí)例用來處理日期和時(shí)間。Date 對(duì)象基于1970年1月1日(世界標(biāo)準(zhǔn)時(shí)間)起的毫秒數(shù)。

// 獲取當(dāng)前時(shí)間,UTC世界時(shí)間,距1970年1月1日(世界標(biāo)準(zhǔn)時(shí)間)起的毫秒數(shù)
var now = new Date();
console.log(now.valueOf());    // 獲取距1970年1月1日(世界標(biāo)準(zhǔn)時(shí)間)起的毫秒數(shù)

Date構(gòu)造函數(shù)的參數(shù)
1. 毫秒數(shù) 1498099000356        new Date(1498099000356)
2. 日期格式字符串  "2015-5-1"     new Date("2015-5-1")
3. 年、月、日……                  new Date(2015, 4, 1)   // 月份從0開始

獲取日期的毫秒形式

var now = new Date();
// valueOf用于獲取對(duì)象的原始值
console.log(date.valueOf())    

// HTML5中提供的方法,有兼容性問題
var now = Date.now();    

// 不支持HTML5的瀏覽器,可以用下面這種方式
var now = + new Date();            // 調(diào)用 Date對(duì)象的valueOf() 

日期格式化方法

toString()        // 轉(zhuǎn)換成字符串
valueOf()        // 獲取毫秒值
// 下面格式化日期的方法,在不同瀏覽器可能表現(xiàn)不一致,一般不用
toDateString()
toTimeString()
toLocaleDateString()
toLocaleTimeString()

獲取日期指定部分

getTime()        // 返回毫秒數(shù)和valueOf()結(jié)果一樣,valueOf()內(nèi)部調(diào)用的getTime()
getMilliseconds() 
getSeconds()  // 返回0-59
getMinutes()  // 返回0-59
getHours()    // 返回0-23
getDay()      // 返回星期幾 0周日   6周6
getDate()     // 返回當(dāng)前月的第幾天
getMonth()    // 返回月份,***從0開始***
getFullYear() //返回4位的年份  如 2016
Array對(duì)象

創(chuàng)建數(shù)組對(duì)象的兩種方式

字面量方式

new Array()

// 1. 使用構(gòu)造函數(shù)創(chuàng)建數(shù)組對(duì)象
// 創(chuàng)建了一個(gè)空數(shù)組
var arr = new Array();
// 創(chuàng)建了一個(gè)數(shù)組,里面存放了3個(gè)字符串
var arr = new Array("zs", "ls", "ww");
// 創(chuàng)建了一個(gè)數(shù)組,里面存放了4個(gè)數(shù)字
var arr = new Array(1, 2, 3, 4);


// 2. 使用字面量創(chuàng)建數(shù)組對(duì)象
var arr = [1, 2, 3];

// 獲取數(shù)組中元素的個(gè)數(shù)
console.log(arr.length);

檢測(cè)一個(gè)對(duì)象是否是數(shù)組

instanceof

Array.isArray() HTML5中提供的方法,有兼容性問題

函數(shù)的參數(shù),如果要求是一個(gè)數(shù)組的話,可以用這種方式來進(jìn)行判斷

toString()/valueOf()

toString() 把數(shù)組轉(zhuǎn)換成字符串,逗號(hào)分隔每一項(xiàng)

valueOf() 返回?cái)?shù)組對(duì)象本身

數(shù)組常用方法
演示:push()、shift()、unshift()、reverse()、sort()、splice()、indexOf()

// 1 棧操作(先進(jìn)后出)
push()
pop()         //取出數(shù)組中的最后一項(xiàng),修改length屬性
// 2 隊(duì)列操作(先進(jìn)先出)
push()
shift()        //取出數(shù)組中的第一個(gè)元素,修改length屬性
unshift()     //在數(shù)組最前面插入項(xiàng),返回?cái)?shù)組的長(zhǎng)度
// 3 排序方法
reverse()    //翻轉(zhuǎn)數(shù)組
sort();     //即使是數(shù)組sort也是根據(jù)字符,從小到大排序
// 帶參數(shù)的sort是如何實(shí)現(xiàn)的?
// 4 操作方法
concat()      //把參數(shù)拼接到當(dāng)前數(shù)組
slice()     //從當(dāng)前數(shù)組中截取一個(gè)新的數(shù)組,不影響原來的數(shù)組,參數(shù)start從0開始,end從1開始
splice()    //刪除或替換當(dāng)前數(shù)組的某些項(xiàng)目,參數(shù)start, deleteCount, options(要替換的項(xiàng)目)
// 5 位置方法
indexOf()、lastIndexOf()   //如果沒找到返回-1
// 6 迭代方法 不會(huì)修改原數(shù)組(可選)
every()、filter()、forEach()、map()、some()
// 7 方法將數(shù)組的所有元素連接到一個(gè)字符串中。
join()

清空數(shù)組

// 方式1 推薦 
arr = [];
// 方式2 
arr.length = 0;
// 方式3
arr.splice(0, arr.length);

基本包裝類型

為了方便操作基本數(shù)據(jù)類型,JavaScript還提供了三個(gè)特殊的引用類型:String/Number/Boolean

// 下面代碼的問題?
// s1是基本類型,基本類型是沒有方法的
var s1 = "zhangsan";
var s2 = s1.substring(5);

// 當(dāng)調(diào)用s1.substring(5)的時(shí)候,先把s1包裝成String類型的臨時(shí)對(duì)象,再調(diào)用substring方法,最后銷毀臨時(shí)對(duì)象, 相當(dāng)于:
var s1 = new String("zhangsan");
var s2 = s1.substring(5);
s1 = null;
// 創(chuàng)建基本包裝類型的對(duì)象
var num = 18;                  //數(shù)值,基本類型
var num = Number("18");     //類型轉(zhuǎn)換
var num = new Number(18);     //基本包裝類型,對(duì)象
// Number和Boolean基本包裝類型基本不用,使用的話可能會(huì)引起歧義。例如:
var b1 = new Boolean(false);
var b2 = b1 && true;        // 結(jié)果是什么
String對(duì)象

字符串的不可變

var str = "abc";
str = "hello";
// 當(dāng)重新給str賦值的時(shí)候,常量"abc"不會(huì)被修改,依然在內(nèi)存中
// 重新給字符串賦值,會(huì)重新在內(nèi)存中開辟空間,這個(gè)特點(diǎn)就是字符串的不可變
// 由于字符串的不可變,在大量拼接字符串的時(shí)候會(huì)有效率問題

創(chuàng)建字符串對(duì)象

var str = new String("Hello World");

// 獲取字符串中字符的個(gè)數(shù)
console.log(str.length);

字符串對(duì)象的常用方法

字符串所有的方法,都不會(huì)修改字符串本身(字符串是不可變的),操作完成會(huì)返回一個(gè)新的字符串

// 1 字符方法
charAt()        //獲取指定位置處字符
charCodeAt()      //獲取指定位置處字符的ASCII碼
str[0]           //HTML5,IE8+支持 和charAt()等效
// 2 字符串操作方法
concat()           //拼接字符串,等效于+,+更常用
slice()            //從start位置開始,截取到end位置,end取不到
substring()     //從start位置開始,截取到end位置,end取不到
substr()           //從start位置開始,截取length個(gè)字符
// 3 位置方法
indexOf()       //返回指定內(nèi)容在元字符串中的位置
lastIndexOf()     //從后往前找,只找第一個(gè)匹配的
// 4 去除空白   
trim()          //只能去除字符串前后的空白
// 5 大小寫轉(zhuǎn)換方法
to(Locale)UpperCase()     //轉(zhuǎn)換大寫
to(Locale)LowerCase()     //轉(zhuǎn)換小寫
// 6 其它
search()
replace()
split()
fromCharCode()
// String.fromCharCode(101, 102, 103);     //把ASCII碼轉(zhuǎn)換成字符串

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/53585.html

相關(guān)文章

  • 前端資源系列(4)-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要:特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多,可以很快搞定,沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方,歡迎補(bǔ)充。有錯(cuò)誤的地方,還請(qǐng)斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應(yīng)和斧正,會(huì)及時(shí)更新,平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

    princekin 評(píng)論0 收藏0
  • 前端入門1-基礎(chǔ)概念

    摘要:基礎(chǔ)基礎(chǔ)是一種標(biāo)記語言,不是編程語言,需要明確這點(diǎn)。元素標(biāo)簽內(nèi)容基礎(chǔ)基礎(chǔ)負(fù)責(zé)文本樣式的呈現(xiàn),既然將和分離開,各自只負(fù)責(zé)各自的職責(zé),那么肯定需要某種方式將兩者連接在一起。 本篇文章已授權(quán)微信公眾號(hào) dasu_Android(大蘇)獨(dú)家發(fā)布 聲明 本系列文章內(nèi)容全部梳理自以下四個(gè)來源: 《HTML5權(quán)威指南》 《JavaScript權(quán)威指南》 MDN web docs Github:smyh...

    codecraft 評(píng)論0 收藏0
  • 大學(xué)年學(xué)計(jì)算機(jī)最值得看的技術(shù)書,要讀就讀最好的書,程序員精品書單!

    摘要:其他語言數(shù)據(jù)結(jié)構(gòu)跟算法一樣是在開始寫代碼的時(shí)候用得很少,都有著包裝好的現(xiàn)成東西供你使用,但同樣是面試和崗位上升會(huì)用得到,我就不說數(shù)據(jù)結(jié)構(gòu)對(duì)代碼有多少好處,請(qǐng)記住一句話能夠?qū)崿F(xiàn)個(gè)功能和能夠最優(yōu)地實(shí)現(xiàn)個(gè)功能,是完全不同級(jí)別的要求。 ...

    liangzai_cool 評(píng)論0 收藏0
  • JavaScript系列() - 收藏集 - 掘金

    摘要:函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠矶际侵械闹鲗?dǎo)范式。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言 面向?qū)ο缶幊桃恢币詠矶际荍avaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語言,然而,近幾年,函數(shù)式編程越來越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。因此,...

    cfanr 評(píng)論0 收藏0
  • 編譯原理實(shí)戰(zhàn)入門:用 JavaScript 寫一個(gè)簡(jiǎn)單的則運(yùn)算編譯器()結(jié)語

    摘要:四則運(yùn)算編譯器,雖然說功能很簡(jiǎn)單,只能編譯四則運(yùn)算表達(dá)式。再?gòu)?fù)雜的編譯器再簡(jiǎn)單的編譯器,功能上是差不多的,只是復(fù)雜的編譯器實(shí)現(xiàn)上會(huì)更困難。每一章都是理論與實(shí)踐結(jié)合的經(jīng)典,從計(jì)算機(jī)硬件知識(shí)到軟件體系,再到編譯原理和操作系統(tǒng)。 四則運(yùn)算編譯器,雖然說功能很簡(jiǎn)單,只能編譯四則運(yùn)算表達(dá)式。但是編譯原理前端部分幾乎都有涉及,詞法分析,語法分析,還有代碼生成。 再?gòu)?fù)雜的編譯器、再簡(jiǎn)單的編譯器,功能...

    chemzqm 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<