判斷上網設備(手機,桌機)，並動態導向至可不同網頁

◆ 程式目的： 判斷上網設備（手機,桌機）並動態導向至不同網頁

◆ 注意事項： 以下程式必須放在HTML head > meta > titile 之後的第一時間執行

◆ split("/")技術細節說明

　　※web url sample: https://a.b.c/web_root/language/real_root/sub_folder
　　※web_root == folder of: desktop, mobile, ftp, ...
　　※language == en, tw, cn, ...
　　※real_root == index.html, index.php, folder name of project, css, imgs, js, ...
　　
　　aUrl[0] == https:
　　aUrl[1] == null
　　aUrl[2] == a.b.c
　　aUrl[3] == web_root
　　...

◆ Javascript Source Code
<script>
　　// web url sample: https://a.b.c/web_root/language/real_root/sub_folder
　　var sOriginUrl = document.URL;
　　var aUrl = sOriginUrl.split("/");

　　if (aUrl[3] === "desktop" && (aUrl[4] === "" || typeof aUrl[4] == "undefined")){
　　　　window.location = "/desktop/<language>";
　　} else if (aUrl[3] === "mobile" && (aUrl[4] === "" || typeof aUrl[4] == "undefined")){
　　　　window.location = "/mobile/<language>";
　　}

　　var gotoNewWebLocation = function() {
　　　　var w = window,
　　　　　　d = document,
　　　　　　b = d.getElementsByTagName("body")[0],
　　　　　　e = d.documentElement,
　　　　　　x = e.clientWidth || b.clientWidth,
　　　　　　y = e.clientHeight || b.clientHeight;
　　　　
　　　　// 舊手機規格以「768px-1」為判斷依據。Bootstrap 4 已改為「1200px-1」
　　　　// 本人建議，仍須考量幾個手機螢幕規格的判斷點：
　　　　// 　　　　1440x810, 1600x900, 1920x1080, 2560x1440
　　　　// 其中，以 1920 x 1080 為門檻（人類視覺只要超過1920px就無法分辨出差別)
　　　　
　　　　// 注意 n == 所要判斷字串的字數，若是en, tw 則是 2
　　　　if (x <= 767) { // or 1079
　　　　　　if (aUrl[3] == "desktop" && aUrl[4].substr(0,n) == "<language>" ) window.location = "/mobile/<language>";
　　　　} else {
　　　　　　if (aUrl[3] == "mobile" && aUrl[4].substr(0,n) == "<language>") window.location = "/desktop/<language>";
　　　　}
　　};
　　gotoNewWebLocation();
　　
　　if (window.addEventListener) {
　　　　window.addEventListener("resize", gotoNewWebLocation);
　　　　window.addEventListener("orientationchange", gotoNewWebLocation);
　　} else if (window.attachEvent) { // 相容IE事件
　　　　window.attachEvent("onresize", gotoNewWebLocation);
　　}
</script>

清單 - Web 開發注意事項

編輯

※資料還不多，未來再連結至不同清單

◆ CSS
　⦁ 某些宣告出現無法覆蓋現象，要注意是否有先使用「優先權語法」
　　宣告，例如「 !important 」。

　⦁ display
 　　・display == flex or inline-flex 時
　　　　- align-items　　：　父層有設定，則子層設定無效
　　　　- justify-content　：　子層設定有設定，則父層設定無效


◆ RWD
　⦁ 判斷上網設備(手機、桌機)，並動態導向至可不同網頁

清單 - 投資理財

◆ FIRE (Financial Independence Retire Early)
　⦁ 成功法則，與 4% 退休法則

成功法則，與 4% 退休法則

2019-11-07 12:03經濟日報 記者楊伶雯。出處

曾獲評選為第一名外資分析師、現為異康集團暨青興資本首席資深顧問的楊應超以40出頭的年紀就退休了，現在可以開心的做自己想做的事，很多人都好奇，他是怎麼做到的，怎麼樣才可以得到財務自由、提早退休，楊應超透露，其實最重要的只有一件事，就是「習慣」，「習慣好了，基本上賺錢很容易，真的很容易」，他強調，要靠工作賺錢，達到「FIRE（Financial Independence Retire Early）」財務自由、提早退休的目標，之後的投資也很簡單，就是買股票及債券，不用挑股，只要買美國ETF就可以了。

楊應超在2008年達到財務自由後首度從投資銀行退休，2016年巴克萊銀行退出亞洲業務時，第二次從投資銀行退休，退休後的3年間，他用分析師的精神，真的研究出一套很可靠的計算方法，可以算出來如何提早退休，達到FIRE的目標，他說，這一個計算法則是經過很多財務專家、會計師、理財專家真的驗證過的，很有效，很精準，很可靠的計算方法，就是所謂的4%法則。

楊應超指出，FIRE這個運動在美國這3~5年是非常流行的一個運動，Financial Independence是財務自由，Retire Early就是提早退休，雖然是說提早退休，但比較注重的是財務自由，因為財務自由之後才能做自己想做的事情，不是說退休之後在家什麼事都不做，而是要做自己想做的事情，這才是真的人生目標。

