iT邦幫忙

javascript相關文章
共有 5179 則文章
鐵人賽 Modern Web DAY 14

技術 【Day 14】Form in React

今天要來介紹在 React 中如何建構最基本的 form。 重點可以歸納出這幾項: 建立 state 變數,且與 input value 做綁定 設定 onC...

鐵人賽 Modern Web DAY 3

技術 Day 03:快速學會 Bottender 基礎概念

初期在打造 Bottender 時,經過累積了非常多的實戰經驗並參考了許多不同領域的概念,漸漸地衍伸出許多具體的概念與模組。了解這些概念與設計模式後,就能充份的...

鐵人賽 Modern Web DAY 4

技術 EP.3 RE:從零開始的學習 JS 生活-第三日

前言 轉生第三日,這一篇要來認識該如何選取 HTML 的元素,所以將會來介紹選取器。 選取器 選取 HTML 元素的方式有很多種語法,但是最常見的方式有兩種,一...

鐵人賽 Modern Web DAY 7

技術 [Vue.js][日記]指令V集合!(2)

超緊繃!30天Vue.js學習日記 指令V集合!(2) 大家好,我們終於來到第7篇了…咳咳昨天有講了一些指令,但是沒講完,所以今天要介紹的是其他指令:主要分別...

鐵人賽 Modern Web DAY 17

技術 Day 17. 機動藍圖・複合型別 X 型別複合 - TypeScript Union & Intersection

閱讀本篇文章前,今天什麼都不用想! 直接進入正文,快看下面! 筆者就直接讓油門繼續摧下去~正文開始! 筆者 O.S.:今天又是數學時間,要學好程式可真不...

鐵人賽 Software Development DAY 3

技術 Day3-創造(creation)和提升(hoisting)、undefined

javascript 在創建執行環境時做的其中兩件事是做創造和提升 先來看看示範: // app.js var a = 'Hello world!' func...

鐵人賽 Modern Web DAY 16

技術 [ Vue.js ] 插槽 slot

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 3

技術 [JS30]DAY2 : JS and CSS Clock

[程式碼&DEMO] [HackMD完整筆記] 目標 用JS與CSS製作出一個時鐘。 步驟流程 學習筆記 :after new Date()...

鐵人賽 Modern Web DAY 2

技術 DAY16- 插座的屬性

slot props 元件如何傳遞變數給子節點 slot props 是什麼是今天的主題,在分享完 svelte slot 的基本內容後要來告訴大家插座元件怎麼...

鐵人賽 Modern Web DAY 16

技術 Day 16. 機動藍圖・介面與型別 X 混用與比較 - TypeScript Interface V.S. Type

閱讀本篇文章前,仔細想想看 TypeScript 的型別系統與介面之間在語法上的差別與介面或型別的使用有何共通點呢?但意義上又會差在哪? 如果還沒理解完畢的...

鐵人賽 Modern Web DAY 16

技術 Day16【ES6 小筆記】// javascript 怎麼下個好註解?

今天來介紹 ESLint airbnb 中對於註解的建議,好的註解除了可以增加程式碼的可讀性之外,對於團隊間的開發,如果有培養下註解的默契,在維護上也會有幫助歐...

鐵人賽 Software Development DAY 3

技術 Day 03 - Client 與 Server 的溝通 - 同時處理多個連線

在上一篇的範例中,我們會發現無法「多人連線」,這是因為 Ruby 的程序會因為有一個連線進入後就呈現了阻塞(Blocking)的狀態,為了處理這樣的問題在大多數...

鐵人賽 Modern Web DAY 15

技術 Day 15: 物件原型

物件是 JavaScript 另一個大主題,光是 “almost everything in JavaScript is an object” 這句話就知道物件...

鐵人賽 Modern Web DAY 17

技術 Day17【ES6 小筆記】Array.reduce() - 陣列累加 / 比大小 妙招

上次練習了 airbnb 推薦的 map() 語法,我們再來複習一次 ESLint airbnb 的規則怎麼說的: 11.1 不要使用迭代器。更好的做法是使用...

鐵人賽 Modern Web DAY 15

