iT邦幫忙

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

技術 Day 30:完賽心得(2022 自我挑戰)

一、前言 終於完成鐵人賽啦!可怕的不是每天的截稿期限,而是要在同一天寫兩篇「完賽心得」,而且內容還不能一樣,雖然我是有點想直接複製貼上,不過這樣子好像有點說不...

鐵人賽 Modern Web DAY 30

技術 Day 30 : 完賽心得(2022 主題競賽)

一、前言 終於寫到第 30 天啦~真是可喜可賀(超感動的)!沒想到在比賽的這一個月裡,時間居然可以過的這麼快,每當寫完文章後,不知不覺間天也跟著黑了,更沒想到...

鐵人賽 Modern Web DAY 29

技術 Day 29 咩色用得好 - Array.prototype.sort (part - 2)

Abstract 我是阿傑,昨天 (Day 26) 介紹了 sort() 的基本用法,今天就來介紹 ECMAScript 演算法的部分,這邊會用我的理解將其拆成...

鐵人賽 Modern Web DAY 29

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-29 Function- Method definitions & getter & setter 物件內的函式 與 get & set

前言 在JavaScript中Function,是First Class Function(一級函式),也就是說你可以用變數去承載一個函式,進一步來說可以放變數...

鐵人賽 Modern Web DAY 29

技術 web component 組件庫-介紹能直接使用的函式庫

這篇文章會以我知道的能箱使用的組件庫列出來,再加一點點心得 Material components web 這個函式庫是google利用LitElement這個...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29:前端面試題目整理

一、前言 本篇要來整理常見的面試題目,整理的目的只是為了日後方便閱讀,文章內的資訊都是從網路上收集而來,若是有侵權情況,煩請告知謝謝! 二、非關技術問題 2...

鐵人賽 Modern Web DAY 29

技術 Day 29:組件集大成

功能實作 : Demo 一、前言 今天的目標是將現有的組件組成一個 SPA 網頁,最終目標是先把網頁寫出來,至於優化和除錯的部分,就要等整個功能都實作出來...

鐵人賽 自我挑戰組 DAY 28

技術 Day 28 Object & Array

前言 Day23 講到資料型態,最後一個是物件 在這篇好好詳細說明關於物件這個容器 再來是陣列跟陣列方法的簡單使用方式 物件Object 物件主要是用來封裝其...

鐵人賽 Modern Web DAY 28

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-28 Function-parameters & Arrow function expressions 函式 - 參數 與 箭頭函式

前言 不知不覺已經到最後三天了,感覺需要收尾了,但是還有好多東西要學阿!!!我也從什麼都不懂得小屁鯊,蛻變成一隻知道自己還有好多東西不懂的大笨鯊(笑),笑歸笑,...

鐵人賽 Modern Web DAY 28

技術 Day 28 咩色用得好 - Array.prototype.sort (part - 1)

Abstract 我是阿傑,由於 sort() 這個咩色的 ECMAScript 的演算法非常複雜,為了避免文章過於龐大,會將其拆成 2 天介紹: 第 1 天...

鐵人賽 Modern Web DAY 28

技術 Day28 箭頭函式 Arrow function

陳述式 與 表達式 在介紹箭頭函式之前,我們先簡單了解一下甚麼是 函式陳述式 跟 函式表達式 函式陳述式 ( Function Statement ) 函式陳述...

鐵人賽 Modern Web DAY 27

技術 【D27】 小工具:身分證製造機(part 7)-畫面與功能結合

製作完產生身分證的 JavaScript,接著就把它們放入 React 的程式中。 .jsx 引入功能 在使用 Day25 的樣式,結合 Day26 的程式,就...

鐵人賽 Modern Web DAY 28

技術 web component 組件庫實做-介紹造輪子的工具庫

這幾天在找網路上的web component相關的庫,才發現自己之前的很多想法都是有問題的。想到我之前在專案中寫的東西,以及本次鐵人賽的部分文章。這下就算鐵人賽...

鐵人賽 自我挑戰組 DAY 28

技術 Day 28:前端測試入門

一、前言 測試是前端裡面的一個重要單元,雖然說很重要,但是在一般的練習專案中,不會特別的去撰寫測試單元,自然就不會去研究相關的資料。趁這次鐵人賽的機會,來好好...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27 function 打包程式碼好用的函式~

前言 補充說明關於資料型態裡面,數值變成字串的用法。 舉例示範,原本應該要是數字的簡單運算相加,如下圖 let age = 28; console....

