『葉狂人』的怕失憶筆記 Front-End

http://shiaobin.github.io/internal-code-converter/

可以轉換 HMI 所需的 Big5 中文內碼

台灣縣市的選擇器

有時候在使用者註冊的頁面

還滿好用的，這邊做一個紀錄

如何在 Swift 取得亂數

將 StatusBar 設定為高亮

將 StatusBar 設定為隱藏

有時候我們希望依照不同的頁面內容

即時動態加載 JS 檔案

以下提供 function

好用的 document window

在此記錄一下

資料來源 http://www.simonbattersby.com/blog/simple-jquery-image-crossfade/

有時候我們滿需要使用簡單的 FadeIn 和 FadeOut 來變換圖片

這個時候利用簡單的 jQuery 就可以做到控制

筆記一下，怕忘記

亂數取 Array 內的任一值

利用 JavaScript 刪除列

很常在網路上看到某些表格或清單的選項(ex:plurk的回應)，按一下旁邊的X不需要重新整理網頁就可以直接讓該列消失1

//觸發a的click事件後執行以下程式碼(這邊就端看開發者使用的是jQuery還是Javascript)

筆記，JQUERY Plugin 寫法

有時候我們會需要在聊天對話框以不同的顏色來區分每位使用者的對話顏色

這時候需要亂數取 Color

所有銀行代碼的下拉選單 SELECT

Viewport units: vw, vh, vmin, vmax

Length units representing 1% of the viewport size for viewport width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax).

想要好好練好 JavaScript 基本功嗎？

看看 jQuery 原始碼吧

http://robflaherty.github.io/jquery-annotated-source/

不使用 jQuery 監聽瀏覽器以及元件的事件

由於設計上的錯誤

JavaScript 的 arguments 並不是陣列，但是卻有 length 屬性

因此很多時候會造成困擾

利用 HTML5 的 audio 元件測得 audio 檔案的秒數

資料來源：http://helpcenter.typeform.com/hc/en-us/articles/200069248-Custom-embedding

今天發現了一個具有豐富資源的網站

LEARN JAVASCRIPT ONLINE

想學好 JavaScript 的話，必要去朝聖一番

今天遇到了一個問題

如果 iframe 使用的是不同的網域名稱，在傳輸資料上面可以使用 postMessage 的方法做通訊

然後以下是 iframe

將 http 轉換成 a tag

我自己常常用的如下

超好用的偵測 div 目前是否捲到最底部

有的時候我們需要知道使用者是否把 div 捲到最底部

以利改變 scrollTop 的值

亂數取固定長度的值

來源：Random alpha-numeric string in JavaScript?

YOU MIGHT NOT NEED JQUERY

有的時候其實真的不需要用到 jQuery

最起碼，你要知道 jQuery 的運作原理～使用原生 JavaScript 來 Code 其實也滿輕鬆謝意的

Perfect Full Page Background Image

http://css-tricks.com/perfect-full-page-background-image/

以下是 HTML 部分

做個記錄

有時候只是做簡單的 GET / POST 其實可以不需要依靠 jQuery

用法如下：

CSS 部分：

HTML 部分：

<div class="video-container">

http://docwiki.embarcadero.com/RADStudio/XE7/en/What%27s_New_in_Delphi_and_C%2B%2BBuilder_XE7#Java2OP.exe:_New_Native_Bridge_File_Generator_for_Android

The RTL provides a new unit, System.NetEncoding, that provides encoding and decoding features for Base64, HTML, and URL.

The following table shows how methods from previous versions of RAD Studio map to methods in System.NetEncoding:

類似 PHP 的 htmlspecialchars 的函式

濾掉 & 以及 < 以及 > 以及 " 以及 '

這個方式，尤其在 Blog 系統上特別好用，因為你無法掌握輸入者都能夠將 a tag 的屬性 target 設成 _blank

以上的 Code 可以讓 class=opennew 的區域內所有的 a tag 點選之後以開新視窗的方式打開 URL

不必更改內容本身的 target 屬性，無論是有沒有設定都強制開新視窗，是不是相當方便

今天介紹一個不錯的製作 favicon.ico 線上工具

http://www.xiconeditor.com/

有的時候，我們必須要在離開頁面之前檢查 From 是否有被改變而提出警告，這個時候以下的 Code 就非常的好用

原理就是將 Form 內的所有值 Hash 起來

然後在頁面離開之前檢查是否 Hash 改變而提醒用戶