今天想要透過 Vue.js 將 HTML 中的一部分 HTML 內容替換掉，所以找了一下網路上的資料 Vue 是 MVVM 架構，所以可以將資料保存起來供 view 使用。 要為 HTML 中的 element 替換內容，得先將該區塊使用 v-html <div id=”app”> <span v-html=”message”></span> <button v-on:click=”newHtml”>Change…
一些學習心得、學習筆記
Category: 筆記
之前在虛擬機上面開發 Laravel ，但是虛擬機得去要完整模擬一台主機，所以整個映像檔非常大，也因為這樣很多人都開始轉用 Docker。
在這篇文章中，我會紀錄如何使用 Docker 這項技術來建置 PHP/Laravel 的開發環境，未來要開發 Laravel 的時候，只要把 Laradock 運行起來就可以了。
最近在公司的產品終於從外包公司接回來，採用前後端分離架構。
傳統的架構就是讀取不同頁面就回傳一份不同的 HTML 檔案，意味著使用者的每個動作都要將整個畫面重繪，因為要一直重新 loading 整個頁面，體驗相對來說就變差了。
至於前後端分離也就是說讓前端全權負責把資料渲染在頁面上。舉個例子，今天有個用戶來開啟網頁，這樣讀取一個 web app 的過程就會經過以下步驟：
以搜尋引擎來看網址，有 www 和沒有 www 的網址是不同的兩個的網址。因此，當它們同時都指向同一個網站時，儘管是可以的，但是這會讓搜尋引擎不知應該選擇哪一個 URL 作為主要的網址，所以會影響 SEO ，因為常常忘記要怎麼設定，所以這邊紀錄一下。
最近在製作公司的小工具的時候，要做到『貼標籤』的功能，找了幾款可以用的套件，用一用覺得 Tagify 最喜歡，所以紀錄一下！
上個週末，順利的把網站搬到 WordPress 上面了 本來是使用 Hexo ，其實也沒什麼不好，而且可以用 Markdowm 寫文章也很舒服，只是每次要上新文章的話不太方便，都得 push 到 GitHub 上面才行，所以就一直想要搬到一個有後台的部落格系統上面，不過最近實在太忙了，所以一拖就拖到最近才開始動工。 至於為什麼選用 WordPress 呢？ WordPress 的功能真的非常完整，有許多實用的外掛工具可以選用（而且免費）。而且使用者非常的多，號稱地球上有 36% 的網站是以 WordPress 為基礎架設，這意味著，遇到問題的時候，可以更容易的在社群中找到各種資源。不過最主要的原因是，最近開始跑 WordPress 小聚，總覺得要學習一個東西最快的方法就是直接做就對了！ 凡是有優點就有缺點，我覺得 WordPress…
有時候更新了程式碼，但是沒辦法即時看到結果，這是由於該應用程式被快取所導致。這裡記錄了一些清理快取的方法 清理應用程式快取 ：php artisan cache:clear 清理路由快取：php artisan route:clear 清理設定快取：php artisan config:clear 清理編譯的視圖文件：php artisan view:clear
在 Laravel 專案中，如果執行了 php artisan config:cache 命令把配置檔案快取起來後，在使用 env 函式讀取環境變數的值，會變成 null，但是執行 php artisan config:clear，清除配置快取後，又可以讀取了，就覺得很奇怪 看了一下，得知在 Laravel 中，如果執行 php aritisan config:cache 命令後，Laravel 就會把 app/config 目錄下的所有配置檔案快取到 bootstrap/cache/config.php 裡面。正因為有了這個快取配置檔案，在其他地方使用 env 函式，就會讀取不到環境變數，所以返回 null. 接著看一下 Illuminate/Foundation/Bootstrap/DetectEnvironment.php 的這段程式碼： public function bootstrap(Application $app) { if (! $app->configurationIsCached()) {…
最近在開發的時候用到 AWS 的 PHP SDK ，然後就會踢到這個錯誤： 1 Fatal error: Uncaught exception ‘cURL_Exception’ with message ‘cURL resource: Resource id #10; cURL error: SSL certificate problem: unable…
最近後端同事需要一個前端介面去偵錯，所以協助他開發前端，中間溝通的 JSON 都定義好了，但是後端遲遲還在開發的狀態。 所以找到一個好用的線上工具叫做 #Mocky，可以產生 Mock (假的/模擬的) HTTP 回應，支援很多種 MIME Type 與自訂 Headers 回應標頭，可以讓前端程式進行任何類型的測試，也有一些好用的功能，比如說可以測試 HTTP 回應慢的時候的如何進行非同步多工處理，我覺得非常實用，所以紀錄一下！ Mocky.io Jsonp Support 可以增加 ?callback=myfunction 在 mocky URL 後面，去啟用 jsonp Response delay 可以增加 ?mocky-delay=100ms 在 mocky URL 後面，去延遲反應時間…