網頁

▼
2020年12月6日 星期日

[JS] 從網路上看到的小技巧文章整理

›
1. 過濾唯一值      Set  2. for loop 先需告長度，先緩存就不需每次都重算，強化性能      let i = 0, length = array.length; i < length; i++ 3. 短路求值     原本的三元視情況改使用 ...
2020年9月14日 星期一

[Nuxt/API/Axios] SSR mode 自己寫的.js 寫 axios 要區別 baseURL / browserBaseURL

›
情境: 自己寫的 api folder / axiosInstance.js 因不是寫在 nuxt.config.js, 不能直接用 baseURL: process.env.BASE_URL : process.env.BROWSER_BASE_URL, browserBase...
2020年7月1日 星期三

[Nuxt/CSS] 只讓特定 page 或 layout 載入指定樣式 (bootstrap)

›
來源  https://stackoverflow.com/questions/44541872/changing-body-styles-in-vue-router https://forum.vuejs.org/t/how-do-i-add-remove-classes-t...

[API/JSON] 打 API 送出資料 NaN 的結果

›
被要求不要送出 null 當參數打 API 但可以送出 undefined 不過百思不得其解為何送出 NaN 卻是 null ans: JSON.stringify({ a: 1, b: NaN, c: '2', d: undefined, e: nu...
2020年6月30日 星期二

[Nuxt] config 檔與 css import 順序有關的警告 & .prettierrc 設定

›
先上解法 https://github.com/nuxt/nuxt.js/issues/4885 extractCSS: { ignoreOrder: true } 如果在 a.vue import 元件的順序為: import a import b ...
2020年5月20日 星期三

[CSS] background-clip 做漸層顏色的字或挖洞的字

›
https://developer.mozilla.org/zh-CN/docs/Web/CSS/background-clip 谈谈一些有趣的CSS题目（29）-- text-fill-color 与 color 的异同   background:linear-gradi...
2020年5月3日 星期日

[Vue] nextTick: created() 中的 DOM 操作與 nextTick()

›
简单理解Vue中的nextTick
2020年4月28日 星期二

[JS] querySelectorAll 取得的 NodeList 是 array 嗎？ Array.from()

›
直接用 Array.isArray('selectedName') 來看就可得知「不是」！ 要用 array methods 操作它就要幫它整形 Array.from() MDN 此方法除了轉型，且可以配合箭頭函示遍歷每個 element (截自MD...
2020年2月14日 星期五

[Vue] 避免快速連點

›
不想讓 user 快速連點觸發 API 的按鈕 < button : disabled =" disabledTrigger " @ click =" preventDoubleClick() ...
2020年2月11日 星期二

[Vue] vue-router 進入頁面若無帶 query 參數帶入指定 query

›
情境： 在任意網頁甚至主頁點選進入 /products 會沒有指定 query ( 如 /products?type=food ) 只進入 /products 使其固定帶上 query 方式如下 { name : 'produc...
2020年1月9日 星期四

[Vue] 關於 v-for 產表單 v-model bind 自定義 dataName

›
參考自 https://forum.vuejs.org/t/v-model-with-dynamically-created-inputs-with-v-for/9556 這邊遇到問題： 想利用 v-for 產表單， 同時綁不同「已預設好名稱」的 key 。 原先讓 v-mode...