我是工程師但我是女生

GrapesJS 是一個可視化網頁編輯框架，主要特色是能讓使用者直接透過拖拉的方式來建立網頁版型。

網路上有很多圖表套件，Chart.js 算是我比較喜歡的，他確實沒有非常複雜厲害的功能，但開發網站通常也只需要基本統計圖表，Chart.js 可以滿足大部分需求。

利用 canvas 做出簡易版小畫家。

HTML5 加入了 history.pushState() 和 history.replaceState() 方法，可以加入或修改歷史紀錄達到此效果。

圖片上傳前先預覽，沒想到比我以為的簡單，這裡圖方便用 jQuery 來寫。

最近 Chrome 更新，導致先前寫的 JS 失效。

網頁提供按鈕，點了之後可以把連結分享給好友。

說是 axios 但其實 $.ajax 也是類似作法。 Html↓ <input type="file" class="upload"> JavaScript↓ $(".upload").change(function (event) { var formData = new FormData(); formData.append("upload", event.target.files[0]); axios .post("your_upload_url", formData, { headers: { "Content-Type": "multipart/form-data" } }) .then(function (response) { // 上傳後要觸發的程式 }); });

輕量、模組化的燈箱畫廊套件。

在 JavaScript 中使用 Laravel route。

上次介紹了通知的套件，這次來分享 Alert 套件。他可以用來取代傳統 alert 視窗，讓 alert 也可以美美的。

為 HTML5 新加入的功能。跟 sessionStorage 相似，但 localStorage 沒有逾期時間，而且 session 結束時 (頁面關閉時)，sessionStorage 會被清空，localStorage 不會。要特別注意 localStorage 的 key 和 value 都會被轉為字串。

Promise 是一個非同步操作的物件。他可以讓你在某段程式結束後對應結果做不同的事情。