使用 ReactDOM 來 Render 被測試元件 假設現在有一個 <FavoriteNumber /> 元件，我們要測試它是否有 render...
Day32 玩轉同樂 簡單小語 最近莫名看到這種特效很炫的就會想要寫來練習，又是為元素的應用，當然還有flex的排版，大致上沒太大問題，不過現在對於Body的...
還記得昨天說的那句話 ES6 以前除了函式外沒有任何結構可以建立他們自己的範疇泡泡。 ES6 我們擁有了什麼造成這改變? ES6 以前只能用 var...
React render list 使用情境 在撰寫前端頁面常常會需要把 list 中的內容全部顯示到畫面上。 舉例來說，我們可能會需要把一個 list（Arr...
影片 ◼︎ 本集內容：Svelte 經驗談 ◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day22-svelte-jing...
愷開
‧
2020-10-01
本系列文章經過重新編排和擴充，已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫，多少有些許錯誤。為了避免造成讀者的困擾，以及配合書籍的內容規...
終於跑完一半鐵人賽了，接下來會慢慢深入JavaScript比較進階的部分(嚇怕。這兩三天會進入原型的課題，而今天就先整理一下原型的基本概念。 原型是什麼？ 我們...
おはー(U 'ᴗ' U)✧ 我是 SONYKO 。中秋節快樂～ ♪ MHW 黑龍今日登場 ✧還沒發文只能邊看實況邊打文章a 我。 中秋節我們聯想到烤肉串、串...
函式語句 現在我們談過了函式名稱、函式參數，接著剩下的部分是函是內部的語句部分。 單一職責 在函式語句當中，基本上要符合該函式名稱的意圖，但是當你在同個函式中做...
請前往 https://maxlee.me/posts/highchart/highcharts-17 取得最新文章內容
如果我們的函式很簡單，或是只有使用一次，那大可不必宣告一個函式，可以使用函式實字(Function literal)，建立匿名方法 let arr = ['12...
長庚
‧
2020-10-01
本系列已集結成書從 0 到 Webpack：學習 Modern Web 專案的建置方式，這是一本完整介紹 Webpack 的專書，如有學習 Webpack 相...
Day31 來杯咖啡 簡單小語 看似簡單卻又充滿挑戰細節的咖啡杯，一開始的躍躍欲試到後面的苦惱煩惱，運用各種偽元素拼拼湊湊，最後的波浪顏色區分，還是想不到方法...
16 - Memoized Fibonacci Don't say so much, just coding... Instruction Problem Co...
前面我們以原生Javascript手動完成SPA的基礎架構，從建立Component，到設定Route與Router，並搭配Webpack進行模組化的開發。前面...
今天閱讀完快速上手中Angular基本概念-模組簡介這一小節 快速上手文件-Angular基本概念-模組簡介 FB專頁：https://www.faceboo...
長庚
‧
2020-10-01
迴圈可以重複執行同一組程式碼，幫我們處理不斷重複的事情。迴圈會檢測條件，如果條件為 true，便會執行程式碼；接著條件繼續被檢測、程式碼繼續執行，直到條件為 f...
前一個章節有提到範疇泡泡，那這些泡泡除了最外圈的全域變數外，難道建立範疇泡泡只能透過函式嗎? 讓我們繼續看下去~ 函式的範疇 在 JS 的世界中函式會為自己...
影片 內容 透過 Svelte 搭配 d3.js 做資料視覺化很方便，可以很容易跟 DOM 節點互動之外，搭配 reactivity 的語法也很容易執行 d3...
愷開
‧
2020-09-30
在 SSR 誕生時就出現了一種對於某種程式碼的稱呼 Isomorphic Javascript ，這種程式碼會把與環境相關的部份包裝成同樣的 API ，並靠著...
webpack loader 之前也講過，能把檔案做預先處理，在 「最後」 轉換成 webpack 能夠理解的 js 來讓 webpack 處理，在 webpa...
JavaScript的陣列已經內建了filter()、map()、sort()方法。 其中filter()、map()方法並不會改變原本的陣列，而是輸出一個新陣...
長庚
‧
2020-09-30
本系列已集結成書從 0 到 Webpack：學習 Modern Web 專案的建置方式，這是一本完整介紹 Webpack 的專書，如有學習 Webpack 相...
實作 jQuery Event 系統 本文同時發布於好讀整理版 鐵人賽最後一篇，來一點比較特殊的實作，事件監聽系統。 平常就直接寫了，不知其原理，但其實我們...
解構賦值是ES6新增的寫法，讓我們更快捷去把陣列或物件裏的值賦予給變數，同時也讓程式碼更易閱讀。解構賦值的概念挺直接的，但自己在應用上還是很不熟悉，所以今天就來...
到今天為止，我學習 JS 大約過了四個月。並不是什麼聰明厲害的人，所以同樣的東西重複學了三次。第一次是自己在 youtube 和 google 上找資料學，學完...
撰寫出優雅的函式 瞭解了如何將函式應用於程式碼之中，也學到了一些基礎語法與記憶體等概念，但開發程式卻還是不知如何起頭？強迫自己東寫西寫的下場，最後卻又遇到了下列...
WES BOS系列影片Alex快速導讀系列影片 今天的練習重點是抓取DOM容器的座標與mousemove事件我們要做一個文字陰影與滑鼠互動的效果要做出這個效果，...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
文章選自 作者：ConardLi 連接：https://juejin.im/post/6844903929705136141 來源：掘金 乞丐版 利用：...
TWGD
TerryYu
Robin
Henry Chang
Yuri Tsai
Alysa Chan
RIN
ShawnL
MaxLeeBK
Peter Chen
Chester
river_huang
asn lin
DanSnow
smartyee
我是圈圈
喬依司
Andy Chang
s95050937
iThome鐵人賽
看影片追技術