Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 11, 2018

---

GitLens on VS Code 將檔案上傳到GitHub上

在製作一個專案時，多人共同編輯或是個人四處做更新常常會有檔案不是最新版的問題，必須隨身打包一份備份做修改，但…這樣攜帶檔案的到處跑不是很不方便嘛！？

Read more…

69

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 19, 2018

---

JS小學堂｜HTML to PDF轉存頁面

你是否碰過在建立表單類型的網頁時，客戶要求要將頁面另存成PDF在裝置上也能離線瀏覽呢！？我們要如何將網頁轉成PDF下載，讓你無痛另存你的網頁樣版呢？

Read more…

25

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 23, 2018

---

JS小分享｜AOS滾動框架動畫

大家在製作網站時，是不是常常碰到網站需要有滑動的動態效果呢？當然手刻js並不會很麻煩，但如果碰上時間緊迫加上網站有大量的不同方向切入時的動態，AOS就此而誕生了！

Read more…

122

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 13, 2018

---

JS小分享｜Slide輪播套件

Slide是一個非常常見的網頁功能，在這一個區塊上也有非常非常多編譯的相當完整的JS套件，除了特殊情況下有輪播套件做不到的事情需要靠自己編譯外，基本上Slide的製作上我都會選擇使用各個前端前輩的Slide套件~

Read more…

33

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 10, 2018

---

HTTP 與 HTTPS的差異性

今天要來介紹HTTP 與 HTTPS的差異性，當然除了基本的介紹外，本篇文章最下方也提供了一串程式碼，讓你的網頁在擁有兩個通訊協定的狀態下，在http中自動轉換成https。

Read more…

25

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 11, 2018

---

將VS Code 工作環境備份到 GitHub上吧~

不知道大家的工作環境通常會有幾個地方呢？身為前端工程師，工作環境常常在不同地方切換作業，有個2、3台電腦、筆電要工作也不是太意外…

Read more…

2

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 19, 2018

---

JS小分享｜Isotope自動排序與搜尋

當產品列表頁或是需要製作圖片排列的效果，同時必須支援RWD及自動排序/搜尋時，你會怎麼處理這個需求呢?這次要來介紹一個好用的jQuery套件—Isotope

Read more…

62

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 22, 2018

---

JS小分享｜Youtube全螢幕背景＆api教學

影音化或是遊戲類型的網站是不是常常會碰到客戶要求網站的背景要是影片播放呢？今天要來介紹一支JS可以支援Youtube全螢幕背景也可以支援新的360度背景影片！除此之外，也有Youtube api的簡易教學喔！

Read more…

9

1 response

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 17, 2018

---

JS小學堂｜three.js的基礎應用part1.

之前介紹了easeljs給大家，而這次所介紹的是three.js，three.js比較偏向3D類型的canvas套件，你可以從官網的demo中看出來，那麼就開始介紹three.js的基礎應用吧！

Read more…

22

Anna Hsiao in Anna.Hsaio｜前端開發記

Dec 12, 2018

---

JQuery小學堂 | 上傳圖片也能及時預覽

製作網站時，如果碰到有圖片上傳的需求，客戶們基本上都會希望網頁也能同時預覽檔案，那麼除了預覽外我們可以如何讓上傳圖片變的更人性化呢？

Read more…

53

These were the top 10 stories published by Anna.Hsaio｜前端開發記 in 2018. You can also dive into monthly archives for 2018 by using the calendar at the top of this page.