哪些JavaScript 框架的源代碼最值得閱讀和學(xué)習(xí)

推薦順序：

成都創(chuàng)新互聯(lián)專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、江漢網(wǎng)絡(luò)推廣、微信平臺(tái)小程序開(kāi)發(fā)、江漢網(wǎng)絡(luò)營(yíng)銷(xiāo)、江漢企業(yè)策劃、江漢品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供江漢建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

underscore.js:一個(gè)JavaScript實(shí)用庫(kù)，提供了一整套工具方法，github上有帶注釋的源碼，一千多行。學(xué)習(xí)一下封裝那些常用api的最佳實(shí)踐。

zepto.js:jquery的移動(dòng)版？源碼也不多

backbone.js: 兩千多行的MVC框架，在閱讀angular源碼之前先閱讀一個(gè)經(jīng)典而輕量的backbone吧

這三個(gè)是開(kāi)始閱讀源碼比較推薦的，除此之外可以看一些UI框架，一些經(jīng)典輪子之類(lèi)的，比如閱讀fastclick這種，學(xué)習(xí)一波手勢(shì)與事件

JavaScript語(yǔ)言實(shí)現(xiàn)源代碼

我給你寫(xiě)了一個(gè)，預(yù)覽效果如下，不曉得是不是你想要的。

代碼我直接貼出來(lái)就行了吧。呵呵，還是有點(diǎn)簡(jiǎn)短的解釋的，相信你看得懂。

html

head

titleshow/title

script?language="javascript"?type="text/javascript"

function?showtime()

{

//使用日期對(duì)象

var?theDate=new?Date();

//獲取小時(shí)，0-23

var?_hour=theDate.getHours();

//獲取年

var?_year=theDate.getFullYear();

//獲取月

var?_month=theDate.getMonth();

//獲取日

var?_date=theDate.getDate();

//獲取星期

var?_dayNum=theDate.getDay();

//將星期用中文表示

var?_day;?//星期

switch(_dayNum)

{

case?0:

_day="星期日";

break;

case?1:

_day="星期一";

break;

case?2:

_day="星期二";

break;

case?3:

_day="星期三";

break;

case?4:

_day="星期四";

break;

case?5:

_day="星期五";

break;

case?6:

_day="星期六";

break;

}

//下面顯示信息，你可以根據(jù)自己的需要修改

document.write("font?color=\"#0000ff\"今天是"+?_year?+?"年"?+?_month?+?"月"?+?_date?+?"日/fontbr?/");

document.write("font?color=\"#ff0000\""?+?_day?+?"/fontbr?/");

if(_hour=12)

{

document.write("font?color=\"#ffcsea\"下午好/fontbr?/");

}

else

{

document.write("font?color=\"#ffcsea\"上午好/fontbr?/");

}

}

/script

/head

body?onload="showtime();"

/body

/html

如何保護(hù)javascript源代碼？

保護(hù)不了的。。。

放JS文件里面有P用

你要引用JS文件里的代碼 就得指出JS文件的路徑

你能調(diào)用 我就能看。。

即使你客戶(hù)端代碼加密，也還是能解開(kāi)，充其量只能擋擋低手，建議你不要費(fèi)心了。。

JavaScript 的同源策略是什么意思？

1.什么是JavaScript？

JavaScript是一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言，內(nèi)置支持類(lèi)型。通俗的講JavaScript通常用來(lái)做網(wǎng)頁(yè)的交互以及同動(dòng)態(tài)效果。它是一種非常流行的腳本語(yǔ)言，是一種運(yùn)行在瀏覽器中的解釋型編程語(yǔ)言。

2.同源的定義：

如果兩個(gè)頁(yè)面的協(xié)議/端口和主機(jī)都相同，那么這兩個(gè)頁(yè)面具有相同的源。我們也可以把它稱(chēng)為“協(xié)議/主機(jī)/端口 tuple”，或簡(jiǎn)單地叫做“tuple". ("tuple" ，“元”，“元組”是指一些事物組合在一起形成一個(gè)整體，比如（1，2）叫二元，（1，2，3）叫三元)。下表給出了相對(duì)同源檢測(cè)的示例:

（只是路徑不同而已，同源。）

（只是路徑不同，同源）

（協(xié)議不同，http≠https，不同源）

（端口不同，http：//80是默認(rèn)值，不同源）

（域名不同，news/store，不同源）

3.JavaScript可以對(duì)文本web文檔內(nèi)容進(jìn)行操作，對(duì)文檔隨意操作是互聯(lián)網(wǎng)世界大忌，因此要對(duì)其進(jìn)行限制。針對(duì)代碼可以限定對(duì)哪些特定的web文本進(jìn)行操作，這就叫同源策略。

同源策略的含義：腳本只能讀取和所屬文檔來(lái)源相同的窗口和文檔的屬性。

以上就是JavaScript同源策略的大致概念，若要深究同源的驗(yàn)證過(guò)程以及原理，可以自行系統(tǒng)完整的學(xué)習(xí)此概念，對(duì)自己大有裨益。