[Javascript] 在網頁畫線的方法蒐集

記錄一下網頁上如何畫出線條的方法

D3.js with SVG

https://bl.ocks.org/mbostock/f705fc55e6f26df29354

http://jsfiddle.net/9tr7w/360/

Canvans

[php] 用命令提示字元檢查語法是否有誤

今天寫物件發生一些sytax錯誤，
開了display_errors, error_reporting都沒什麼錯誤印出來。
於是直接使用cmd line語法檢查..

php -l UserScoreGradeDAO.class.php 

No syntax errors detected in UserScoreGradeDAO.class.php

就會告訴你錯在哪一行了，真的方便多了。

[CSS 3] 描繪路徑

http://codepen.io/paintbycode/pen/JDbcF/
下拉Iron Man範例

如果要用Stroke效果來描述的話，需要計算path的數值。

以下記錄一下計算的方法

純JS

var path = document.querySelector('path');

var length = path.getTotalLength();

jQuery的方法

var path = $('#目的元素').get(0);

var pathLen = path.getTotalLength();

[Html] 電子信箱的html support

如果有需要在電子信箱裡面撰寫html的朋友可以參考一下以下這個網頁
看來還是要寫inline css 最安全 XD

http://templates.mailchimp.com/resources/email-client-css-support/

[ubuntu] 調整系統時間與時區

最近在裝VM踩到系統時間未設定正確的雷，導致API的授權認證一直過期。
記錄一下這個腦洞的錯誤。


#查看系統時間 (發現時間錯誤)
date

Sun Apr 10 19:12:58 CST 2016 

#國家時間與頻率標準實驗室

sudo ntpdate time.stdtime.gov.tw

Tue Jun 14 10:20:14 CST 2016

#將硬體時間與系統時間同步

sudo hwclock -w

#重設時區 (需為root的權限)

sudo dpkg-reconfigure tzdata

Local time is now:      Sun Apr 10 19:14:39 CST 2016.

Universal Time is now:  Sun Apr 10 11:14:39 UTC 2016.

[C] error: unknown type name 'bool'這種錯誤

error: unknown type name 'bool'這種錯誤
可以加入#include

或換編譯 C99之後才有 http://zh.wikipedia.org/wiki/Stdbool.h

[ubuntu] 常用的指令

記錄一下常用的指令集

安裝SMB

#安裝
apt-get install samba


#安裝完畢後，先暫停服務修改設定檔.
/etc/init.d/samba stop


#編輯設定檔
sudo vim /etc/samba/smb.conf


#測試設定檔有無錯誤 (不用在指定的目錄下執行即可)
testparm





#重新啟動
/etc/init.d/samba restart

#顯示目前smb的狀態

sudo smbstatus


#新版後的ｕｂｕｎｔｕ

sudo service smbd start

Stop

sudo service smbd stop

Restart

sudo service smbd restart

網路設定

[CSS] 使用css transition 做出underline的效果

作者示範了各種underline的動畫效果，有需要的朋友可以參考一下。
我的案例需要下圖中記錄的SlideIn效果。

http://bradsknutson.com/blog/css-sliding-underline/