他說，每個人基本上從25~65歲，大學畢業之後，40年是人生最菁華的40年，通常大家都是上班到65歲退休領退休金，FIRE概念就是，如果人生最菁華40年，全部奉獻給公司有點可惜，為什麼不早點錢存夠做自己想做的事情 ，而且做自己想做的事情搞不好還會賺更多錢。

楊應超舉例，大家常問說郭台銘那時候退休？或者去選總統？「我一直講說，他會做到最後一天，就跟王永慶一樣，這些人不多，那也很恭喜他們找到一個真的喜歡做的事情，順便賺點錢。」但大部分的人是被工作綁住，不得不上班養家，FIRE運動就是讓大家存到一筆錢做自己想做的事，也就是財務獨立的一個概念。

財務自由這件事情，很多人第一個問題就是要存到多少錢才能退休，楊應超表示，很多雜誌就隨便扔一個數字出來，有點不太負責，因為每個人的花費不一樣，不可能隨便扔一個數字，所以在退休的三年時間就花了分析師的精神，真的去研究一套很可靠的計算方法，叫做4%法則，也就是說錢存到夠多，裡面的4%可以付一年的費用，就達到退休目標，4%的錢能過活，就有資格退休了。

楊應超表示，基本上存到每年花費的25倍就是4%法則，所以首先要知道每年要花多少錢，要做預算，假設每年花100萬元，25倍就是2,500萬元，就可以退休了，這些錢指的是日常開銷所需要的金額，不是說突然想買一部車，如果算的更精準的話可以設立不同的基金，例如可以設一個小基金是買房基金、醫療基金、旅遊基金等。

存到可以退休的錢之後，當然不可能放定存，這筆錢就拿去投資，楊應超說，基本上一半股票、一半債券就沒問題，或者是60%股票、40%債券積極一點也可以；一半股票、一半債券差不多這70、80年的長期報酬率大約是7~8%，拿7%比較保守一點來算，每年賺7%，4%拿來花，3%存回去當做通貨膨脹，這樣即使退休後的購買力也不會消失。

楊應超強調，透過4%法則存到退休金，用實際數字來算，基本上70%的機會是花一輩子沒問題，如果比較衰的遇到股市大跌、金融風暴等，再怎麼衰，也可以花29年，所以65歲退休加上29年，可以花很久；更保守的話就是用3%法則，就是存每年花費的33倍，存到這個錢就不用擔心，就安全的退休。

他以自己為例說明，退休時也怕萬一這錢沒存夠，所以真的花很多次算，算到一個自己覺的可以了，才真的就不做事了，楊應超說，他以3%法則來存；至於要多久才存的到，也有一個存錢表，假設可以存薪水50%，每年賺的錢花一半存一半，17年就搞定了，存愈多當然就愈快退休，例如存40%就是22年，20%就是37年，大部分人都是20%，約是60多歲退休。

楊應超最近出了一本書，財務自由的人生，他說，原本想寫的勵志書，因為想寫一些建議給年輕人，上班什麼這些習慣，後來發現大家對賺錢比較有興趣，財務自由，也不是壞事，只要習慣做好，賺錢是很容易的事情，打比方說，有點像開跑車，跑車不管怎麼樣多快、多漂亮，沒有油是跑不動的，所以想讓大家先把油加好才跑的快。

楊應超表示，在書中就說明了兩個問題，一個是多久可以退休?一個是存多少錢?至於投資股票及債券要怎麼選?楊應超語出驚人的說，不要挑股，因為挑股很難，建議大家不要挑股，就只要買美國的ETF就好，很簡單，只有3種，「我現在都這樣放，什麼都不要煩，也不用挑股也不用做功課，就放在那裡就好，就等於買美國股票」。

債券也是買ETF，不過，債券較多，就要自己去挑選安全重要，股票目的是賺錢，債券目的是保本，保本就是不需要賺錢但風險要夠低，如果買公司債就要買A評等以上，但A評等以上利息低，重點是安全，公司不能倒，債券就是定存，長期定存，選不同公司，不同評等。

楊應超表示，除了教大家怎麼挑股票，怎麼找工作之外，最重要的是教大家要養成習慣，做事的習慣、成功的習慣，「習慣好了，基本上賺錢很容易，真的很容易」，他強調，賺錢要靠工作賺錢，不能靠投資賺錢，方法是投資不需要理財，是錢放那兒就好，挑股太難了，把時間花在公司裡好好上班，加薪、升職，「就像我這樣子賺這個錢比較實在一點」，存到錢退休，錢再拿來投資，而不是把時間拿去炒股票，找好工作，像台積電、鴻海，薪水也不少，這樣存的才快。

楊應超透露，會想寫書，是想把一身的武功秘笈傳給小孩、給大家，因為都是靠自己努力的，被騙很多次，希望把經驗傳承下去；有句話說：「佛祖講的學生準備好了，老師才會來，我寫那麼多東西，你沒有準備好還是聽不懂，希望大家準備好。」