[Webpack]No.7 把 HTML 也加入 Webpack 發表於 2019-05-09 | 更新於 2020-02-16 | 分類於 前端學習在我們知道如何調整 SCSS 並且成功打包輸出後,接著要嘗試打包 HTML 檔。閱讀全文 »
[Webpack]No.6 讓 SCSS 也加入打包的行列 發表於 2019-05-05 | 更新於 2020-02-16 | 分類於 前端學習接著我們要讓 Webpack 也支援 SCSS ,輸入指令後轉成 CSS 並且優化之後打包輸出,同樣地延續上一篇的專案資料夾。閱讀全文 »
[Webpack]No.5 第二份 webpack.config 設定 發表於 2019-05-04 | 更新於 2020-02-16 | 分類於 前端學習延續之前的專案資料夾,我們目前不僅能模組化管理 JavaScript 、使用 Jest 進行單元測試、針對 JavaScript 語法使用 Babel 進行降版、還能夠自訂一些看起來很酷的指令,最後打包輸出 bundle.js 在 dist …閱讀全文 »
[Webpack]No.4 Babel 結合 Webpack 進行開發 發表於 2019-05-02 | 更新於 2020-02-16 | 分類於 前端學習當我們使用的 JavaScript 語法瀏覽器不支援時,大家想到的第一個解決方案可能就是 Babel ,那麼說歸說,到底要怎麼跟先前提到的 Webpack 做結合,實際運用在開發上呢?讓我們繼續看下去~閱讀全文 »
[Webpack]No.3 使用 Jest 進行 Unit Test 發表於 2019-05-01 | 更新於 2020-02-16 | 分類於 前端學習在學會如何模組化管理 JavaScript 與自定指令後,接著我們可以結合這些觀念,進行有系統的測試。尚未接觸這些東西前,我們在開發時如何檢測自己的函式寫的正不正確呢?沒錯,就是老老實實的使用 console.log …閱讀全文 »
[Webpack]No.2 package.json 設置專屬我倆的小咒語 發表於 2019-05-01 | 更新於 2020-02-16 | 分類於 前端學習於上一篇我們知道了如何模組化 JavaScript ,但是每次只要有 .js 檔案有異動,就得輸入指令重新 bundle 一次,好麻煩啊。別擔心,工程師是最怕麻煩的生物,早就有措施囉,這篇要介紹的是其中一種方式,自訂專屬於自己的指令。閱讀全文 »
[Webpack]No.1 模組化 JavaScript 的方法 發表於 2019-04-30 | 更新於 2020-02-16 | 分類於 前端學習如果網站的規模不大,可能單純寫一支 all.js 就能搞定了,但如果今天與別人合作或者網站規模比較大,這時若只單靠一支 all.js 肯定是落落長的程式碼,每次要修改就得找半天,這樣是非常辛苦的。所以我們需要把模組化 JavaScript …閱讀全文 »
初級 JavaScript 題目練習 發表於 2019-04-28 | 更新於 2020-03-06這周是參加計劃的第二周,每一周都過得很充實,不斷為自己打底的同時,也期待未來能遇到好的公司。之前繳交 OK 的作業也都可以透過這個 repo 看到,放上來也算是一種督促自己的心裡吧。閱讀全文 »
[初探後端]No.6 新手訓練告一段落 發表於 2019-04-24 | 更新於 2019-05-21 | 分類於 後端學習在經過了一些摧殘後,初學的菜鳥雖然對於 PHP 語法還不是相當熟,但起碼有些微的語感了,這篇沒有什麼重點,只是簡單交代一下最近用什麼小題目練習 PHP,而基礎的 PHP 大概就到此先告一段落。閱讀全文 »
[初探後端]No.5 遇到程式問題,如何把問題切細變得容易解決 發表於 2019-04-18 | 更新於 2019-05-21 | 分類於 後端學習No.4 寫完之後,我果然還是很在意自己這樣子寫可不可以,於是我就請了一位大大來幫我看看,是不是有哪些地方可以調整,然後給了我三個建議。閱讀全文 »