JavaScript

設定二維陣列

需要注意的是,Javascript 是注重變數型態的語言,所以每一維陣列都必須先宣告

所以 array.push() 錯誤單純只是沒有宣告型態的關係

螢幕、視窗的寬高

 

 

iframe 根據內容高度調整

Content.html

三元運算元 Conditional (ternary) Operator

条件运算符

可以使用條件運算元簡化成

需要執行多條指令時可以使用 闭包 (Closure)

Closures 閉包

產生一組 0.00 ~100.00 的隨機數值

正規表示式

使用在 jQuery Validation Engine 2.6.2 上的一個自定義規則範例

直接編輯 jquery.validationEngine-zh_TW.js 檔案,將規則增加在內

增加一個不允許輸入 ‘ ” \  三個特殊字元的規則

170 total views, no views today

jQuery 的 Selectors 較佳用法

PhpStorm

原JavaScript 語法

警告訊息:

Inefficient jQuery usage warnings in PHPStorm IDE

 

修正後語法

 

96 total views, no views today

MathJax 使用 JavaScript 顯示數學公式

這篇看不懂很正常,沒接觸過出版、教育的人應該很難想像,要在網頁上顯示優美的數學公式是多麼困難的事情。

接觸過的人,大概會認識一個叫 LaTeX 的傢伙,這個時候就會知道 MathJax 的偉大之處了。

官網: MathJax

單純在瀏覽器上顯示 LaTeX 數學公式可以使用此 JavaScript library,需要平面 PDF 輸出才使用 LaTeX 執行

 

範例演示兩個功能

  1. ajax 載入的資料如何套用 MathJax
  2. 如何把所有的 LaTeX 套用 \displaystyle ,參考至:如何将一些html之前和之后使用MathJax数学时呈现How to put some html before and after math when rendering using MathJax (裡面有原出處,我有查到經過,不過看不懂)

 

204 total views, no views today

簡潔寫 script src, border-collapse

現在的網站程式代碼工作比重已經從後端轉移到了前端,不是後端的份量減少了,而是前端的工作增加到了比後端更多。

參考資源

以下的代碼應該不陌生

 

HTML JavaScript 載入

js/script.js

jQuery

JavaScript -2 擷取至 Blockly Games

  1. 建立一個 script 的元素
  2. 設定 src 路徑
  3. 將組裝好的 <script src=””> 字串附加在載入的 script 之後

Blockly Games 從上面載入的 JavaScript 也是一個簡潔加載的技巧

JavaScript -3

進階使用者可以朝    這類的工具邁進,將 JavaScript 打包壓縮,可以增加傳輸以及執行效能。

 

CSS border-collapse

是否將表格的框線合併

 

109 total views, no views today