2019年7月28日 星期日

Laravel 5.8入門教學【第一篇】路由(Routing)

›
基礎路由 最基礎的Laravel路由（Routing）由一個URI和閉包（Closure）組成，是一個簡單且容易理解的定義路由方法： Route::get('foo', function () { return 'Hello World'...
2019年7月26日 星期五

Ubuntu18+PHP7.2 安裝Laravel 5.8

›
安裝composer Composer是PHP套件管理工具，請參考『 [Symfony] ubuntu18安裝symfony 4.2教學 』第二部分提供兩種安裝方式。[ 官方安裝說明 ] 建立專案 提供兩個方式來建立一個專案，命名為 blog 。 方法一、 compo...
2019年6月16日 星期日

[Vue.js] v-for設定key的作用與影響

›
v-for迭代陣列或物件時需要設定key，是為了避免重複產生DOM元素而浪費資源，因此將key視為一個辨識的依據，所有的key必須保持唯一。因此如果key值不小心重複，console甚至會出現 Duplicate keys detected: ... This may caus...
2019年6月10日 星期一

[Vue.js] 共用Domain Name 部屬多個vue專案

›
接續『 [Vue.js] vue-router設定history mode移除網址的# 』的內容，可以在web server裡部屬vue的專案，如果要共用同一個domain name，用不同的子目錄(subdirectory)來區分時，只要根據下面的步驟稍微調整你的專案，既不會...
2019年5月24日 星期五

[Vue.js] 如何在component自訂v-model

›
v-model 通常用在HTML的 input ，根據輸入的內容會跟著改變這個參數的內容，建立專案時會將一些基礎元件(如:input)定義成一個component，方便在各個頁面引入使用。 其實 v-model 是結合了 props 和 emit ，可以先參考『 [...
2019年5月19日 星期日

[Vue.js] 預覽上傳照片的原始碼分享(single/multiple file)

›
選擇照片上傳前如何實作預覽的功能，下面拆解成3個部分說明： 1. 上傳檔案 首先需要一個上傳檔案的HTML <input type="file" accept="image/*" @change="previewIma...

[Vue.js] 2.6版本開始使用v-slot取代slot

›
升級到2.6.0+後，slot的功能有一些更動，以v-slot取代slot，雖然在2.0+仍然可以使用，但確定會在Vue3之後捨棄這個用法，既然如此遲早要學會使用v-slot。 基礎使用 <!-- NavLink.vue --> <a href=...
2019年5月16日 星期四

[Vue.js] 升級vue-cli3建立Vue專案

›
之前安裝vue-cli2來建立vue專案 --『 [Vue.js] 在ubuntu安裝 Vue.js 』，有需要可以參考。 開始安裝vue-cli 3 npm install --global @vue/cli 完成安裝後可以用指令檢查版本 vue --version...
2019年4月30日 星期二

[css/scss] 語法整理如何區別CSS、SCSS和Sass

›
變數(Variables) SCSS $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; ...
2019年4月23日 星期二

[Symfony] 如何將專案部屬到Heroku(apache/nginx)

›
之前寫過一篇『 [django] 將Django專案部署到Heroku 』，可以參考安裝heroku[ 官網說明 ]的方式，『 [Symfony] ubuntu18安裝symfony 4.2教學 』則可以了解composer和symfony的安裝方式，這篇就不再重複說明。 ...