BLOG LIST

#Angular

17Jul 2019

1 minutes to read

Angular 繫結方式

Angular 共有四種資料繫結的方法內嵌繫結```html{{ title }}``` 屬性繫結`[property]='statement'````html這是內文``` 事件繫結`(event

#css #JavaScript #JS地下城

30Jun 2019

2 minutes to read

JS地下城：11F-燈箱效果

規則- 【特定技術】不可用 JS 框架，只能單純用原生 JS。- 【特定技術】需符合響應式設計。- 【特定技術】當螢幕伸縮(resize)時，介面與 JS 功能也需正常---這次的關卡大部份就是練習

#css #JavaScript #JS地下城

20May 2019

1 minutes to read

JS地下城：4F-時區

規則- 【特定技術】僅能使用原生 JS 開始，不能使用套件- 【特定技術】特別注意必須用 JS 處理各國時區- 【書寫能力】請寫一篇 BLOG 來介紹你的挑戰過程，並介紹 JavaScript 如何提

#css #JavaScript #JS地下城

18May 2019

1 minutes to read

JS地下城：1F-9x9 乘法表

規則- 【特定技術】需使用 JS for 迴圈技巧，裡頭數字不能直接寫在 HTML 上，需使用 JS 印出。- 需使用 HTML、CSS、JS 技術- 介面需與設計稿一致---[demo 頁](h

#chart #css #JavaScript

12May 2019

1 minutes to read

利用 js 搭配 css 繪製折線圖

概念> 利用 [畢氏定理](https://zh.wikipedia.org/wiki/%E5%8B%BE%E8%82%A1%E5%AE%9A%E7%90%86) 畫出兩點間的斜線算斜率有兩種函數分

#JavaScript #typescript

01May 2019

2 minutes to read

初探 Typescript

interface 定義型別( 規格 )```tsinterface Person { firstName: string; lastName: string;}function greeter(

#css #JavaScript #JS地下城

14Apr 2019

3 minutes to read

JS地下城：10F-Chrome 應用程式(幹話產生器)

規則- 【特定技術】請開發 Chrome extension，不需上架，投稿時請提供安裝檔放在雲端，以供 GM 下載測試。- 【特定技術】打開 Chrome 新頁(tab)時，會隨機顯示你自己新增

#JavaScript

15Mar 2019

2 minutes to read

JS 常用 function 整理

此篇不定時更新, 便利健忘的自己 XD 轉 emoji 編碼```javascripthex2char = function (code) { if (!code) return ''; var

#css #JavaScript #JS地下城

12Mar 2019

5 minutes to read

JS地下城：9F-抽獎轉盤

規則- 【特定技術】2017 遊戲輪盤規則輪盤只能轉 20 次，人人有獎 Flight：1 份 Child：4 份 Anything：5 份 Wifi：5 份 Wish：5 份已經被抽到的獎項，就不

#JS地下城 #JavaScript #canvas

08Mar 2019

3 minutes to read

JS地下城：7F-畫版

規則- 【特定技術】繪圖區請使用 Canvas 來設計，上方的控制列與下方的畫筆調整可不用 SAVE ：點擊後可直接下載轉出的 PNG 圖片 CLEAR ALL：清除畫版樣式 UNDO、REDO：上