ⓒ400多種JS函式庫整理 - JavascriptOO

網站名稱：JavascriptOO
網站類型：函式庫整理
網站連結：http://www.javascriptoo.com/
使用範例：


後記：
這個網站真是蒐集了非常多的函式庫，而且還有簡單的Demo它的使用結果，方便於要用時可以搜尋。

ⓒ雜湊與加密

首先引用維基百科的定義：

http://zh.wikipedia.org/wiki/雜湊
雜湊 是電腦科學中一種對資料的處理方法，通過某種特定的函數/演算法（稱為雜湊函數/演算法）將要檢索的項與用來檢索的索引（稱為雜湊，或者雜湊值）關聯起來，生成一種便於搜索的資料結構（稱為雜湊表）。

http://zh.wikipedia.org/wiki/加密
加密 在密碼學中，加密是將明文信息隱匿起來，使之在缺少特殊信息時不可讀。

其實兩者是有些差異的，在網路上常會見到有人說MD5加密、SHA加密，不過其實嚴格來講雜湊只能算是一種加密的方式，而且只有使用雜湊其實並不安全，在這裡列出一個比較好的方法，能防止大多數的情形，以下分為幾個重要的部分：

1. 可以不在前端做雜湊，但一定要使用SSL加密。

2. 密碼要先做salt動作：
password = password + salt;

3. 可以在MySQL上使用雜湊，如：
MD5(password), SHA1(password), etc.
或是使用各種程式語言的雜湊函式，
速度上MySQL預設的方式會比較快一點點但是差距甚小，
不管是使用哪一種的雜湊方式都只能防君子難防小人，
只要選擇一個不容易很快被解密的方法即可，
例如現階段來說SHA256或SHA512就已經不錯用了。

4. 可以使用MySQL預設的加密解密工具：

加密	解密
DES_ENCRYPT(str,[{key_num | key_str}]);	DES_DECRYPT(crypt_str, [key_str]);

5. 使用更難被猜測的加密算法，如：
PBKDF2, bcrypt, scrypt, etc.

6. 最重要的還是要勤於更新軟體版本，以及程式的撰寫要夠嚴謹。

後記：
以上方法只能適用於一般的網站，
若要商用的話勢必要參考商用的安全規範，
並找尋具有更專業知識的專家來規劃設計，
這些資料是來自於Facebook上的網友們熱心的幫忙，
站長簡單做個心得整理。

ⓒ在Windows架設MongoDB服務超簡單

軟體名稱：MongoDB
軟體類型：NoSQL Server
官方網站：http://www.mongodb.org/
官方載點：http://www.mongodb.org/downloads

1. 首先到官方網站下載MongoDB的Zip壓縮檔，並解壓縮到一個地方。

2. 解壓縮MongoDB後，在目錄下建立兩個資料夾，『data』用來放置DadaBase，『logs』用來放置紀錄檔。


3. 建立『Start.bat』啟動檔與『Stop.bat』停止檔，然後執行『Start.bat』即可啟動伺服器並在背景服務運作。


『Start.bat』內容：
@echo off cd /d %~dp0 bin\mongod --dbpath "%cd%\data" --logpath "%cd%\logs\log.txt" --install --serviceName "MongoDB" net start "MongoDB"

『Stop.bat』內容：
@echo off cd /d %~dp0 bin\mongod --remove --serviceName "MongoDB"

注意事項：
如果移動了目錄位置，請記得按下停止檔，然後再重新執行啟動檔！

後記：
就是這麼簡單，MongoDB是一套很容易上手的NoSQL，因為其架構最像SQL，很容易可以從關聯式資料庫經由反正規化轉換成NoSQL的方式，但要注意的是並非所有的資料庫都適合轉成NoSQL，也許兩者互相搭配會是一個不錯的選擇。

關鍵字：MongoDB、Windows、NoSQL、Service、Batch、背景執行、服務、免安裝、批次檔

の大同電鍋 TAC-10A BG (芭樂綠) 開箱文

購入地點：嘉義市西區家樂福
購入價格：新台幣1780元整
購入日期：2013/7/20

