iT邦幫忙

javascript相關文章
共有 5650 則文章
鐵人賽 自我挑戰組 DAY 21

技術 Day 21:小作品展示

組件實作 : Demo、Demo2 一、前言 昨天學習 Sass 的最主要目的,就是為了要看懂自己以前寫的東西,我把它統稱為小作品,當時的這些小作品我是照...

鐵人賽 Modern Web DAY 21

技術 web component 的實做- 單項下拉選單組件

select元素是一個很常出現、很常使用也很難客製化的元素。所以我第一篇的實做會選擇select來客製化。為了能更好的複用組件,我會分成以下數個部分:顯示資料用...

鐵人賽 Modern Web DAY 22

技術 Have fun! 新手也能打造的Javascript微型專案! Day22: 總是用別人寫的套件? 這次我們自己來寫一個npm package吧!

tags: ItIron2022 Javascript 前言 在開發的過程中我們經常用到大大小小的套件,讓我們不用每次都自己從造起,而是能直接站在巨人的肩膀上看...

鐵人賽 Modern Web DAY 21

技術 Day 21:List 功能實作

組件實作 : Demo 一、前言 List 也是一種很常見的功能,其實 List 可以跟之前做的 Day 18:Collapsibles 組件實作 搭配使...

鐵人賽 Modern Web DAY 20

技術 JS之路 Day20 - What is this?

前言 今天要來講的主題是this,在JavaScript中的this可以在呼叫函式時,透過不同方式決定它要指向哪一個物件,而關於什麼時候會指向什麼地方,這就是t...

鐵人賽 Modern Web DAY 20

技術 Day20 DOM(Document Object Model) 文件物件模型

甚麼是 DOM DOM (Document Object Model),中文翻譯為「文件物件模型」,是一個經過 W3C 定義,將 HTML 文件內的各個元素、...

技術 基本JavaScript Methods of Number object - Training JS #14: toString() and toLocaleString()

這次介紹的是toString()和toLocaleString(),這兩個有什麼差別呢?不難發現後者多了Locale這個單字,也就是說,後者會依照所在地區去轉化...

鐵人賽 Modern Web DAY 20

技術 Day 20 咩色用得好 - Array.prototype.findIndex

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 findIndex() 這個 method 的...

鐵人賽 Modern Web DAY 19

技術 【D19】 小工具:身分證製造機(part 1)-規則

這次製作新的小工具-身分證製造機! 身分證製造機這工具個人很常用,因為要模擬客戶進行交易、帳務處理、顧客管理等等都會要用到,而且還要可以批次產生,因此才想到要做...

鐵人賽 影片教學 DAY 13
從麻瓜變成前端魔法師 系列 第 19

技術 Day19【從麻瓜變成前端魔法師】JS 陣列 array

陣列的操作方法 說明 push( ) 新增資料到陣列的末端 pop( ) 移除陣列的最後一個元素 shift( ) 移除陣列的第一個元素...

鐵人賽 Modern Web DAY 19

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-19 Fundamental Objects(二)-Function Objects (函式物件)

前言 函式是JavaScript的最重要的一部份,所有的運作都是靠函式一個一個連接起來,就像是精密儀器的小小螺絲,微小但是很重要,跟鯊魚一起來看看Functio...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29 Side Project : Notes App 備忘錄

今天要來做的是備忘錄,可以新增、修改以及刪除,並儲存在local storage中,畫面上錄不到重新整理的按鈕,不過若正確存放到 local storage...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20:Sass 學習筆記

一、前言 之前在 Hahow 學習前端相關的課程,學了一點 Sass 的基本寫法,印象中大概學了 4 個月,後來使用純 CSS 作為開發環境,導致 Sass...

鐵人賽 Modern Web DAY 20

技術 Day 20:AJAX 功能實作

組件實作 : Demo 一、前言 AJAX(Asynchronous JavaScript and XML)中文翻作「非同步的 JavaScript 與...

鐵人賽 Modern Web DAY 21

技術 [DAY 21] 不要再掐指算時辰啦!與時間套件一起準備當時空旅人吧!

