javascript Archive

JavaScript Patterns 一書推薦

同事推薦我看 JavaScript Patterns,翻一下目錄之後發現其中涵蓋了筆者之前曾經翻譯過的你其實並不懂 JavaScript 中所列的中階與進階等級所必須了解的知識,並且很有系統化的解釋以及提供對應的實作方式。這本書的書名叫 JavaScript Patterns,所以有列了很多經典的 JavaScript 寫法,有些 patterns 都是可以在一些有名的 JS library 中找到的。

DIV 限制行數:一個難題,以及一個不完整的解法

前陣子遇到一個問題一直沒有辦法有一個完美的解法,困擾了一陣子。這個問題是要在一個 contenteditable=true 的 div 上面限制輸入的行數,並且要符合以下需求: 盡量保留 command queue stack 以使 undo/redo 正常 work,中文輸入也要可以 work,paste 也要 work。

利用 Swagger 產生互動式 API 文件

<a href="https://developers.helloreverb.com/swagger/" target="_blank">Swagger</a> 是一套由 HTML + Javascript 撰寫的 REST API 文件的框架。 使 API 使用者能夠在極短的時間內理解 API 的使用方法與規格,無論用來加速內部溝通效率或對外開放 API 合作都是相當方便的工具。

我與大師的距離

每一個程式設計師總是該有一個自我的修煉,畢竟每天陷在一個沒有成就感的世界中,人生的耗損是很可怕的啊。

用 Sentry 來記錄你的網站錯誤

讓我們面對現實吧!就算你寫了再多的 Unit Test、Functional Test 還有一堆蝦米碗糕測試,在程式實際上線的時候還是多多少少會遇到一些當初沒有測到的問題。讓 Sentry 來拯救你吧!

幾個熱門的 HTML5 Canvas Library

HTML5 Canvas 的出現其實是很棒的一件事情,以前有一段時間 Web 上的畫圖是用 Java Applet (那段時間 Web 都很醜),後來流行 Flash 之後比較好看一點。但 HTML5 Canvas 把在 Web 上畫圖這件事情又變得更簡單一些。 Canvas 是一個基礎元件,所以提供的功能很原始,很容易使用,這是優點,但缺點是做大型專案的話使用這樣原始的 API 來做可能會有點問題。所幸有許多 Open Source 的 Canvas 封裝函氏庫可以拯救世界。

2012 年 Github 上最多星星的 JavaScript Library

雖然時間已經來到 2013 年 2 月底了,在 2012 一整年裡獲得最多星星關注的開源 JavaScript library 還是值得我們花一點時間來看一下。如果大家有在關注宇宙間的程式語言排行榜的話,一定會知道 Tiobe Index,並且也一定會知道前兩名通常都是 C 或是 Java(近幾年拜 iOS 之賜,Objective-C 竄起的很快)。但在 Tiobe Index 連前十名都排不進的 JavaScript 在 Github 上可是完勝其他語言啊。我們就來看看 Github 上最受大家喜愛的前幾名 JavaScript Library 都在幹啥吧。

Meteor 初體驗(下)

本篇是 Meteor 初體驗(上)的後續,目標是很快的帶大家稍微認識一下 Meteor 這個 web framework。在上集中,我們介紹了基本的 Data 相關以及最基本的 template,在這集當中,我們會探討包括 events、server side、套件以及 deploy。

Meteor 初體驗(上)

Meteor 是一個最近很火紅的 web framework。跟 Django、Rails 等目前主流的 web framework 相比,Meteor 讓建構 real-time web apps 這件事情更加的容易。儘管目前 Meteor 仍然在 preview 階段,不過他們目前有七個人 full-time 開發這個 framework,所以進展的相當迅速。這篇文章會分成上下兩集,完成之後會建立起一個很簡單的 hacknews clone...

JavaScript 的 with 該不該用呢?

在看 Secrets of JavaScript Ninjas 這本書的章節目錄時,其中令人驚訝的是居然有專門一個章節在介紹 with statement?不是從小老師就有教我們不要使用 with 嗎?而且前面我們也曾經提過使用 with 有可能會降低效能,怎麼 John Resig 還建議大家使用勒?