2020年2月28日 星期五

[Git] 客製化Git Hooks管理專案

›
所謂的Git Hooks指的是以腳本等方式設定執行動作，當git指令執行時，會自動觸發這些腳本的機制，時機可能是在git指令之前或是之後。根據git指令又可以分為server side和client slide兩大類：commit和merge觸發的是client side，s...
2020年2月27日 星期四

[JavaScript] 安裝Jest單元測試

›
Jest為javascript的前端測試工具，安裝快速且不需複雜的設定，執行速度快，所有測項可以同時進行讓效能最大化，並可以搭配用在vue.js、React等進行UI component的測試。 安裝指令 npm install --save-dev jest npm的安裝...
2020年2月25日 星期二

[Vue.js] computed的set()和get()使用方式

›
一般情況下，為了避免在 template 中寫入過度複雜的計算，可以選擇放到 computed 。 <template> <div v-text="colorList.join(',')" /> <...
2019年12月26日 星期四

[Vue.js] 跨元件的資料傳遞 Eventbus 簡易使用範例

›
Eventbus可以達成跨元件的資料傳遞，這個範例只是作為Eventbus效果的示範，依據實際的應用時，不一定使用eventbus是最合適的，可以考量使用props/emit父子元件的傳遞方式，或是vuex來需要共用的資源。 先參考一下整體的檔案結構： ├── App.v...
2019年12月25日 星期三

Symfony4.3 基本應用【第四篇】權限與安全 Authentication & Security

›
你更傾向影片教學？查看 教學影片 。 Symfony的安全系統非常強大，但是設定方法常常讓人困擾，別擔心！在這篇文章，將一步一步的教你如何設定應用程式的安全系統： 安裝套件 建立User Class 認證與防火牆 拒絕存取(權限) 獲取目前的User物件 還有...
2019年9月23日 星期一

[Vue.js] storybook安裝方式與環境建置

›
storybook是UI的開發環境，可以讓開發人員獨立建立元件，並在隔離的開發環境中互動式地展示元件。 storybook在主程式以外運作，因此不需要擔心應用程式特定的依賴關係或需求，用戶可以獨立開發UI元件。 環境 Ubuntu node.js v10.15.1 ...
2019年9月22日 星期日

Symfony4.3 基本應用【第三篇】主控台指令 Console Commands

›
Symfony透過 bin/console 提供許多指令(e.g. 常見的指令 bin/console cache:clear )，這些指令是由 Console component 建立，你可以使用它來建立新指令。 The Console: APP_ENV & A...
2019年9月21日 星期六

Symfony4.3 基本應用【第二篇】Doctrine ORM

›
你更傾向影片教學？查看 教學影片 。 Symfony並未提供元件來與資料庫互動，但它確實與第三方套件Doctrine有緊密的結合。 這篇文章主要關於使用Doctrine ORM，如果你比較喜歡使用資料庫的query指令，建議看" 如何使用Doctrine DB...
2019年9月8日 星期日

Symfony4.2 基本應用【第一篇】表單(Form)

›
你更傾向影片教學？查看 教學影片 。 對網頁開發來說，處理HTML表單是常見且具挑戰性的任務之一，Symfony結合元件Form來幫助你處理。在本文中，你將從簡單開始到複雜表單，逐步學習表單的最重要特性。 安裝 在使用之前請先執行以下指令安裝： composer r...