關於 header 網頁 ，我們在網路上蒐集到這些相關的討論、資訊與評價

【#Top心靈 成熟友誼特質】友誼並不是單向的，除了要用心對待朋友外，都要了解自己在朋友心中的地位～
-----------------------------------
🏖️【TapNow玩樂著數優惠】
柏寧酒店Staycation人均低至$495
套票優惠 👉🏻 bit.ly/2VzMQQD
K11 ARTUS海景套房Staycation優惠!
連雙人早餐 + 下午茶 👉🏻 bit.ly/2VslwnV
—————————————————
想睇更多OL專屬最新美容時尚資訊，即Follow Instagram：
www.instagram.com/topbeautyhk/
🛎️即subscribe我們的Youtube, 看更多影片:
https://bit.ly/2BENimL
—————————————————
立即在網頁版的Cover Photo下方，按“Follow”按鈕，然後選擇“See First”！
—————————————————
若有任何美容、潮流與產品資訊的新聞稿，歡迎Inbox或電郵至info@topbeautyhk.com！廣告合作請電郵至[email protected]結婚不是修成正果，而是修行的開始
XMA Header Image
【即興出走宅度假 $989起】 柏寧酒店 The Park Lane Hong Kong - A Pullman Hotel｜包早餐 、免費興趣體驗班 、延遲退房

剛剛在整理筆記的時候，發現兩年半前還在前公司就應該要發的文章一直躺在筆記裡面，快點整理一下 po 出來。

---

這是第三篇關於 log 的文章，應該也是最後一篇了，這次來聊聊如何讓開發者用 log 了解自己發出的 API 流程是否正確及如何提升效率。

強者小編同事用 python 寫的 log 整理工具，其實就是把 AP 吐出來的一堆多行 debug log，轉成只有 header、url、執行時間的單行 log。所以其實可以把產生出的 API log 再用其他 Linux 指令，即時顯示給開發者看。

---

這麼做的好處不少，對 frontend 來說，可以避免下列問題發生：

1. API 誤用：A 畫面應該是要串 a API，可是卻串到了 b API，又或是串成了 a' API。串成 b 是有點誇張啦，但最近 review 後發現 a' API 倒是比較常出現，像是參數帶錯之類的。
2. 誤解 API 流程：流程應該是串 abc，可是卻串成了 acb。有時候這不是什麼大問題，但在注重流程的 App 上這就很嚴重了。
3. API 狂發：流程應該是串 abc，但卻變成了 abbbcc。這個問題在使用上比較難發現，因為會有這類問題的大都是 GET API，依 RESTful GET API 的 idempotent 特性，無論執行多少次 GET，結果都會是一樣，所以也就更難發現問題了。

---

對 backend 來說的好處也不少：

1. 了解 cache 設計方向：像是剛剛的第 3 點問題，在 frontend 還沒更版前，backend 可以先加上 Cache-Control 機制，把大量的無效 request 從資料庫轉移到 Cache 裡面，當然 frontend 本來就要有這機制才行。
2. 了解每支 API 的效率：開發 API 沒幾個重點，就是流程正確、執行速度快，其中執行速度也是最難處理的一塊。所以了解 API 的處理速度，才有辦法做最佳化。

用這套工具就可以把上面提到的幾個重點一一檢視，也發了十幾個 issue 給 frontend 及 backend，算是 CP 值很高的一個開發。

---

至於技術細節，其實也就下面兩個重點而已：

1. 用 SocketIO 建置一套 WebSocket Server，然後放兩個輸入框，表示要訂閱 (subscribe) 的 log 來源及要監視的 user id
2. 用 tail -f 將 log 即時 pipe 到強者同事寫的 log 整理工具，再用 awk 把需要的欄位輸出，最後將輸出的欄位發送到 WebSocket Server

這個即時顯示 log 的網頁從發想到完成，工時應該只有兩三個小時吧，但發揮的效用可說是非常的大，今天就靠這個網頁開了十幾張單，算是最近小編蠻能說嘴的一項工作了吧 XDDD