鐵人賽 Modern Web DAY 28

技術 Day 28:置中功能實作

功能實作 : Demo 一、前言 本篇主要在探討「各種 CSS 置中排版的技巧」,這些技巧主要是參考 Amos 大的「CSS垂直置中技巧,我只會23個,你...

鐵人賽 Modern Web DAY 27

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-27 RegExp 正規運算式 (二)

前言 RegExp 正規運算式,是一個讓文字篩選可以有很大彈性的東西,昨天概略介紹了他的組成,今天讓我們繼續深入聊解RegExp 的其他屬性。 Properti...

鐵人賽 Modern Web DAY 27

技術 JS之路 Day27- JSON Methods(JSON 方法)

今天要來介紹JSON的兩個靜態方法: JSON.parse() JSON.stringify() 會從什麼是JSON開始介紹起,直接開始吧。 JSON JS...

鐵人賽 Modern Web DAY 27

技術 Day 27 咩色用得好 - Array.prototype.splice (part - 2)

Abstract 我是阿傑,昨天 (Day 26) 介紹了 splice() 的基本用法,今天就來介紹 ECMAScript 演算法的部分,這邊會用我的理解將其...

技術 基本JavaScript Methods of Number object - toFixed(), toExponential() and toPrecision()

首先要先搞懂這三個有什麼差別跟如何使用?toFixed(), toExponential() and toPrecision()這三個回傳的都是字串,toFix...

鐵人賽 Modern Web DAY 27

技術 Day27 AJAX 非同步的 JavaScript 技術 (2) - AJAX 非同步特性

以下方程式碼為例,我們可以看到詭異的事,最下面外層的 console.log(ary); 竟然回傳的是空陣列,但函式內卻能印出正確的資訊,這是為什麼呢? let...

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

技術 Day26【從麻瓜變成前端魔法師】JS 三元運算子

學習網站推薦:W3School 、 MDN 若想知道更多資訊,可參考文字敘述:Day30【每天5分鐘】學前端 | 三元運算子 & 結尾 感謝收看,我...

鐵人賽 Modern Web DAY 26

技術 【D26】 小工具:身分證製造機(part 6)-製作身分證製造功能

已經在 Day25中設計了製作身分證的樣式,接下來要製作點擊按鈕後進行的程式邏輯。 製作邏輯的 js 檔案 建立一個 idnoCreater.js 的檔案,裡面...

鐵人賽 Modern Web DAY 27

技術 web component 組件庫實做建議-大型複合組件

抱歉,這篇文章寫的錯誤百出,請各位無視這篇文章,我再找時間更新。 在使用web component建構組件庫的時侯,有一個很常見的問題,那就是web compo...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27:React 的 Hook - 概觀

一、前言 Hook 的東西不太可能用幾篇就可以全部介紹完畢,所以在這邊先列出一些使用 Hook 時可能要注意的地方,再慢慢將這些知識點給補上。在第二章節介紹...

鐵人賽 Modern Web DAY 27

技術 Day 27:CSS 選擇器功能實作

組件實作 : Demo 一、前言 今天要來實作CSS Selectors(選擇器),選擇器的最主要用途,就是讓 CSS 可以更精準的選取到想要的元素,如果...

鐵人賽 自我挑戰組 DAY 26

技術 Day 26 轉吧轉呀 迴圈呦~

前言 昨天提到JavaScript的判斷式,今天進入到無限的轉圈圈 Day23 常數補充 const有兩派的做法,一種是只把const用在從根本上就不會改變的值...

鐵人賽 Modern Web DAY 26

技術 JS之路 Day26 - Strict Mode(嚴格模式)

前言 JavaScript的嚴格模式,如其名會讓程式碼的檢視變的嚴格,嚴格意味著不讓你錯,寫起來會更加安全嚴謹。 今天會照以下幾個角度來講解: 嚴格模式由來...

鐵人賽 自我挑戰組 DAY 29

技術 Day29- net套件初次接觸

前幾天在其他網站上看到net套件的使用,感覺很有學習價值就來試試看了。net套件主要是用來進行通信的模組,它也是內建模組,直接引入即可: const net =...

鐵人賽 Modern Web DAY 26

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-26 RegExp 正規運算式 (一)

概述 RegExp 正規運算式 全名是 regular expression是電腦科學的一個概念。正規表示式使用單個字串來描述、符合一系列符合某個句法規則的字串...