前言：
就在上周六，站長徵求了母親大人的同意買了俺夢寐以求的大同電鍋(淚奔，廢話不多說就來開箱吧XD


嘟嘟嘟嚕大大大，這就是傳說中窮學生出門在外超實用的大同電鍋了!!


沒錯!! 正如大家所熟知的，飯、粥、蒸、燉功能簡單用途多多阿!!


在目睹廬山真面目之前呢，總是得來看看它的規格 ~沒錯站長買的是10人份的，而且是BG拔辣綠唷XDDDD+
大同電鍋的消耗功率是800W，宿舍的無熔絲開關極限為20A，以公式帶入：
功率P(瓦特)= 電流I(安培) * 電壓V(伏特)
800W < 2200W = 20A * 110V
看起來是能夠稱得住=w=b


喔喔 ~ 打開了，看到頭了(?) XD


感動 ~ 看到三視圖是該痛哭流涕的時候了嗎(诶!?


那再來個上視圖不就要樂極生悲了(誤


其實剛買的時候我還挺擔心開關會不會沒有那塊塑膠，因為大賣場裡頭每一台大同電鍋開關的那顆塑膠都不見啦...囧


插座嘛...至少是不會被幹走的(汗"


來看看這個金光閃閃的鍋蓋，相信過不了多久就看不到這個光景了XD


這是附送的內鍋 ~ 可以煮飯用的輕鋁鍋唷OwOb


鋁鍋當然有附一個鋁蓋囉，蓋起來剛剛好~


同樣淚光閃閃的淚鍋，這不意外會跟那閃亮亮的外蓋一起墮落...Orz


內鍋可以放上一個蒸盤，要蒸什麼東西就都很方便囉ˊˇˋ


那麼最後來看看全部的配件吧，其實該有的都有了，就是一個標準的大同電鍋阿XD


如果你以為開箱文就只是開箱，那就大錯特錯了，除了開箱我還要給他開膛剖肚AwA+


嘿嘿...扒開它的屁屁一探揪竟AwA (薄片電阻上那是沾到固定膠不是生鏽=A=)


稍微解釋一下，為什麼大同電鍋可以這麼耐用，其實煮完飯後圖上的黃色箭頭位置會跳起來以將加熱模式開關斷電，這其實是因為它內部採用了熱變型金屬簧片的機械式結構，當內鍋提供降溫的水蒸發完畢後電熱盤溫度就會升高，當升高到一定的溫度後就會引發金屬簧片變形而觸發加熱模式開關也就是會跳起來代表煮好了，跳起來後電的流向被改變而強迫經過保溫電阻片，之後因電流下降而使電熱盤效率降低所以電鍋變成保溫模式，另外若您的電鍋不幸往生時不要緊張，也許只是電鍋過熱送廠維修幫您換上一個新的保險絲大概就能救回來了。


最後要看到這張圖，其實大同電鍋設計者很聰明，大同電鍋底下的大開口材料其實完全不浪費，怎麼說呢? 請看下張圖。


仔細一看鍋底的開口形狀其實就是底盤蓋子的形狀轉個角度而已，這樣的模具設計真是不會浪費沖床沖壓下來的材料，轉個角度蓋上去加顆螺絲就變成底蓋了，您說這設計者揪竟聰不聰明呢=w=b

後記：
相信這個開箱文是能夠幫助大家認識大同電鍋，也讓大家買的時候避免買到少了零件的黑心貨，最後祝大家身體健康。

ⓒPortable Node.JS+npm+express Windows開發環境建置

必要官方網站套件：
Node.JS(node.exe)：http://nodejs.org/dist/latest/
NPM(npm-1.3.4.zip)：http://nodejs.org/dist/npm/

建置環境：
1. 在任意位置解壓縮npm-1.3.4.zip及放置node.exe於相同目錄。


2. 以目錄『C:\NodeJS』為例安裝Express套件，執行cmd視窗，鍵入『cd /d C:\NodeJS』移動到該目錄，再鍵入『npm install express』開始自動下載Express套件。


3. 建立一腳本『main.js』放置於『C:\NodeJS』目錄，內容如下：
var express = require("./node_modules/express"); //套件express之相對路徑 var app = express(); var port = 1337; app.listen(port); app.get("/", function(req, res){ res.send("Hello World!!"); }); console.log("Start express server");

4. 建立一啟動檔『Start.bat』放置於『C:\NodeJS』目錄，內容如下：
node main.js

5. 執行『Start.bat』即可啟動伺服器，鍵入『http://localhost:1337/』即可瀏覽網頁，如首圖為結果。

參考文獻：
http://book.nodejs.tw/zh-tw/node_express.html

後記：
Node.JS為一具有良好前瞻性之技術，
此乃提供學子基礎學習建置之用，
若有任何疑問歡迎留言指教。

ⓒ使用Squid架設Proxy並建立密碼 for Windows

在家裡想捉檔案卻沒有學校的IP時該怎麼辦呢?
或是在自家電腦能讀取的網頁，在公司卻出現被擋掉封鎖的情形，
這時候架個私人的Proxy Server也許就是個不錯的方法唷。

使用軟體：
Squid 2.7 (開發版本)
http://squid.acmeconsulting.it/

htpasswd.exe
可以在 Apache 裡找到。

設定步驟：
1. 為求方便我們將下載回來的Squid放在『C:\』的目錄下，並將名稱設成『squid』。

2. 找到『etc』目錄下的『cachemgr.conf.default』、『mime.conf.default』、『squid.conf.default』、『squid_radius_auth.conf.default』四個檔案，複製並去掉檔名後面的『.default』成為新的檔案『cachemgr.conf』、『mime.conf』、『squid.conf』、『squid_radius_auth.conf』。

3. 執行『cmd』命令以產生cache目錄：
c:\squid\sbin\squid.exe -z

4. 打開『squid.conf』設定檔，

4.1 找到：
# auth_param basic program c:/squid/libexec/ncsa_auth c:/squid/etc/passwd
改成：
auth_param basic program c:/squid/libexec/ncsa_auth.exe c:/squid/etc/passwd

4.2 找到：
# auth_param basic children 5
改成：
auth_param basic children 5

4.3 找到：
# auth_param basic realm Squid proxy-caching web server
改成(其中YOUR_SERVER_NAME請改成你想要的名字)：
auth_param basic realm YOUR_SERVER_NAME

4.4 找到：
#acl password proxy_auth REQUIRED
改成：
acl password proxy_auth REQUIRED

4.5 找到：
http_access deny all
改成：
http_access allow password

若您有『DNS Name Servers』也可對『dns_nameservers』進行設定。

5. 再來建立密碼檔，執行『cmd』命令移動到『Apache』裡的『bin』目錄：
cd /d C:\Apache24\bin
再執行：
htpasswd -c c:/squid/etc/passwd admin
然後輸入兩次密碼即可，其中『admin』是使用者名稱可自行修改，但經測試後似乎不支援大寫字母。

6. 所有步驟完成後即可執行『sbin』資料夾內的『squid.exe』執行檔即可開始使用，若要建立開機啟動服務請在『squid』目錄下建立下面兩個檔案：

Install.bat
@echo off c:\squid\sbin\squid -i -n Squid net start "Squid" /yes

Uninstall.bat
@echo off net stop "Squid" /yes c:\squid\sbin\squid -r

Chrome設定教學：


後記：
個人使用上如此設定就蠻好用的了，若要多人的話還是建議多深入了解並架設在Linux系統上囉^^

2013.7.8
更新Chrome設定Proxy教學。

2015.10.14
Windows 8 請使用管理者權限執行

ⓒHDTune 2.53 磁碟掃描工具

軟體名稱：HDTune 2.53
軟體類型：系統資訊
軟體性質：免費軟體
中文化作者：Shiva
官方網站：http://www.hdtune.com/
軟體下載：https://mega.co.nz/#!NIFkTQQD!cUbG4Az9VCqWxilCrEjQwR4-4vsgO0L4wXOF5axE0F0

後記：
由於站長已經越來越少在找軟體來用，
把這好用的小工具都給遺忘了，
所以在這裡稍微推薦給大家:)

ⓒ網路連線路徑查詢語法

Windows 語法如下：
tracert

Mac 語法如下：
traceroute

後記：
沒有做個紀錄真的不行，
老是忘記這個指令怎麼打，
每次都要Google一下...
但像這次問題就出在Google的時候，
搜尋就整個超麻煩的Orz

Emeditor使用Regex提升搜尋效率

這是一段原始碼：

init : function() { //初始年曆參數
    space = ((year-1)+parseInt((year-1)/4)-parseInt((year-1)/100)+parseInt((year-1)/400)+1)%7;
    for(m=1;m<=12;m++) {
        if(m==4||m==6||m==9||m==11)
            month=30;
        else if(m==2&&(year-1980)%4==0)
            month=29;
        else if(m==2)
            month=28;
        else
            month=31;
        document.getElementById("show").innerHTML += "\nMonth: " + m + "\n" + this.showmonth(space,month);
        space=(space+month)%7;
    }
}

在撰寫程式的時候修改總是難免的，在進行修改的時候找尋修改的對象是一定會遇到的過程，當程式不長的時候我們還能土法煉鋼的找到想要找的目標，但是當程式開始變長的時候呢? 在說到搜尋的方法之前，先來了解一下本篇文章提到的正規表示法吧，正規表示法其實是程式在做字串比對常使用到的一個表示方法，它能讓我們定義一個字串的形式，例如電子郵件信箱的格式：

[a-zA-Z0-9]+\@[a-zA-Z0-9\.]+

這個範例是在規定@前面是英數，後面是英數及點，而利用這樣的表示式我們就能進行字串比對的工作。那麼回到本文的重點，其實Emeditor的搜尋就有支援讓使用者使用正規表示的方法搜尋，例如我要在本文一開始放上的原始碼同時找尋month及year兩個變數的關係，你會發現一般我們需要對這兩個變數各自搜尋，但是當我們程式碼一多的時候很有可能要多次的來回搜尋，這時候我們就可以利用剛剛學到的正規表示式的方法來進行搜尋，首先將Emeditor搜尋選項中的使用正規表現打勾，然後在搜尋條件貼上下面表示式：

(\smonth|year)

此範例為搜尋\smonth或year的字串格式，其中\s為空格的意思，由於搜尋month會得到month、Month、showmonth，所以加上一個空格避免搜尋到錯誤的目標，其搜尋結果如下圖：



看完了範例以後，有沒有覺得正規表示式真的超好用的呢? 趕緊好好學習正規表示法來小試身手吧!!

關鍵字：Emeditor、Search、Regex、Regular Expression

ⓒ桌面錄影CamStudio

軟體名稱：CamStudio
軟體類型：桌面錄製
軟體性質：免費軟體
軟體官方：http://camstudio.org/

介紹：
CamStudio是一套輕巧簡單易用的桌面錄影軟體，可以輕鬆錄製您在桌面的一舉一動，製作成一個簡單的操作過程影片，本軟體支援AVI、SWF兩種輸出格式，同時也是個非常適合放在網路上的檔案格式。

載點：
官方英文版：http://sourceforge.net/projects/camstudio/
綠色工廠免安裝英文版：http://portable.easylife.tw/372
阿榮福利味免安裝中英文版：http://www.azofreeware.com/2007/01/camstudio-20.html
ELiuPortable免安裝中文版：http://eliuportable.com/camstudioportable

後記：
雖然這套軟體是老字號，但站長卻是最近才開始使用這套軟體，在使用這套軟體之前，站長一直都是使用Wink來製作動態教學，但最近因為學校作業的關係，需要匯出AVI檔案作為備用的程式Demo，使用了這套老字號的錄製軟體後，發現其效果挺不錯而且蠻方便的。

☆SolidWorks畫3D愛心的方法

站長心血來潮想到畫顆愛心，就搬出SolidWorks來練習一下，順便試試新版PhotoWork場景材質的用法，那麼話不多說就開始來畫3D愛心吧!

1. 先繪製一個前視圖的草圖平面，在上面畫出正面的半個愛心。


2. 選擇側視圖的草圖平面，再繪上側面的半個愛心。


3. 把剩下對稱的另一半愛心也繪製上去，因為下個步驟需要使用4個面的疊層拉伸。

4. 進行疊層拉伸，並選擇『封閉疊層拉伸』讓愛心成為一個完整封閉的實體。


還是不會沒關係，把檔案下載回去看：
SolidWorks 2010 - Heart.SLDPRT

ⓒVirtualBox Host-Only Network 無法辨識的網路

您是否遇到在網路和共用中心中『VirtualBox Host-Only Network』顯示『無法辨識的網路』?


或是在網路連線中『VirtualBox Host-Only Network』顯示『無法辨識的網路』?


這個問題在國外網站上已經有人解答，請按照下面說明修改：

1. 首先執行『regedit』進入登陸碼編輯器，如下圖所示。


2. 進到『HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E972-E325-11CE-BFC1-08002BE10318}』位置。

3. 在該位置下有許多筆目錄，請找到其中一組『DriverDesc』名稱為『VirtualBox Host-Only Ethernet Adapter』的即為VirtualBox網路連線的設定。

4. 請右鍵新增一組『DWORD』，名稱為『*NdisDeviceType』，值為『1』，如下圖所示。


5. 停用再啟用網路連線，或是重開機即可。

附註：
若您懂得如何使用PowerShell，可複製下方程式碼建立自動修改工具
$devices = "HKLM:\SYSTEM\CurrentControlSet\Control\Class\*" $adapters = Get-ItemProperty $devices | Where-Object {$_.Class -eq "Net"} | Foreach-Object { $_.PSPath } Get-ChildItem $adapters -erroraction silentlycontinue | Foreach-Object { get-itemproperty -path $_.PSPath } | Where-Object {$_.ComponentId -eq "sun_vboxnetadp"} | Foreach-Object { Set-ItemProperty -path $_.PSPath -name "*NdisDeviceType" -Type DWORD -Value 1} Get-WmiObject -Class Win32_NetworkAdapter | Where-Object {$_.Name -like "*Virtualbox Host*"} | Foreach-Object {$_.Disable(); $_.Enable()}

參考文獻：
Fix: Virtualbox causes "Unidentified" network on Vista and Windows 7

ⓒLG P500 ICS 4.1.2 升級

繼上篇LG P500 ICS 4.0.4 升級後，站長這次又刷了新版的4.1.2囉，依維基百科的說明，本次的更新主要是修正些許BUG以及增加系統的穩定性，介面也些微的改變了。

[警告] 刷機有變磚風險請自行負責，紀錄僅供參考。

未升級前：
Android ICS 4.0.4 v20g 已 Root

安裝包：
[ROM][4.1.2][CM10][UNOFFICIAL]LG Optimus One Family CM10[Jan. 8, 2013: Build 7/Final](cm-10-20130108-UNOFFICIAL-p500.zip)
[GAPP] Google Apps Lightweight for ARMv6(gapps-jb-4.1.2-light-20121130-signed.zip)

安裝流程：
1. 先把檔案放進SD卡內。
2. 按下『Home』+『Volume Down』+『POWER』進入CWM畫面。
3. 安裝ROM的Zip檔案。(注意不可以連同GAPP一同安裝)
4. 進行系統的第一次啟動。
5. 再次進入CWM畫面安裝GAPP。
6. 重開機即完成。

注意事項：
1.若連同GAPP同時安裝將導致部分功能問題，如Home鍵無效。

超頻前：


超頻後：


雖然速度上與4.0.4比較似乎有些微的下降，不過跑分本來就是大概的數值，也許關閉某些背景軟體就會更快，

後記：
這次的系統版本有比之前安裝的穩定多了，功能也比較齊全，速度上是差不多的，有興趣的朋友不彷試試看:)

ⓒ視窗飛出窗外怎麼辦?

今天研究室學弟跑來找我，說他螢幕上的視窗跑到外面去了，桌面整個空白一片不曉得該怎麼辦，桌面上按右鍵內容也叫不出設定畫面，因為設定畫面也跑到外面去了。

這時我想起了過去用過的一個方法，使用熱鍵移動視窗來解決這個問題。

步驟：
1. 首先我們要知道的是這組熱鍵『ALT + SPACE』是用來叫出圖片上左上角的選單。



2. 按下熱鍵『M』就可以進入移動模式，但請別著急著移動你的滑鼠。

3. 請任意按『上下左右』鎖定移動模式，這樣才能讓你的視窗被固定在滑鼠上。

4. 可以開始移動你的滑鼠，把消失的視窗給拉回來囉。

後記：
很簡單的方法，但是平常都沒有用到，需要用的時候又忘記熱鍵是啥，或是沒有先按個上下左右就移動，在此我們將小細節給記錄下來方便後人使用。

☆簡單實用的愛情時計

寫程式不只是用來賺錢的也能應用在生活中的唷，
站長與閃光在一起後也寫了些簡單小程式來提升彼此的戀愛分數，
其中一個就是『愛情時計』，它是個非常簡單的時間累加器，
用來計算您與戀人共渡了多少的時光，
是不是非常的簡單又能提升彼此的感覺呢ˊˇˋ

如果您也跟站長一樣使用Blogger來撰寫部落格，
可以在版面配置增加一個『HTML/JavaScript』小工具：


先將程式碼中的『2011/11/11 11:11:11』改成您相戀的時間點，
再把程式碼貼上去，並填上您想要的標題即可：


程式碼如下：
<span id='loveboxy'></span> <script type="text/javascript"> var loveboxy = new function() { return { startDay : new Date("2011/11/11 11:11:11"), t : 0, show : function() { var s = this.t; var m = s/60; var h = m/60; var D = h/24; document.getElementById('loveboxy').innerHTML = "已共渡" + parseInt(D) + "日" + parseInt(h%24) + "時" + parseInt(m%60) + "分" + parseInt(s%60) + "秒"; }, init : function() { this.t = (new Date() - this.startDay)/1000; this.show(); window.setInterval(function() { loveboxy.t += 1; loveboxy.show(); }, 1000); } }; }; loveboxy.init(); </script>

很簡單，卻實用，
聽到閃光說我們已經在一起了多久，
是不是會感覺到非常的甜蜜呢ˊˇˋ