* https://www.facebook.com/kewang.information/posts/2058766574399706
* https://www.facebook.com/kewang.information/posts/2085843121692051

#socketio #websocket #log

感謝 #ButterflyMsia 我的部落格換了新面貌❤️

這麼多年我辛苦研究了很多次coding，為的就是希望我的部落格看起來整齊舒心。換了幾次設計可是還是覺得哪裡不是很對勁，果然這種事還是交由專家來做就好😂，這個新的部落格設計看得我雙眼冒愛心，大愛❤️

真的非常感謝 The Butterfly Project 對於我這個無厘頭部落客的厚愛，給予我部落格一個這麼棒的設計。超大吸睛首頁banner對於我這個模特兒部落客來說是個must！一看就知道部落客是模特兒對不對！真的好感謝 Plus Size Kitten Tammy的貼心，為我打造了一個符合我形象風格的部落格設計。

這個月沒什麼時間寫部落格還覺得愧對了這個美麗的網頁呢！是時候卯盡全力寫文章嚕！

*負責人Tammy可是費心費力為了大馬美妝部落客的網站看起來專業而犧牲自己週末休息時間做網頁設計，而且是F.O.C/完全免費的！我真的覺得超感動的，我何德何能啊！！

**有需要/興趣更改網頁設計的美妝部落客們不妨看看Butterfly Project專頁，那裡可以讓你留下你的網址，幸運的話你的部落格將會得到為你打造的網頁設計哦！

We wanted to give Reiko the model who blogs, a makeover to a more organized content with basic sidebar + social media buttons while still retaining her beautiful portrait header as her identity. We hope this edgy minimalist is to her liking! We tried to retain the colors from the previous in other ways (hover effects/outlines).

Check out her new look at http://www.reiko76.com/

?《我要數學大翻身》https://hermantomath.thinkific.com
⭐想睇多啲 DSE 數學嘅溫書心得，立即 follow 我 IG：https://www.instagram.com/dse_herman_to_math
?賭Sir 幫你急救 DSE 數學： http://www.HermanToMath.com
----------
杜氏數學 官方網站： http://www.HermanToMath.com
賭Sir 幫你急救 DSE 數學：
----------
?️賭Sir是杜氏數學Herman To Math的始創人
?全港唯一「完爆」【DSE Core+M1+M2】、【IAL 12科Maths】、【AL Pure+Applied】、【CE Maths+A.Maths】的數學導師
?全港第一最多訂閱粉絲的數學教育YouTuber
?YouTube觀看次數超越700萬、訂閱粉絲超過50000人
?著作：《YouTuber新手到網紅》、《5**數學男人嫁得過》、《碌葛男人嫁得過》、《賭波男人嫁得過》(獲Google嚴選2018年度50大最佳書籍)
----------
賭Sir收集著數派街坊:

❤️YouTuber Go網絡課程 全港最平+獨家 報讀優惠：
?報讀初班 $600 (原價$800)：https://www.youtubergo.com/payment/b-hermantomath-0600.html
?報讀初班+中班 $1500 (原價$1800)：https://www.youtubergo.com/payment/bm-hermantomath-1500.html
官方網頁：https://www.youtubergo.com/

❤️無限操數王(epractice) 全港最平+獨家 優惠(可同時使用)：
?50%OFF 半價優惠碼：MC83-AI93-NFW0-331E
?25%OFF 額外邀請碼：J7N9-RDRP-NFAH-OH13
官方網頁：https://www.dsemth.com/

❤️Tidebit全港最穩妥的比特幣(Bitcoin)交易所：http://bit.ly/2LIWA4J

