整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
給你女朋友一個(gè)驚喜嗎?一步制作自己個(gè)性的程序送給她。下面的內(nèi)容中文部分大家可以自己改成喜歡的.比如改為愛人的名字，想說什么自己寫上復(fù)制這段代碼：
<html><head><title>老婆我愛你</title><!--這里是標(biāo)題,可以自己選擇修改--><hta:application sysmenu=no scroll=no border=none>language=\"vbscript\">sub sub1me.closeend subme.resizeto 500,410 #39;這里設(shè)置窗口大小,單位為像素me.moveto 260,100 #39;這里設(shè)置窗口位置,單位為像素window.settimeout \"sub1\",100000 #39;這是設(shè)置時(shí)間,單位為毫秒,我這里設(shè)置為12秒</script><body><CENTER><FONT style=\"COLOR:#33FF00; FILTER: shadow(color=black); FONT-FAMILY: 華文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%\"><B>老婆我愛你</B></FONT></CENTER><hr><style type=\"text/css\">.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% } </style><table border=\"0\" width=\"100%\"><tr><td width=\"100%\" class=\"3dfont\"><font color=RED><CENTER> ☆☆☆☆☆☆ 最新通知 ☆☆☆☆☆☆</font><br><P align=left>★老婆你是世界上最漂亮的姑娘!</B><br><br>老婆我真的好愛你，真的真的好愛你!</B><br><br><MARQUEE>你的老公</body></html>
將該代碼復(fù)制到新建的文本文檔中（即TXT文件），同時(shí)將后綴名改為hta，雙擊該文件即可。
神奇吧！動(dòng)起來，一起來寫更生動(dòng)的程序。
女朋友要我教她CSS，于是我就折騰了一周，終于完成了這篇長文…
然后，然后？然后當(dāng)我發(fā)布這篇文章的時(shí)候，她會(huì)感動(dòng)到哭嗎？
例子：計(jì)算一個(gè)不進(jìn)位的數(shù)字
#id.link a[href]
————————————————
計(jì)算過程：
#id +100
.link +10
a +1
[href] +0
結(jié)果:111#id .link.active
————————————————
計(jì)算過程：
#id +100
.link +10
.active +10
結(jié)果:120那么，我們?cè)趺蠢斫?不進(jìn)位的數(shù)字 這關(guān)鍵字眼呢？用一個(gè)簡單例子吧：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS選擇器</title>
<style>
#test1{
color: red;
}
#test1.test1{
color: blue;
}
.test2{
color: red;
}
div.test2{
color: blue;
}
#test3{
color: red;
}
.c1.c2.c3.c4.c5.c6.c7.c8.c9.c10.c11{
color: blue;
}
</style>
</head>
<body class="body" id="body">
<div id="test1" class="test1">藍(lán)色</div>
<div class="test2">藍(lán)色</div>
<div id="test3" class="c1 c2 c3 c4 c5 c6 c7 c8 c9 c10 c11">紅色</div>
</body>
</html>結(jié)果如下圖所示：
不妨發(fā)現(xiàn)，最后一個(gè) div，盡管我們類選擇器有11個(gè)，加起來有110，但是依舊沒有 id 選擇器優(yōu)先級(jí)高，正是因?yàn)檫@個(gè)不進(jìn)位的數(shù)字，簡單說：你大爺還是你大爺！
先，事情開始于一道面試題：
<script>
function A(){
this.name="";
this.age=18;
}
var a1=new A();
a1.name="尼古拉斯?屌";
var a2=a1;
a2.name="blue";
console.log(a1.name); //變成blue了
var str1="尼古拉斯?屌";
var str2=str1;
str2="blue";
console.log(str1); //沒變，還是尼古拉斯?屌
</script>
簡單來說
a2=a1;
a2.name=xxx; //a1.name會(huì)變
str2=str1;
str2=xxx; //str1不會(huì)變
歡迎覺得廢話太多的同學(xué)直接翻到最后看“技術(shù)流解釋”哈，那么我們開始：
套用一句比較俗的話：“道理我都懂，可是為什么字符串就不會(huì)變呢”，JavaScript作為高級(jí)語言并沒有指針的概念，但卻又總被這事兒困擾，今天我就想試試讓大家理解這個(gè)概念，如果要弄明白這個(gè)事情，請(qǐng)先來弄明白一個(gè)特別簡單的事情：
假設(shè)你有女朋友叫夢(mèng)琪，喜歡帶黃色帽子，你幫她買了頂紅色帽子，請(qǐng)問：夢(mèng)琪帶什么顏色的帽？
答：紅色
假設(shè)你有女朋友叫夢(mèng)琪，喜歡帶黃色帽子，你直接換了個(gè)喜歡帶紅色帽子的女朋友，請(qǐng)問：夢(mèng)琪帶什么顏色的帽子？
答：還是黃色，沒變
如果我們理解了上面這個(gè)花心蘿卜和戴帽子的女朋友的問題，那么問題就變得非常簡單，用代碼再表示一遍：
//情況1：換帽子
你.女朋友=夢(mèng)琪;
你.女朋友.帽子=紅色;
console.log(夢(mèng)琪.帽子); //紅色
//情況2：換女朋友
你.女朋友=夢(mèng)琪;
你.女朋友=安易;
console.log(夢(mèng)琪.帽子); //黃色，沒變
簡單來說，你換女朋友了，關(guān)人家帽子啥事，對(duì)吧
為了徹底弄明白問題的步驟1/2：
讓我們把這個(gè)本就混亂的關(guān)系搞得更亂一些吧[捂臉]
假設(shè)張三和李四，都找了同一個(gè)女朋友，張三給她買了一頂帽子，請(qǐng)問：李四的女朋友換帽子了沒？
答：換了
假設(shè)張三和李四，都找了同一個(gè)女朋友，張三扛不住了，又新找了個(gè)女朋友，請(qǐng)問：這跟李四女朋友的帽子有關(guān)系嗎？
答：有毛關(guān)系啊
上面這個(gè)混亂的關(guān)系，用程序表述出來就是：
//情況1.換帽子
張三女朋友=李四女朋友; //傳說中的引用：第一次見到能把出軌說的這么清新脫俗的
張三女朋友.帽子=綠色的帽子;
console.log(李四女朋友.帽子); //變了，綠的
//情況2.跟帽子有毛關(guān)系
張三女朋友=李四女朋友;
張三女朋友=新的女朋友;
console.log(李四女朋友.帽子); //不知道什么顏色，反正沒變
為了徹底弄明白問題的步驟2/2：
直接上代碼了，解釋見注釋哈
//情況1：帽子
var 張三女朋友=new 女朋友(); //太方便了有沒有
var 李四女朋友=張三女朋友; //又引用了
張三女朋友.帽子=紅的;
console.log(李四女朋友.帽子); //紅的，變了
//情況2：跟帽子有毛關(guān)系
var 張三女朋友=new 女朋友();
var 李四女朋友=張三女朋友;
張三女朋友=另一個(gè);
console.log(李四女朋友.帽子); //沒變，跟帽子有毛關(guān)系
所以，現(xiàn)在請(qǐng)跟隨我再來重新看一遍上面的問題
//情況1
var a1=new A();
var a2=a1;
//注意：在這個(gè)時(shí)候，a1和a2就是同一個(gè)東西，引用嘛，你懂的
a2.name="blue"; //你給女朋友，買了頂新的帽子
console.log(a1.name); //她的帽子是Blue色的
//情況2
var str1="aaa";
var str2=str1;
//注意：這個(gè)時(shí)候，str1和str2也是同一個(gè)東西，也是引用
str2="blue"; //你直接換了個(gè)女朋友
console.log(str1); //你原先女朋友沒啥變化
人上了年紀(jì)就會(huì)很啰嗦，直接上圖多好：
情況1：a2.name="blue"
情況2：str2="blue"
==========================純技術(shù)流分隔線==========================
1.指針：代表一個(gè)變量或?qū)傩灾赶蛘l
2.賦值：代表改變變量或?qū)傩缘闹赶?/strong>
合起來用：
a1=a2;
a2.name='blue';
//改變a2.name指向了'blue'；但a1和a2依然指向同一個(gè)對(duì)象，所以：a1.name=>'blue'
str1=str2;
str2='blue';
//改變str2指向了'blue'；這時(shí)str1和str2不再指向同一對(duì)象，所以：str1不變
========================end of 純技術(shù)流分隔線==========================
結(jié)論：
1.都說人上了年紀(jì)廢話就是多，看來是真的
2.另外，我一直好奇有多少人會(huì)看到文章的最后，所以想做個(gè)簡單的實(shí)驗(yàn)。
智能社撰稿，更多知識(shí)請(qǐng)關(guān)注微信號(hào)zhi_neng_she
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
