跳到主要內容
m.Mandy's Web

筆記

2020

vscode:cdnjs

搜尋 js 套件名稱,並直接引入 CDN 連結網址蠻方便的其實 安裝後 按 ctrl + shift + p 鍵入 cdnjs search for libraries 輸入要引入的套 件名稱接著選擇版本 即可使用!

Gulp:gulp-file-include

將共用的 html 抽出來 變成共用檔 於 20200523 更新 拿掉舊有寫法與更新一些個人設定 常常在編輯 html 時 會遇到許多共同地方 如 header footer 當時想著 如果能跟後端一樣 將共用的地方取出來 需要時 再 inclde 裡去時

Angular Pipe (管道)

在 Angular 裡用來做一個簡單的數據轉換 這次做的是數值對應 ASCII Table 對照表 在 terminal 裡鍵入 建立一個新的 pipe pipe.ts 在 module.ts 引入 html ts

JS Array 新增值的幾種方式

在工作上時 會常常處理到陣列傳遞的情況,偶然看到一些國外的文章寫整理的蠻好的,也就此剛好記錄下來 直接將新的值加到後面 es6 可以這樣寫 splice 可以在很多情境上使用 可用來新增新的值,或是取代某個值等 這裡就介紹新增值的部份 array.splice

口罩地圖

因為 NOVID-19 (武漢病毒) 造成了全世界的罩慌,使得口罩供不應求 在這此時 The F2E - 前端修練精神時光屋 也發起了 口罩地圖 side project 的製作同時也提供了 API 還有徵求了許多設計師的設計 稿也就搭上了這一波的疫情列車!

D3 長條圖繪製 ( Bar Chart )

這次我們來繪製的是橫條圖! 先建立一些基本變數 效果如下: D3 資料綁定與更新 D3 序數比例尺 scaleBand

agGrid 介紹

agGrid 是個非常強大的表格套件 在撰寫上 大部份都是使用配置的概念做設定 在一開始 agGrid 分別做了 Grid Interface 與 Column Interface 兩大接口 所有的設定就從這兩大接口開始... 以下將會以 Angular 的寫

分類