文章

目前顯示的是 八月, 2018的文章

[ 工具 ] CSS clip-path maker

利用 Google 試算表 (Google Sheet) 作為外部資料來源

建立自定義的 checkbox

CSS Grid in 45 Minutes

[ 參考 ] How to create submodule

Git-Tutorials/git_submodule_turorial.md at master · twtrubiks/Git-Tutorials

最近發現可能有需要用到 submodule ....

Laravel's Dependency Injection Container in Depth

Caddy Reverse Proxy Tutorial

[ 參考 ] Angular 結合 nginx 反向代理的 Docker 容器化封裝技巧

一個可編輯 SQL 查詢並支援視覺化查詢結果的網頁應用程式

[ 參考 ] 使用Synology NAS + iPXE建立遠端啟動系統

立刻加速 Chrome 瀏覽器的 4 個方法

Creating Multi-Stage Docker Builds for Laravel

7 種 Linux network bonding mode 的簡單介紹

傲笑紅塵路: Linux 網路結合(network bonding)技術與實務

zh-tw/TipsAndTricks/BondingInterfaces - CentOS Wiki

多網卡的7種bond模式原理 For Linux - 掃文資訊

第 3 堂課 - LACP 與 bonding/team 及 IPv6 簡易設定(by 鳥哥)

除了 802.3ad ( LACP ) 需要交換器配合之外,其餘不須設定交換器

據說比較建議使用  802.3ad ( LACP ) 和 balance-alb

在 proxmox,新增 Linux Bond 之後,還要新增一個 Linux Bridge,Bridge ports 使用 Linux Bond 之名稱,然後在 vm 的網卡設定連到新的 Linux Bridge 即可

vue2-google-maps:Vue google map component

Enable Laravel CSRF Token to Prevent Malicious Attacks

Webpack教學文

你可能不知道的好用功能 in Angular

10 Useful Angular Features You Might Not Have Heard Of

KeyValuePipeSlicePipeDeimalPipe 、formatNumber functionJsonPipeTitle and Meta Service  ==> 有時需搭配  Angular Universalng-container@AttributeProfile Change DetectionNgPlural  and NgPluralCase directivengPreserveWhitespaces and NgNonBindable

10 More Useful Angular Features You Might Not Have Heard Of

APP_INITIALIZER tokenGesture Recognition 手勢識別Template Type Checking (and how to bypass it) ==> $any type casting functionProvider Scoping ==> providedIn 、 providers 、 viewProvidersHost, Self, SkipSelf & Optional DecoratorsHttp InterceptorsRoute GuardsRxJS Subscriptions ==> unsubscribe 多個 subscriptionPreload Lazy ModulesReadonly Types for Immutability ==> Readonly 、 ReadonlyArray 、 ReadonlySet 、 ReadonlyMap types of TypeScript

Taucharts:支援 TypeScript 的 chart library,基於 D3.js

Bash Shell Script 流程控制之 select

bash script 之 switch case

SSL 檢測工具

localForage 將 localstorage 包裝,可以用 promise 操作

影片自動縮到螢幕角落,並能被拖拉的 js library

超入門JavaScript邏輯判斷

[偷米騎巴哥] 20180726 (超入門JavaScript邏輯判斷) - YouTube

&&  => 優先回傳可轉為 false 之值,否則回傳最後一個

||  => 優先回傳可轉為 true 之值,否則回傳最後一個

&& 優先於 ||

() 強制先處理

[] && {} => {}

[] || {} => []

({}) && [] => [],{} 要加 () 否則會產生語法錯誤

({}) || [] => {},{} 要加 () 否則會產生語法錯誤


實務應用:

&& => 可當 if 判斷

3 > 2 && (function(){.....})() => 結果是執行 function (此為立即函式 IIFE),等同於

if ( 3 > 2 ) {
    (function(){....})()
}

|| => 設定預設值,but 有雷,用 es6 較好

function run(n) {
    var n = n || 100
    console.log(n)
}

run(500) => 500
run() => 100
run(0) => 100,雷....我就是要 0
run(null) => 100,雷....我就是要 null

es6:

function run(n = 100) {
    console.log(n)
}

run(500) => 500
run() => 100
run(0) => 0
run(null) => null
run(NaN) => NaN
只要傳入之 n 不是 undefined 就採用傳入值
run() => 100
run(undefined) => 100

若不用 es6 ,原來寫法可用三元運算改寫:

var n = n !== undefined ? n : 100


可以用 babel 看看 es6 轉出的寫法