搜尋

隨機推薦

http://i.imgur.com/2p60R7P.png

 

Introduction 簡介

ECMAScript 6, also known as ECMAScript 2015, is the upcoming version of the ECMAScript standard. This standard is targeting ratification in June 2015. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway now.

ECMAScript 6(標準官方名稱是 ECMAScript 2015) 是 ECMAScript 的下一代標準,預計將在 2015年6月 正式發佈。ES6 的發布將是這門語言自2009年 ES5 正式發佈以來的首次更新,是一次富有意義的更新。主流Javascript引擎中的這些新特性正在開發中。

什麼是繼承啊?答:別人白給你的過程就叫繼承。

為什麼要用繼承呢?答:撿現成的唄。

好吧,既然大家都想撿現成的,那就要學會怎麼繼承!

在瞭解之前,你需要先瞭解構造函數、對象、原型鏈等概念......

JS裡常用的兩種繼承方式:

  1. 原型鏈繼承(對象間的繼承)
  2. 類式繼承(構造函數間的繼承)

對於那些熟悉基於類的面向對象語言(java或者c++)的開發者來說,JavaScript的語法是比較怪異的, 這是由於javascript是一門動態語言,而且它沒有類的概念 (雖然class是個保留字,不能作為變量名來使用).

繼承方面,javascript中的每個對象都有一個內部私有的鏈接指向另一個對象 (或者為 null),這個對象就是原對象的原型. 這個原型也有自己的原型, 直到對象的原型為null為止. 這種一級一級的鏈結構就稱為原型鏈.

https://camo.githubusercontent.com/d3afdfc8b8075b9daf5109c4af7b8b07ab2d7c04/68747470733a2f2f7261776769746875622e636f6d2f6a61736d696e652f6a61736d696e652f6d61737465722f696d616765732f6a61736d696e652d686f72697a6f6e74616c2e737667

jasmine是一個有名的javascript單元測試框架,它是獨立的「行為驅動開發」框架,提供了對javascript開發者來說相對容易使用的測試語法,可以幫助你輕鬆寫出自己的單元測試代碼。

WIKI:https://github.com/pivotal/jasmine/wiki

API: http://pivotal.github.com/jasmine/jsdoc/index.html
(Jasmine的API文件是用jsdoc生成的,關於jsdoc)

可以在下載頁面直接下載jasmine的源碼:https://github.com/pivotal/jasmine

還可以使用git下載(關於git的用法,可以看這裡http://progit.org/book/zh/ch1-4.html

1
$ git clone https:\/\/github.com/pivotal/jasmine.git

下載jasmine的源碼之後,可以看到目錄有一個example的文件夾,這裡就是我們要說的例子
還有一個文件夾lib,這裡放了運行測試案例所必須的文件
其中jasmine.js就是整個框架的核心代碼,
jasmine-html.js用來展示測試結果,jasmine.css用來美化測試結果。

http://cl.ly/QBSD/p2013-07-12-1.jpg

在2013年的Google I/O大會上,Google公司提出了一個新的UI框架,名為Polymer。Google稱Polymer框架代表著所有Web UI框架的未來。

http://cl.ly/Q2tB/Image%202013.07.04%20%E4%B8%8B%E5%8D%881%3A59%3A56.jpeg

個人覺得:mootools 更符合物件導向,易擴展,對於熟悉物件導向的工程師來說很棒。但 jquery 做小型網站更方便多了,插件也多。現在常用的框架有Jquery,prototype,mootool,yui等,其他的框架都是非主流,有一個數據很有意思,就是這幾種框架的 市場佔有率,我覺得這個數據沒有太大意義,因為這幾種前端框架都有各自的針對性和特點,每種框架都適合相應規模的web項目,比如prototype和 jquery適合中小網站開發,mootool適合中型網站開發,yui適合大規模的web項目開發,而小網站的數量要遠大於門戶或sns這種大網站的, 因此,不論怎麼比較,jquery和prototype的使用數量都要超過mootool和yui。

Key Codes


This document is written by Helge Willum Larsen
It contains a list of all "onkeypress", "onkeydown" and "onkeyup" KeyCodes in JavaScript,
that can be typed with a DANISH KEYBOARD !!!
Other keyboards probably have other KeyCodes.

The first section is tested with the Microsoft Internet Explore 5.0 and the Netscape
Communicator 4.51. At this time, Netscape didn't support "onkeydown" and "onkeyup".

CasualJS Framework是根據ActionScript3.0的架構開發的一套適用於HTML5 Canvas的面向對象的開發框架。目的是讓你無縫的從AS3開發過渡到HTML5 Canvas開發。雖然Canvas提供了強大的繪圖功能,但滿足不了高級開發的需要。利用CasualJS的顯示對象架構及渲染機制,你可以輕鬆的在Canvas中操控各種位圖、圖形、影片剪輯等顯示對象,就如同在用AS3開發一樣愉快。

 

好久之前,發現必須應該有個動畫框架,才能支持開發出更加複雜的動畫效果。所以在學習Canvas的過程中,我就萌發了這樣的念頭,在無數大神大牛的啟發下,今天“出廠”一個小的動畫框架,希望能和有興趣的朋友一起探討交流一下。

 

這支library實在是非常地簡單易用, 而且在此網頁中馬上就可以測試其效果。

同時也提供了下面的example code, 只要將shortcut.js抓下來即可使用。

 

範例:

<script type="application/x-javascript" src="/shortcut.js"></script>
<script type="application/x-javascript">

shortcut.add("Ctrl+B",function() { alert("Bold"); });
</script>


如此一來只要按下 Ctrl + B 即可呼叫到我要的function.

 

Shortcut.js 下載頁面

第 1 頁,共 3 頁

Please publish modules in offcanvas position.