技術 Day 15. 機動藍圖・功能多樣性 X 多樣性介面 - More on TypeScript Interface

閱讀本篇文章前,仔細想想看 到目前為止對於 TypeScript Interface 介面的理解到什麼程度呢? 你認為 TypeScript 和第三方套件...

鐵人賽 Modern Web DAY 13

技術 【Day 13】Conditional Rendering

大家好,經過兩篇 style 的介紹,今天總算要回到處理邏輯的部分了。 一般在開發應用時,常常會需要根據特定 condition 做邏輯判斷,除了一般我們熟知的...

鐵人賽 Modern Web DAY 6

技術 【React.js入門 - 06】 JSX (下)

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 17
VueJS 從前端到後端 系列 第 17

技術 題外話:原始碼之藏在 $watch 當中的神奇設定 Day 16

部落格同步刊登 [IT 鐵人賽] 題外話:原始碼之藏在 $watch 當中的神奇設定 Day 16 其實,這是我之前寫過的 一篇文章(我絕對不會承認是拿來墊...

鐵人賽 Modern Web DAY 3

技術 JS 原力覺醒 Day03 - 執行環境與執行堆疊

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 Modern Web DAY 16
JavaScript 初心者筆記 系列 第 16

技術 JavaScript 初心者筆記: 在迴圈中 take a "break"

當我們在執行迴圈時,不一定要從頭到尾都做完,有時候只要找到一個符合條件的值,後面就可以不用跑程式碼了。如果是這種情形,那就可以用關鍵字 break 退出迴圈。...

鐵人賽 自我挑戰組 DAY 2
JavaScript 新手筆記 系列 第 2

技術 Day02 - 工具

前言 這次主要是要說明練習所使用的工具,以及練習環境的架設 工具 開始練習之前當然需要工具,基本上會以 VSCode 為主,若自己想單純練習也可以直接使用線上工...

鐵人賽 Modern Web DAY 2

技術 JS 原力覺醒 Day02 - JavaScript V8 引擎

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 Software Development DAY 3

技術 Day3-二維陣列與數地雷應用

這次要來介紹的是二維陣列,二維陣列就是陣列裡面的元素也是陣列的一種資料結構舉個例子來說: const group = [ ['172', '156', '1...

鐵人賽 自我挑戰組 DAY 16
刷題記錄與人生分享 系列 第 16

技術 DAY16 Merge Two Sorted Lists

題目: https://leetcode.com/problems/merge-two-sorted-lists/合併2個排序好的鏈結串列,按排序大小回傳一個新...

鐵人賽 Modern Web DAY 6

技術 [DAY06] 終極蛇皮上班太認真之其實是半夜趴著滑手機之肩頸痠痛之做個按摩服務吧

我想說的是使用 JSX 建立一個跟 todoList 87分像的東西 在思考用什麼做主題的過程中,覺得 todolist 跟 hello world 一樣了...

鐵人賽 Modern Web DAY 16
VueJS 從前端到後端 系列 第 16

技術 Vue App 的溝通方式 Day 15

部落格同步刊登 [IT 鐵人賽] Vue App 的溝通方式 Day 15 鐵人賽至今也過半了,所以為了慶祝一下,我們最後來講講各種 Vue App 之間的...

鐵人賽 自我挑戰組 DAY 2

技術 JS 陣列 Array 是什麼 ?

Day 2 不就排排站,有什麼好說的?這您有所不知,這陣列可是好多花樣可變。 在討論陣列之前,可以先來想像一下,如果今天天氣超級好,我們洗了很多衣服,曬乾之...

鐵人賽 自我挑戰組 DAY 2

技術 新手村02 - JS and CSS Clock

02 - JS and CSS Clock 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small s...

技術 PHP-單獨開啟商品清單使用handlebars顯示到HTML筆記記錄

index.php <div id="commodity-list"> <div class="cl...

鐵人賽 自我挑戰組 DAY 2

技術 DAY 2 數學!! 數學!!

曾經有個節目的橋段是像下面這樣。如果你叫美國人選出 它們最討厭的四個字母組合起來的單字我想MATH 會比102 117 099 107(不能沒收功就罵髒話)來的...