沒錯!接下來要跟套件們合作嚕! 算時間一直都是麻煩事,簡單移動個一天兩天還可以,但一下要算時差,一下要算隔幾天,然後又要拆格式...然後就迷失在時間的洪流(?...

鐵人賽 Modern Web DAY 20

技術 web component 的實做- 推薦的最佳實踐方式和個人心得

上篇文章算是正篇的最後一篇文。從這篇文章開始,會以實做web component的角度出發,從小規模使用,到建立組件庫。 推薦的最佳實踐方式 如果各位之前只有看...

鐵人賽 Modern Web DAY 19

技術 JS之路 Day19 - What is symbol?

前言 ES6才加入的primitive type,我個人覺得是primitive type當中最難理解的。 object的key在ES6之前都只能是字串,就算寫...

鐵人賽 自我挑戰組 DAY 28

技術 [Day 28] Motivational Modal: 無限心靈雞湯

如果你想要成長,跨出你的舒適圈。泥濘中跌倒再站起,失敗就是一種學習。你就是你,獨一無二,綻放著,閃耀著。今天我們來實作Day #26 Motivational...

鐵人賽 Modern Web DAY 19

技術 Day 19 咩色用得好 - Array.prototype.slice

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 slice() 這個 method 的全寫應該...

鐵人賽 自我挑戰組 DAY 22

技術 Day22- 使用DayJS來操作時間(上)

前面在測試npm套件的時候,有用到的一款套件來做測試,這個套件叫做DayJS。DayJS是用來對時間進行操作的套件,只要有關於時間,你就能看到DayJS的影子。...

鐵人賽 自我挑戰組 DAY 28

技術 Day 28 Side Project : 3D Background Boxes 立體背景盒

當初在挑選主題的時候,覺得這個好酷,可以玩到 CSS 3D transform ヽ(✿゚▽゚)ノ 事前準備 一張gif圖檔 超白話畫面和功能拆解 按...

鐵人賽 Modern Web DAY 21

技術 Have fun! 新手也能打造的Javascript微型專案! Day21: 觀念跟語法老是忘記? 那寫個flash-card程式來幫助自己記憶吧!(下)

tags: ItIron2022 Javascript 前言 昨天我們完成了新增與展示卡片兩大核心功能,今天我們將完成最後的切換卡片功能,處理樣式的css都預先...

鐵人賽 自我挑戰組 DAY 27

技術 [Day 27] Map Marker: 烏石港衝浪去

我們在使用google map的時候,會將自己喜愛的地方標記起來,以備未來想要查看時,能夠更迅速的掌握資訊 ~今天我們來實作Day #25,以下有些class命...

鐵人賽 Modern Web DAY 26

技術 【Day30】學習資源、心得感想

今天是第30天來分享我這個轉職路上的前端小白學習JS的資源~ 學習資源 學習心態 完賽心得 學習資源 如果還不確定自己是否喜歡前端,當然就是從一些免費的資...

鐵人賽 Modern Web DAY 19

技術 Day19 函式 (function)

我們今天要來介紹函式函式 (function) 的用途是把會重複使用的程式碼封裝起來,未來想要用的時候隨時可以呼叫出來使用。 例如我們有一台機器人 想要讓它以...

鐵人賽 影片教學 DAY 13
從麻瓜變成前端魔法師 系列 第 18

技術 Day18【從麻瓜變成前端魔法師】JS 比較運算子

大於 (>)大於或等於 (>=)小於 (<)小於或等於 (<=)一般相等 (==)一般不相等 (!=)嚴格相等 (===)嚴格不相等...

鐵人賽 Modern Web DAY 19

技術 [Day18] web component 的應用-微前端

因為時間不足,有些部分有少圖片。但考慮到我的進度,可能要完賽後慢慢補上了。 微前端 說實話,我對這個應用沒有很在行。不僅因為微前端本身就不像微服務一樣有一個固定...

鐵人賽 Modern Web DAY 19

技術 Day 19:滑動頁面組件實作

組件實作 : Demo 一、前言 滑動頁面組件 Overlay 的用途是當作側邊選單,可以用在隱藏一部分的資訊,讓頁面看起來更乾淨,反過來說,Overla...

鐵人賽 自我挑戰組 DAY 29
JavaScript亂記 系列 第 29

技術 樣板字面值(Template literals)

樣板字面值(Template literals)是允許嵌入運算式的字串字面值(string literals)。你可以透過樣板字面值來使用多行字串及字串內插(s...

鐵人賽 自我挑戰組 DAY 28
JavaScript亂記 系列 第 28

技術 Ajax 非同步處理

Ajax 是 Asynchronous JavaScript and XML的縮寫,非同步請求的概念。 Asynchronous:非同步 JavaScript...