2018年8月17日 星期五

Enable Laravel CSRF Token to Prevent Malicious Attacks

Enable Laravel CSRF Token to Prevent Malicious Attacks

Best Laravel Security Features For Your Application

Webpack教學文

Webpack教學 (一) :什麼是Webpack? 能吃嗎? – Mike

Webpack教學 (二) :檔案你要去哪裡? – Mike

Webpack教學 (三):永不停止的Watch – Mike

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

10 Useful Angular Features You Might Not Have Heard Of

  1. KeyValuePipe
  2. SlicePipe
  3. DeimalPipe 、formatNumber function
  4. JsonPipe
  5. Title and Meta Service  ==> 有時需搭配  Angular Universal
  6. ng-container
  7. @Attribute
  8. Profile Change Detection
  9. NgPlural  and NgPluralCase directive
  10. ngPreserveWhitespaces and NgNonBindable


10 More Useful Angular Features You Might Not Have Heard Of

  1. APP_INITIALIZER token
  2. Gesture Recognition 手勢識別
  3. Template Type Checking (and how to bypass it) ==> $any type casting function
  4. Provider Scoping ==> providedIn 、 providers 、 viewProviders
  5. Host, Self, SkipSelf & Optional Decorators
  6. Http Interceptors
  7. Route Guards
  8. RxJS Subscriptions ==> unsubscribe 多個 subscription
  9. Preload Lazy Modules
  10. Readonly Types for Immutability ==> Readonly 、 ReadonlyArray 、 ReadonlySet 、 ReadonlyMap types of TypeScript

2018年8月1日 星期三

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

nick66551/AutoPosition: Light Js Library use RxJs

FB 上網友的作品

超入門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 轉出的寫法