相較於 2015 年曾經寫過的一篇文「Dcard – 前端框架網站( AngularJS )的搜尋引擎優化( SEO )挑戰」 那時候分析 Dcard 網站要如何辦到 SEO 時發現他們是採用「特定餵食」的做法去針對各大搜尋引擎的爬蟲獨立產出內容並餵食。 如今，這篇分享「使用HeadlessChro …
標籤彙整: JavaScript
[轉貼] JavaScript WebAssembly 的基礎使用方法
2015 年挖到的這個「WebAssembly」關鍵字讓人覺得希望無限，好像能把瀏覽器中 JavaScript 的運算瓶頸給解放似的～ 轉貼：了解 WebAssembly 的基礎使用方法 看了些介紹後更是確定，其實不至於取代（JavaScript），而是一種突破！讓複雜運算透過這種方式來得到進階處理 …
[WordPress] WooCommerce 自動更新購物車方法
一直都覺得改完數量後這操作就應該要包含更新整個搞定，但其實從以前到現在的版本都沒這樣處理，不知道是有什麼考量。 不過也沒關係，寫個 JavaScript 去觸發更新也是行的。 解法：
[jQuery] 網站內嵌 Flickr 相簿外掛 – nanogallery2
意外挖到的小工具，不只可以掛 Flickr，連 Google Photos 也行，還真是方便～ 第一版：nanogallery 第二版：nanogallery2 Demo：連結 #jQuery #JavaScript #Flickr #Album #GooglePhotos #nanoga …
[WordPress] 網站被駭後的處理流程
這圖會不會讓人覺得我是被害者啊ＸＤ 首先要知道是從哪裡被駭客入侵的，常見檢查得點有三個，也代表其對應嚴重程度，越後面越嚴重。 主題目錄下 404.php 是否有異常程式注入。這通常是主題本身年久失修（或使用者沒更新）。安插在這邊純粹就是要先藏好，不讓使用者觀察到！ WordPress 根目錄下的 i …
HTML5 download 屬性與 JavaScript 控制下載檔案事件
下載是網站中常見的操作，但操作體驗基本款為「開啟一個新頁面，然後開始下載」，而前端工程為了帶來更好的體驗效果當然不能這樣把一個操作流程帶往到新頁面後這邊就結束，所以掌握好操作動向的 UX 設計在這部分就會有一些挑戰。 有些時候你想要PDF與一些圖檔是使用下載方式操作，但卻觸發瀏覽器去嘗試讀取，也可能 …
2016 年 第 40 週 Facebook 同步週報 (9 篇)
本文引用圖文皆取自[來信]告知。 1. (圖片描述：From your desktop computer, yo…) 結果 #PI 因為颱風突然斷電導致 file system 掛了Orz 安裝新版 #Ubuntu #Server 16.04 LTS 版的資源如下: https://develo …
JavaScript 跨頁面呼叫控制文件的方法
最基本與常見的做法就是 AJAX ，但那屬於等事件回傳再繼續該行為的操作，所以， 如果要先等新請求完成後才能繼續的動作該如何解決？ 同頁面的情境，下遮罩阻擋控制，等回應後繼續（AJAX常見解決辦法） 不同頁面情境，因Dom已經重載，除了 JSONP 做法就是 Server Side 包 Sessio …
2016 年 第 18 週 Facebook 同步週報 (3 篇)
本文引用圖文皆取自[來信]告知。 1. 放了兩年的伺服器突然間說容量快不足，查了一下有在用的服務，發現 #MySQL 特別肥大 原來是沒把 #BinaryLog 關閉 這篇文章介紹的滿詳細的，值得參考! http://jjdai.zhupiter.com/2014/07/%e5%a6%82%e4%b …
2016 年 第 17 週 Facebook 同步週報 (3 篇)
本文引用圖文皆取自[來信]告知。 1. (圖片描述：無) #Windows 中要找到 #Uptime 的功能還得要再抓一個指令工具Orz https://support.microsoft.com/en-us/kb/232243 Stackoverflow討論串: http://stackoverf …