嘉豪光學這是一個前、後端技術的外包案實作，其網站名稱為嘉豪光學，嘉豪光學有限公司為多國外知名品牌之總代理。於2007成立至今，憑著經營團隊專業的知識領域和熱誠的服務態度，產品銷售已涵蓋全台眼鏡商圈。專案為宙思設計的網站專案，專案除了設計與聯絡外，從前端刻板、後端資料庫、系統架設皆是獨立完成。網站框架…

嘉豪光學

2016-03-21 00:00:00

這是一個前、後端技術的外包案實作，其網站名稱為嘉豪光學，嘉豪光學有限公司為多國外知名品牌之總代理。於2007成立至今，憑著經營團隊專業的知識領域和熱誠的服務態度，產品銷售已涵蓋全台眼鏡商圈。

宙思設計 - 嘉豪光學

基本上稿功能的官網

專案為宙思設計的網站專案，專案除了設計與聯絡外，從前端刻板、後端資料庫、系統架設皆是獨立完成。網站框架是使用 OACI version 4.1 語言則是 PHP，而前端刻板則是搭配 OACI 的框架使用 Compass 加強前端管理。

嘉豪光學後台系統

文章編輯器的後台

網站使用 SCSS 撰寫

網站性質主要已公告資訊為主，所以功能面不外乎 Banner 輪播、列表呈現、表單功能，而這部分的 JavaScript 也是獨立完成。而後台上稿則是沿用宙思設計官網後台 Layout 並新增所需功能而完成。

相關參考

接案 PHP JavaScript

2020-03-17 00:00:00

瀏覽器 Console 上畫 QR Code - OA Wu's Blog — 瀏覽器 Console 上畫 QR Code

瀏覽器 Console 上畫 QR Code 來用瀏覽器除錯器畫一個屬於個人的彩蛋吧！使用瀏覽器 Console.log 的功能，再利用 CSS 語法調整樣式，製作有趣的個人彩蛋，本次使用 QRCode 當作實作範例，大家也可以改成自己的喲！Painting QR Code on the browser Console. 這是個無聊靈機一動的小作！大家應該都有打開 Facebook 網頁的 C…

2016 新北兒藝節 - OA Wu's Blog — 2016 新北兒藝節

2016 新北兒藝節這是一個前端技術的外包案實作，其網站名稱為 2016 新北市兒童藝術節，主要就是承接新北市 2016 年兒童藝術節的活動官網。此活動網站最具特色的地方是動畫的呈現，大家可以先點至 GitHub Demo 瀏覽動畫效果喔！動畫是整個網站的主軸功能，在與 2015 年的兒藝節官網不同的地方是，以往是大量使用 jQuery A…

實作台北 • 藝文活動 - OA Wu's Blog — 實作台北 • 藝文活動

實作台北 • 藝文活動這是項利用新北市政府資料開放平台提供的新北市政府文化局藝文活動 API 所製作的台北 • 藝文活動。使用 PHP 將 API 資料取下來後編輯成 HTML 頁面，並且放置到 Amazon S3。放置部署過程中同時將頁面所需的 SCSS、JavaScript 一起上傳至 S3。上傳 S3 過程採用 PHP 執行，關鍵程式碼在這裡，主要是利用…

Google Maps 標記叢集 Marker Clustering - OA Wu's Blog — Google Maps 標記叢集 Marker Clustering

Google Maps 標記叢集 Marker Clustering 各位 Google 地圖玩家都應該有過當 Marker 太多時，視角一拉遠後全部 Marker 擠在一起的困擾吧！沒錯 OA's Marker Clustering 就是要來處理這個困擾！網路上也有很多關於 Marker Clustering 的 Library，但想要比較能夠掌握概況以及視需求去做調整功能，所以刻了一套可以自訂 Mar…

吳政賢個人簡歷 OA Wu LiveCoding.tw