發表文章

ES6 - 解構賦值

圖片
藉由ES6的解構賦值,可以讓程式碼在撰寫時更為簡潔並提高整個可閱性 第一種用法 藉由解構賦值,不再需要像以前一樣 user.age  , user.address 一個一個取用資料 這樣就算遇見需變更物件名稱時也會更加便利,增加程式碼的可維護性! 第二種用法 我們可以藉由解構賦值,直接在物件內嵌入另一個物件並直接解構,讓程式碼更加簡潔有力!

ES6 的 let, const特性

圖片
  在ES6釋出後 宣告方式主要會以 let、const兩則做使用 var , let 差異? var因為變數範圍在function內,可能會汙染到整個函式,引起不必要的錯誤    ex:值覆蓋到重覆變數 所以var已經不會再使用到,都取代成作用域在 " block " 的let來做使用 block  指的是 " {} " 這個符號 let , const 差異? const是一種宣告常數,宣告後就 不可改變 並且宣告時就 一定要賦於值 ,否則會出現錯誤 // Missing initializer in const declaration 但是! 在JavaScript內物件跟陣列是可以塞東西進去,只有類型是不能改變 因此今天我們就算用const宣告一個員工物件,再之後才塞入年齡,還是可以順利執行的!

Vue Docker 部署筆記

前端 dockerfile 建構完成後 ``` 執行 docker build . -t <image ID> //更改REPOSITORY 名稱 docker tag <image ID> <REPOSITORY Name> //推送至docker hub docker push <REPOSITORY Name> ``` ### Docker 指令 進入 container 內 - sudo docker exec -it <_container Name_> bash ### nginx proxy default.conf 設定 ``` server { listen 80; listen [::]:80; server_name localhost; #location / { # root /usr/share/nginx/html; # index index.html index.htm; #} location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $http_host; proxy_set_header X-NginX-Proxy true; proxy_pass http://192.168.1.123:5000; } #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } # proxy the PHP scripts to Apache listening on 127.0.0.1:80 #

Git指令筆記

- 設定辨識這台主機的 git 使用者名稱及電子郵件(純顯示用)   - git config --global user.name "Enter your name"   - git config --global user.email "Enter Your Email" - pwd :   - 現在目前路徑 - mkdir :   - 建立子目錄 - ls:   - 顯示目前目錄底下的全部檔案 - git init :   - 將所在目錄做 git 初始化 - git add . :   - 將檔案放入 git 內,準備被 git 保管 - git commit -m " " :   - 輸入註解,將準備被 git 保管的檔案確定送出 - git status:   - 確定目前 git 對於每個檔案的狀態,與後續指令一併介紹 - git log:   - 做完 git commit 之後,註解會顯示在 log 上,按 Q 退出 - 新增檔案   - touch - 刪除檔案   - rm - 修改檔案,修改完直接 git add . 或 git add fileName - 變更檔案 mv 修改前 修改後 :   - mv name1 name2 - git diff :   - 比較修改前後的檔案內容 - git show :   - 顯示 commit 的修改紀錄 - git blame :   - 列出檔案的每行修改紀錄,顯示每一行的內容的 < shal > 、作者、時間...等資訊 - gitk :   - 可查看每次紀錄 - git push :   - 把資料上傳至 git hub 上 - git clone :   - 第一次下載的時候使用 - git pull :   - 撈更新後的資料回來 - git fetch - git checkout (sha1) :   - 將儲存庫內 (sha1)版本的所有資料取出至工作目錄(HEAD),工作目錄會移至 (sha1) - git checkout (sha1) . :   - 將儲存庫內 (sha1) 版本的所有檔案取出至工作目錄 (H