Vue3使用 Composition API 中的 ref 來取得模板(template)中的DOM元素的資料

https://ithelp.ithome.com.tw/articles/10274581?sc=iThomeR

Vue2 Option API 轉換 Vue3 Composition API
https://ithelp.ithome.com.tw/articles/10259305

dispatchEvent

https://developer.mozilla.org/en-US/docs/Web/Events/Creating_and_triggering_events

const cancelled = !cb.dispatchEvent(event);
=>利用dispatchEvent確認是否已經取消事件的預設行為(preventDefault)
另外dispatchEvent會觸發DOM nodes的event loop

dispatchEvent: 送出事件給所有有訂閱的監聽者
https://jim-5.gitbook.io/javascript-tip/shi-jian#shi-jian-chu-li-mo-xing

EventTarget.dispatchEvent()
false if event is cancelable, and at least one of the event handlers which received event called Event.preventDefault(). Otherwise true.

EventTarget 接口
https://www.bookstack.cn/read/javascript-tutorial/docs-events-eventtarget.md

Event 对象
https://www.bookstack.cn/read/javascript-tutorial/docs-events-event.md

demo:
https://jsbin.com/vesidoz/edit?html,js,console,output
https://jsbin.com/vuyapeh/edit?html,js,console,output



ES6 的物件或陣列解構賦值（object destructuring）

DEMO:
https://jsbin.com/wugemiq/edit?js,console,output

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
解構賦值 (Destructuring assignment) 語法是一種 JavaScript 運算式，可以把陣列或物件中的資料解開擷取成為獨立變數。

物件
https://pjchender.blogspot.com/2017/01/es6-object-destructuring.html

陣列
https://pjchender.blogspot.com/2017/01/es6-array-destructuring.html

https://es6.ruanyifeng.com/#docs/destructuring

 

jQuery Validation練習

使用jQuery Validation達成checkbox至少選擇二項
https://codepen.io/imrexhuang/pen/RwGxEEJ?editors=1010
ref:
http://vito-note.blogspot.com/2013/03/jquery-plugin-validation.html

某個Radio Button被勾選的前提下，才檢核input欄位內的資料
https://codepen.io/imrexhuang/pen/eYdVXGK?editors=1010
ref:
https://stackoverflow.com/questions/4676991/jquery-validate-only-if-a-specific-radio-button-is-selected

2019前端面试题

https://mp.weixin.qq.com/s/RspdgiRbFzvGI3dE6_3_7g

JsBarcode產生條碼的函式庫

https://lindell.me/JsBarcode/
https://github.com/lindell/JsBarcode/
https://www.facebook.com/will.fans/posts/1556463517716120/

授權:MIT

Angular 與 LIFF 共舞

https://www.facebook.com/will.fans/posts/2710116789017448
https://www.slideshare.net/WillHuangTW/angular-and-liff-147428212/

LIFF Snippets(VS Code套件)
https://marketplace.visualstudio.com/items?itemName=doggy8088.liff-snippets

內網穿透神器 Serveo

https://blog.cashwu.com/blog/tool-serveo-expose-local-to-internet

比Ngrok好用強大，沒有每分鐘 40 個連線數上限
https://www.facebook.com/will.fans/posts/2710151315680662

10個新手必知的 JavaScript 實用技巧

https://medium.com/@Mike_Cheng1208/10%E5%80%8B%E6%96%B0%E6%89%8B%E5%BF%85%E7%9F%A5%E7%9A%84-javascrip-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-75b55d7c3e47

Device.js偵測使用者的平台和瀏覽器

https://segmentfault.com/a/1190000000373735