搜尋

隨機推薦

這支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 下載頁面

HTML5 Logo

你是免不了的。每個人都在談論HTML5。自眾人開始濫用圓角和漸變效果以來,HTML5或許是最熱炒的技術。然而,許多人眼中所謂的HTML5實際上只是老式的DHTML和Ajax。有關HTML5的諸多信息中魚目混珠,因此,JavaScript專家雷米·夏普(Remy Sharp)和Opera公司的布魯斯·勞森(Bruce Lawson)著眼這些流言,對其中的常見謬誤和事實做了分類整理。

 

在css中對特定的元素設置樣式離不開選擇符的使用,現在一些大的 javascript 框架 也常用選擇符來獲取特定的元素,如jQuery。W3c規範定義了兩個新的方法(querySelector 和 querySelectorAll) 來獲取元素節點,這兩個方法都接受選擇符作為自己的參數。Nicholas在他的《High Performance JavaScript》一書中對這兩個方法作了簡要介紹,並對其性能作了比較,與傳統獲取元素節點的方法相比,其性能明顯偏優。讓我們從下面這個例子說 起。

<table id="score">
  <thead>
    <tr>
      <th>Test</th>
      <th>Result
          </th>
          </tr>
          </thead>
  <tfoot>
    <tr>
      <th>Average   </th>
      <td>82%
          </td>
</tr>
</tfoot>
  <tbody>
    <tr>
      <td>A</td>
      <td>87%</td>
        </tr>
   <tr>
      <td>A</td>
      <td>87%</td>
        </tr>
        <tr>
      <td>A</td>
      <td>87%</td>
        </tr>
        …
        </tbody>
</table>

 

一個有效的,組織嚴密的工作流程是一個重要的資產專業的網頁設計師。 比較有用的和節省時間的工具,更多的時間,你可以專注於重要的事情,從而創造一個良好的基礎,及時優質的效果。 問題是,公正的方式有太多的工具,服務和資源在那裡,因此它已經成為難以對他們進行跟踪,發現這些微小的一點時間,儲戶,將免去你頭痛和節省時間從長遠來看。

這就是我們進來,早在過去,用碎雜誌發表後列出清單,與過多的鏈接,涵蓋不同主題的所有主題相關的網頁設計和開發。 我們已經歷了相當的發展,因為那時,幾乎只有現在出版的深入文章 - 寫的一些優秀的技術人才在這個行業。 不過,有益的,精心準備和篩選名單仍然有用,因此,我們保持出版他們。

下面你會發現 50個有用的工具和時間的儲蓄者對於網頁設計師和開發人員 在其他的事情,你會發現最近發布的工具,有用的參考表,文章和更多的資源。 這類職位準備了幾個月,每個包含資源發現,通過審查或書籤粉碎編輯隊伍。 我們希望,至少其中一些將幫助你提高你的工作流程!

視覺化的使用者介面,如果缺少按鈕的話,就會全然改觀。在網頁上,瀏覽器提供預設的按鈕以及其他一些的按鈕形態。利用 CSS 樣式,你可以修改按鈕的視覺樣貌,但仍然保持它原有的形態,無論是一般按鈕、複選按鈕 (checkbox) 或是單選 (radio) 按鈕等。

在開發實務時,有時會一點需求上的差異,會導致需要開發更為複雜精巧的按鈕。舉例來說,你需要一列複選或單選的按鈕、一個工具列,或是一個分割的按鈕。這些組合可以透過程式辦到,但這就是關鍵之處-你必須一次又一次為了一點點需求上的差異,而不斷地寫程式。

而 jQuery UI 函式庫可以在按鈕開發上提供一些幫助。事實上在 1.8 版中,已經加入按鈕程式開發的支援,讓我們來深入了解一下。

 

何為正規表示式?

幾年前,我對 Web 表單的輸入框做了一些有趣的檢驗。用戶將在此表單中輸入電話號碼。隨後,此電話號碼會按用戶鍵入的形式打印在用戶的廣告中。按照要求,美國的電話號碼可以幾種方式輸入:可以是 (555) 555-5555,也可以是 555-555-5555,但不能接受 555-5555 這樣的形式。

您或許會感到奇怪,為什麼我們不拋開所有的非數字字符,只保證剩餘的字符總數為 10 呢?這種方法確實可行,但無法阻止用戶輸入 !555?333-3333 這樣的內容。

以一名 Web 開發者的眼光來看,這種情況帶來了一項有趣的挑戰。我可以編寫例程來檢查各種不同格式,但我希望能夠找到一種解決方案,假如用戶隨後認可 555.555.5555 這樣的格式,這種解決方案能具備一定的靈活性。

這正是正規表示式(簡稱為 regex)的適用場景。之前我已經將它們剪切並粘貼到了應用程序中,但從未發現任何難以理解的語法問題。Regex 看上去非常像數學表達式。當您看到一個形如 2x2=4 的表達式時,您通常會想到 “2 乘以 2 等於 4”。正規表示式與之非常類似。閱讀過本文後,當您看到一個這樣的正規表示式 ^b$ 時,您就會告訴自己:“一行的開頭是 b,隨後就是行尾”。不僅如此,您還會意識到在 PHP 中使用正規表示式有多麼簡單。

 

Please publish modules in offcanvas position.