❤️Uber免費送你$25優惠：https://www.uber.com/invite/2utyzr
----------
杜氏數學 國際官方網站 http://www.hermantomath.com
DSE 數學【速效課程】 訂購入口 http://
----------
# Herman To是杜氏數學Herman To Math的始創人
# 全港唯一「完爆」【DSE Core+M1+M2】、【AL Pure+Applied】和【CE Maths+A.Maths】的數學補習導師
# YouTube Channel超過300萬Hit Rate、超過29000 Subscribers
# 全港唯一數學補習YouTuber獲YouTube官方邀請出席首屆FanFest Creator Camp
# 全港唯一於2017年以手機App開Live授課 時薪過萬 的數學補習導師
# 2018暢銷書《賭波男人嫁得過》作者（筆名賭Sir）
# 我們一起加油吧 !
----------
真‧完美戰績:

新制中六DSE: (2016 M2 + 2017 M1)
?數學必修 (Mathematics) 一take過 奪5**
?數學延伸M1 (Calculus and Statistics) 一take過 奪5**
?數學延伸M2 (Algebra and Calculus) 一take過 奪5**

舊制中七高考: (2011)
?純粹數學 (Pure Mathematics) 一take過 奪A
?應用數學 (Applied Mathematics) 一take過 奪A

舊制中五會考: (2009)
?數學 (Mathematics) 一take過 奪A
?附加數學 (Additional Mathematics) 一take過 奪A

國際高考International Advanced Level: (2017)
?Core Math 1 2 一take過 奪A
?Core Math 3 4 一take過 奪A
?Further Pure Math 1 一take過 奪A
?Mechanics 1 一take過 奪A
?Mechanics 2 一take過 奪A
?Mechanics 3 一take過 奪A
?Statistics 1 一take過 奪A
?Statistics 2 一take過 奪A
?Decision Math 1 一take過 奪A
----------
精選系列節錄:
《DSE數學 發憤學生必看!》系列
https://www.youtube.com/watch?v=1mVTSqpY-9Q&list=PL_CM4U5au2k1xNBwQFtwjDGYHKvI6LkEe&index=5
《攞分唔使識得計 奇技淫巧》系列 （以 DSE Maths PaperII 為骨幹的免費課程）
https://www.youtube.com/watch?v=u9lM-7a4ivQ&list=PL_CM4U5au2k1xdQroee0QXyNUJ3n5QE6L&index=1
《名校試題》系列
https://www.youtube.com/watch?v=UY8pxw-OC4E&index=1&list=PL_CM4U5au2k1n86kvgdkPBDqchYdsciCs
《賭Sir數學戒賭》糸列
https://www.youtube.com/watch?v=dhL-dRcIN5I&index=1&list=PL_CM4U5au2k1cfK2zSph8XOLqIjOPQmvo

跨平台APP開發使用Visual Studio2015與PhoneGap(第3次EZO介紹與修改為交談窗與外部連結&如何設計巡覽工具列&固定在Header&將頁尾固定與發布APP&用PHONEGAP網站轉為APP&刪除PHONEGAP舊的APP)

上課內容：
01_重點回顧上星期重點按紐元件
02_EZO介紹與修改為交談窗與外部連結
03_如何設計巡覽工具列
04_如何將巡覽工具列固定在Header
05_如何將頁尾固定與發布APP
06_如何用PHONEGAP網站轉為APP
07_如何刪除PHONEGAP舊的APP

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMJoL0_vk4SDQSdwyCGPLaj

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap

跨平台APP開發使用Visual Studio2015與PhoneGap(第3次EZO介紹與修改為交談窗與外部連結&如何設計巡覽工具列&固定在Header&將頁尾固定與發布APP&用PHONEGAP網站轉為APP&刪除PHONEGAP舊的APP)

上課內容：
01_重點回顧上星期重點按紐元件
02_EZO介紹與修改為交談窗與外部連結
03_如何設計巡覽工具列
04_如何將巡覽工具列固定在Header
05_如何將頁尾固定與發布APP
06_如何用PHONEGAP網站轉為APP
07_如何刪除PHONEGAP舊的APP

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMJoL0_vk4SDQSdwyCGPLaj

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap