iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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(不能沒收功就罵髒話)來的...

鐵人賽 Modern Web DAY 6

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

超緊繃!30天Vue.js學習日記 指令V集合! 大家好,我今天要帶來的是:指令(directives)的介紹,在vue中,指令帶有 v- 的前綴特性,其功能...

鐵人賽 Modern Web DAY 14

技術 Day 14. 機動藍圖・函式超載 X 究極融合 - Function Overload & Interface Merging

閱讀本篇文章前,仔細想想看 試問介面跟型別系統的差異性在哪? 為何要儘量對程式碼進行抽象化的動作? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 什...

鐵人賽 Modern Web DAY 15

技術 [ Vue.js ] 狀態保留 keep-alive

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

鐵人賽 自我挑戰組 DAY 15
一週程式專案挑戰 系列 第 15

技術 [專案02]自製踩地雷(八)JS控制CSS屬性

踩到會爆炸的地雷、計時器以及遊戲難度 【大綱】 優化程式碼 控制CSS屬性 遊戲介紹 心得 作品:踩地雷 【優化程式碼】 有的用table;有的用grid...

鐵人賽 Modern Web DAY 3

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

前言 轉生第二日,我們必須先學習如何建立一個變數,而變數也是我們開發系統常常使用的一個東西,你可以理解成我們的必點基礎技能。 變數 在系統開發時,通常我們都會需...

鐵人賽 Modern Web DAY 2

技術 Day 02:Bot 開發起手式

靜態(Static)vs 動態(Dynamic) 在開發 Chatbot 時,很多時候我們會拿網站開發上的概念來做一個類比,透過這樣的類比,可以很大幅度地加快一...

鐵人賽 Modern Web DAY 2

技術 DAY15- named slots 命名插座

named slots 子節點就是放這裡 named slots 是什麼呢,還記得昨天跟大家分享如何使用 slot 來製作複合式的元件,但是大家應該會問如果有多...

鐵人賽 Modern Web DAY 1

達標好文 技術 Day 01:讓前端、後端 JavaScript 開發者都能上手的 Chat App 教學

前言 近年來由於通訊軟體 (Messenger、LINE、WhatsApp...) 成為普遍人們最常使用的 App,總使用的時間也隨著漸漸攀高,再加上各軟硬大廠...

鐵人賽 自我挑戰組 DAY 1

技術 新手村01 - JavaScript Drum Kit

01 - JavaScript Drum Kit 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? smal...

鐵人賽 Software Development DAY 2

技術 Day2-陣列操作常用的20個函式

這次的文章可以說是JavaScript中,陣列相關操作函式大全了,總共有20個函式,就請準備筆記本好好記錄下吧! 1. 合併陣列 - concat() 其實字串...

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

技術 Component 的溝通方式 :props Day 14

部落格同步刊登 [IT 鐵人賽] Component 的溝通方式 :props Day 14 這裡拿 :props 來回鍋複習一下,也順帶的,我們會提及一些...

鐵人賽 Modern Web DAY 5

技術 【React.js入門 - 05】 JSX (上)

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

鐵人賽 Modern Web DAY 12

技術 【Day 12】Styled-component

原本今天要介紹其他主題的,但後來想想既然昨天都介紹 inline-style 了,今天就介紹另一種 styling 的方式 - styled-component...

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

技術 JavaScript 初心者筆記: 迴圈如何加總

昨天簡介完迴圈的基本觀念之後,今天要分享一個迴圈加總的範例,透過範例應該能夠更清楚迴圈實際的運作。 有一個村莊,裡面有三個農場,要如何透過迴圈計算三個農場的...

鐵人賽 Modern Web DAY 15

技術 Day15【ES6 小筆記】物件縮寫好棒棒!Object literal extension

在 ES6 中,物件的撰寫更簡便了!可以使用縮寫的方式縮短我們的程式碼,省去的繁瑣的工作外,也能增加可讀性,今天就來一探究竟唄~ 物件內屬性的簡寫 以我家兔子...

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

技術 DAY15 Swap Nodes in Pairs

題目: https://leetcode.com/problems/swap-nodes-in-pairs/一個連結串列,交換2個相鄰的節點並返回首節點。 解題...

鐵人賽 自我挑戰組 DAY 1

技術 人生總是要做些沒做過的事,例如寫鐵人賽

Day 01 從來沒想過自己會參加這種接力賽,因為自認自己的恆毅力常常被自己的記憶力擊潰,有許多事自己做著做著就忘記了,即使做著筆記,也會常常記著記著就忘記自己...