BLOG LIST

#Gulp #node #JavaScript

29May 2020

3 minutes to read

Gulp：gulp-iconfont ( 將 svg 轉 iconfont 字型 )

> 將 svg 轉 iconfont 字型 GULP 設定```jsconst iconfont = require('gulp-iconfont');const consolidate = requ

#Gulp #node #JavaScript

24May 2020

2 minutes to read

Gulp：gulp-file-include

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

#Gulp #node #JavaScript

23May 2020

4 minutes to read

Gulp：自動化 rwd css sprite ( 自適應雪碧圖 )

> 將許多 icon 小圖轉換成大圖做成 sprite_於 20200523 更新拿掉舊有寫法加上新的 cssTemplate_這次更新是因為把之前寫的很醜的 cssTemplate 翻新重寫也

#JavaScript

04May 2020

1 minutes to read

JS Array 過濾重覆值的幾種方式

陣列裡有時後會處理到把重覆的值濾掉，有以下幾種方式以這個陣列為例```jslet arr = ['Apple', 'Banana', 'Orange', 'Mango', 'Orange', 'Ap

#Angular

03May 2020

2 minutes to read

Angular Pipe (管道)

在 Angular 裡用來做一個簡單的數據轉換這次做的是數值對應 ASCII Table[對照表](https://www.cs.cmu.edu/~pattis/15-1XX/common/hando

#JavaScript

29Apr 2020

2 minutes to read

JS Array 新增值的幾種方式

在工作上時會常常處理到陣列傳遞的情況，偶然看到一些國外的文章寫整理的蠻好的，也就此剛好記錄下來會改變原來陣列 ( 在記憶體裡是使用同一個位置 ) push直接將新的值加到後面```jsconst

#Angular #life

17Apr 2020

1 minutes to read

口罩地圖

契機因為 NOVID-19 (武漢病毒) 造成了全世界的罩慌，使得口罩供不應求在這此時[The F2E - 前端修練精神時光屋](https://www.facebook.com/groups/173

#D3

13Apr 2020

2 minutes to read

D3 長條圖繪製 ( Bar Chart )

這次我們來繪製的是橫條圖！先準備一筆簡單的資料```jsdata = [ { label: '2011', value: 45, }, { label: '2012',

#Angular #agGrid

28Mar 2020

3 minutes to read

agGrid 介紹

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

#RxJS

27Mar 2020

1 minutes to read

RxJS 概念

Observable 可觀察物件連續性發生的資料 (主體) ，沒有寫 subscribe 是不會被執行的要下了後才會被啟動在執行過程中隨時可以中斷行為```jsvar click$ = fromE