整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
@路人甲：再加點(diǎn)js，不可描述
@路人乙：妖艷的見(jiàn)多了，都喜歡天然的了
@路人丙：我全都要.jpg
@路人丁：左邊好看
@我：我就喜歡看你們昧著良心說(shuō)話，左邊的女生給你們，右邊的女生誰(shuí)也別跟我搶！
@路人甲：我，我，我不行了，這.....這是我最后一個(gè)bug
@路人乙：啊啊啊啊啊！別攔我我要自殺
@路人丙：快 快 快拿我的刀給我 我要kan屎他
@路人?。?/strong>一句mmp送個(gè)他們
@我：給我滾，打車滾??！
想要學(xué)習(xí)PHP的可以私信帳號(hào)“學(xué)習(xí)交流”加群一起討論，領(lǐng)取學(xué)習(xí)視頻資料。
function foo(b) {
var a=b;
return {
a: a,
change: function(b) {
console.log(a, b, this.a);
a=a + b + this.a;
},
output: function() {
console.log(a, this.a, b);
}
}
}
var x=foo(1);
console.log('change before:')
console.log(x.a); // 1;
x.output(); // 1, 1, 1
x.a=3;
x.change(2); // 1, 2, 3
console.log('after change:');
console.log(x.a); // 3
x.output(); // 6, 3, 1
var x=foo(1); // 執(zhí)行后，x函數(shù)里面返回的對(duì)象，里面的屬性和值都在執(zhí)行過(guò)程中確定了，作用域范圍在代碼定義的位置。
console.log('change before:')
console.log(x.a); // 1;
// x.a=1。因?yàn)閒oo()函數(shù)里面返回對(duì)象中屬性a被賦值為變量a,
// 而變量a在foo(1)執(zhí)行時(shí)被賦值為b也就是1
x.output();
// a=1, this.a=1, b=1
// a, output函數(shù)沒(méi)有變量a，通過(guò)作用域鏈向上查找, 父函數(shù)foo中有變量a
// this.a, 函數(shù)執(zhí)行上下文的this指向函數(shù)的調(diào)用方也就是x對(duì)象,x被賦值為1
// b, output也是通過(guò)作用域鏈向上查找到foo里的變量b,是foo里面的形參變量
x.a=3;
// 修改x.a為3，此時(shí)影響的只是x對(duì)象中的a屬性，并不影響foo函數(shù)作用域下a變量
x.change(2);
// a=1, b=2, this.a=3
// a, 仍然是foo第一次被調(diào)用時(shí)的值，沒(méi)有被修改，仍然是1
// b，這個(gè)b是change函數(shù)的形參變量，不是外部的b, b被賦值為2
// this.a，此時(shí)this.a也就是x.a，已經(jīng)被修改為3
// 執(zhí)行這句后，foo作用域下的a變量被賦值為a+b+this.a=1+2+3=6
console.log('after change:');
console.log(x.a); // 3
// x.a沒(méi)有受到影響，依然是3
x.output();
// a=6, this.a=3, b=1
// a在執(zhí)行change(2)時(shí)已經(jīng)被改成6了
// this.a就是x.a，因此是3
// b從output沿作用域開(kāi)始查找，值仍是1，b沒(méi)有被改過(guò)
、什么是css
css的英文全稱是：Cascading Style Sheets，翻譯過(guò)來(lái)叫：層疊樣式表。
這其中有兩個(gè)關(guān)鍵字，一個(gè)是層疊一個(gè)是樣式。
樣式指的是給html調(diào)整樣式
層疊指的是可以疊加調(diào)整，給一個(gè)html的a標(biāo)簽指定5條樣式，5條樣式疊加起來(lái)作用到html的標(biāo)簽上。
舉個(gè)更容易理解的例子：（在index.html中寫(xiě)一個(gè)a標(biāo)簽）
用css給a標(biāo)簽加樣式，一共加了五條，具體看圖片中的注釋。
5條樣式都加到了a標(biāo)簽上面，都生效，這就是層疊的意思了。
二、css的作用
從上面的例子中也可以明顯地感受到，css的主要作用就是美化html的。使用css可以讓html變得更加的豐富多彩。如果學(xué)了JavaScript的話就可以讓html動(dòng)起來(lái)。
在正式開(kāi)講css前，先補(bǔ)充一點(diǎn)關(guān)于sublime text的快捷使用方法，這樣我們寫(xiě)代碼的速度就會(huì)變得快起來(lái)。
如果還有不知道sublime text是什么的同學(xué)，可以返回頭去看看《踏上編程之路的必經(jīng)之路之html篇二》，其中用動(dòng)圖的方式仔細(xì)講解了如何下載它。
在sublime text這款編輯器里面可以快速生成html的主要結(jié)構(gòu)（頭部、體部），接下來(lái)看動(dòng)圖演示：
沒(méi)錯(cuò)，只要輸入一個(gè)“!”，按tab鍵就能快速生成html的主要結(jié)構(gòu)代碼了（下圖紅框的框住的就是tab鍵）
除了可以快速生成上面代碼，還以快速生成經(jīng)常使用的各種標(biāo)簽代碼：（如下圖演示）
如果你要寫(xiě)一個(gè)a標(biāo)簽，只需要寫(xiě)a再按tab鍵，sublime text就會(huì)自動(dòng)給你補(bǔ)全代碼。
當(dāng)然了，還有更快捷的
（接下來(lái)快捷生成<a href="https://www.baidu.com">百度</a>）
在“[]”里面寫(xiě)要給a標(biāo)簽添加的屬性，在{}里面寫(xiě)a標(biāo)簽的文字。如果有多個(gè)屬性的就寫(xiě)兩個(gè)“[]”。
具體看動(dòng)圖演示：
接下來(lái)再看看ul和li標(biāo)簽如何快速生成（ul里面包含5個(gè)li）
新聞后面的$用于生成一個(gè)序號(hào)，當(dāng)然你也可以不寫(xiě)，也可以寫(xiě)兩個(gè)，寫(xiě)兩個(gè)的話生成的就會(huì)是新聞01、新聞02
在sublime text中只要是html的標(biāo)簽就可以快捷生成，那在來(lái)試一試table
我們學(xué)過(guò)很多的html標(biāo)簽，你都可以拿來(lái)嘗試一下，要想事半功倍，熟練使用sublime text是個(gè)有效的途徑。
三、css的基本格式
在css的初始階段，建議大家把css代碼寫(xiě)在html的head標(biāo)簽中。
css代碼的樣式代碼寫(xiě)在style標(biāo)簽中。
具體看一下圖：
寫(xiě)一個(gè)a標(biāo)簽，讓a標(biāo)簽中的字變?yōu)榧t色
在style中寫(xiě)css代碼，沒(méi)有style，是不會(huì)有效果的。style可以寫(xiě)在任意位置，但是為了代碼規(guī)范，約定俗成都寫(xiě)在head標(biāo)簽中。
style中我們先要指定給哪一個(gè)標(biāo)簽添加樣式，這里我們指定了a。這種方式也叫做css選擇器，就是你要給誰(shuí)添加樣式，你得先指定或者選定一個(gè)標(biāo)簽，然后再寫(xiě)你要添加的樣式代碼。我們這里選定a，給a添加字體變紅的的樣式。
上面代碼在瀏覽器中的效果如下：
好了，今天的內(nèi)容就這么多。記得要勤動(dòng)手練習(xí)。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
