Async/Await vs RxJS 非同步取值筆記
在使用 async/await 一定要先了解 Promise Promise 是 es6 之後才開始有的 Promise 程式碼 將 promise 封裝後包成 function 使用 promise 可轉成 then 的串接 async/await 範例 R
分類：JavaScript
2022
2021
樹狀結構的各種處理 (Tree Data Structure)
最近為了處理 tree 的樹狀結構多了好幾根白頭髮，囧 這是一筆 tree (樹) 的資料 參考資料： The Tree data structure
JS 匯出 CSV 破版
專案裡有很多需要把表格下載成 CSV 檔，最近出現了 CSV 破版的問題 情境如下： 原本某個儲存格裡面的內容裡面有換行，匯出成 CSV 時，照理說，換行應該是在當下儲存格做換行，沒想到卻變成了這樣 QQ 在資料來源裡，可以看到，換行的地方是 \n 因為這個\
拋棄 jQuery 用 JS 寫一個 gotop (回到最上) 功能吧!
jQuery 裡有提供一些動畫的函式庫 animate 讓使用者直接使用，所以短短幾行就能搞定 了 但為了一個 gotop 的功能 掛上一支 jQuery，實在有點不滑算，所以這裡使用了原生的 JS 來寫出相同效果的 gotop 在 JS 裡 有提供一個 wi
2020
JS Template Strings ( 模版字串 / 樣版字串 )
過去寫法 以 jquery 為例 上面這種寫法相當繁鎖不方便，ES6 引入了樣版字串解決這個問題 如果在字串裡需要使用到反引號，則前面要用反斜線(逃役字元)轉義 所有樣版字串 在使用多行字串時，所有的空格與縮排都是會被保留的，若不想要這個換行 可以使用 tri
JS Object 物件的屬性特徵
印出來後 如圖所示 修改物件裡面屬性的值可以是 obj.a = 4 或 obj[a] = 4 這兩種方法都可以 定義物件裡的屬性 與 調整屬性特徵 特徵： 值(value) = 對應的值是甚麼 可否寫入(writable) = 可否進行屬性質的修改 可否被刪除
JS Array 新增值的幾種方式
在工作上時 會常常處理到陣列傳遞的情況，偶然看到一些國外的文章寫整理的蠻好的，也就此剛好記錄下來 直接將新的值加到後面 es6 可以這樣寫 splice 可以在很多情境上使用 可用來新增新的值，或是取代某個值等 這裡就介紹新增值的部份 array.splice
2019
利用 google.maps.LatLngBounds 讓googlemap自動縮放到適合的大小
如何讓所有地圖標記自動縮放都在可視範圍的區域 首先 可以先了解地圖的邊界值 先上 code GoogleMap event 參照 html javascript 在地圖上 隨意拖拉 放大縮小 可觀察到值的變動 接著加上多點景點的經緯度 在初始化地圖裡做些修改
2017
JS hoisting (變數提升)
所得到的結果依續會是 3 2 根據 js 的特性 一般在全域範圍裡 不管 function 寫在哪裡 整段函式都會被自動提升到最上面 當然 var 也是 但是 var 只會提升變數名稱 而後面的值並不會 所以 當 var 裡面的變數還沒有值的時後 回傳的值就會
JS scope chain (範圍鏈)
得到的結果會是 1 為什麼呢? 因為 function a、function b、var myVar = 1; 都是在同一個階層裡被宣告，以一般來說 如果外面沒有包任何東西 就是在全域裡被宣告 所以 b 函式在執行的時後 會往外一層是尋找 myVar 的變數，
JS var 跟 let 差別 (變數宣告)
如何在 for 迴圈裡跑出利用 setTimeout 分別跑出 15 var 全域變數 ( 在函式的區塊內 )，若找不到會向上查找，直到沒有相同的變數名稱 let 區域變數 (es6 新增) 作用區在 {} 大括號裡 沒有 hoisting 的問題 const