2024 iThome 鐵人賽

DAY 11

CSS翻頁（Flip）效果

在美國大學教室，常常看見教授們將某個黑板，翻過來，翻過去，這種可翻式的黑板，節省了不少的教室空間。同樣地，利用這種翻頁效果，除了可以節省網頁空間，也增加網頁的吸...

0 Like 0 留言 2394 瀏覽

DAY 12

旋轉吧！木馬

教學的內容如果投影片（Slide）或跑馬燈（Carousel）呈現方式，一定更具教學效果。其實老師們已經很常用投影片教學了，像是powerpoint、keyno...

0 Like 0 留言 1506 瀏覽

DAY 13

尤拉線證明範例完成

經過前面這麼多天的努力，今天我們終於要完成尤拉線證明的教學網頁範例。安裝投影片內容我們將證明過程分成四頁詳細寫下，並且將每頁的內容安裝至昨天完成的投影片範例...

1 Like 0 留言 698 瀏覽

DAY 14

不想努力了，請學Swiper.js

「阿姨，我不想努力了！」，不想努力了，不用找阿姨，請學swiper.js。如果你跳過了第十三天「旋轉吧！木馬」，可能你有預知未來的能力。可能是職業病的關係，就...

0 Like 1 留言 2911 瀏覽

DAY 15

JSXGraph的多邊形與轉換

今天要回來介紹JSXGraph的多邊形（Polygon）和轉換（Transformation）。多邊形 Polygon是繼承自CoordsElement和Ge...

0 Like 0 留言 690 瀏覽

DAY 16

畢氏定理教學

畢氏定理是國中階段最最重要的幾何性質，也是解析幾何的根本要素。大部分的人都能熟練的應用畢氏定理，但是，除了數學老師，卻少有人能證明畢氏理。有人曾收錄了數百個畢氏...

2 Like 1 留言 1074 瀏覽

DAY 17

Koch曲線

今天的數學知識含量高，請小心服用。碎形自然界與人類的生活環境中，有許多自我相似的圖形。如果我們將海岸不斷的放大，都會和原來圖形的某個部分相似（至少近似的）；...

0 Like 1 留言 1200 瀏覽

DAY 18

陣列常用的方法

撰寫Javascript的程式碼時，雖然可以用for迴圈或forEach方法來處理陣列的問題；但是面對內為許多方便的陣列方法，不使用它們，心裏總是癢癢的。回顧前...

0 Like 0 留言 904 瀏覽

DAY 19

非同步處理Promise

明天打算介紹Math.js和MathJax如何動態渲染數學方程式，其中會用到Javascript的非同步處理Promise類別，今天就在這邊介紹它。 Javas...

0 Like 0 留言 615 瀏覽

DAY 20

動態顯示MathJax

如果我們是含有數學符號的靜態網頁，那只要依照第十天的方法，就可以輕鬆處理；然而，如果我們的運算式是由使用者輸入得到，也就是動態顯示數學符號，那程序就會麻煩多了。...

0 Like 0 留言 1087 瀏覽

第十四屆佳作

系列文章