iT邦幫忙

js相關文章
共有 224 則文章

技術 複製div

複製div的方法:使用jquery的語法,但是需要注意的是多次複製的bug:複製的code:要複製的div是: <div class="con...

鐵人賽 自我挑戰組 DAY 23

技術 [ Day 23 ] - 陣列資料處理 - map

陣列資料處理 - map 特性 可以將原始陣列經過處理後,重新組合回傳一個新陣列 不會影響原始陣列 範例一:將陣列內的資料做運算處理 const dataL...

鐵人賽 自我挑戰組 DAY 29

技術 [ Day 29 ] - this

基本概念 this 是一個關鍵字 在不同執行環境中,this 所指向的值也會不同 this 和函式的呼叫方法有關 在全域環境下 this 值在所有函式以外...

鐵人賽 自我挑戰組 DAY 18
開始入坑網頁吧! 系列 第 18

技術 JavaScript Arguments and Spread

Arguments 它會回傳一個類陣列包含所有你傳到函數中的參數 **類陣列(Array-like):跟Array很像,但只有陣列的length屬性和通過索...

技術 JS筆記-設定CSSstyle的function

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

鐵人賽 自我挑戰組 DAY 1

技術 [ Day 1 ] - 變數與型別

變數與型別 變數是什麼呢? 把他想成是一個容器,容器可以存放需要的資訊,這一個資訊可以是一段文字、一個數字等。 變數的命名規則 開頭字元必須是英文大小寫字元...

鐵人賽 Modern Web DAY 15

技術 #15 JS: if else statement

To make the operators meaningful for users, let’s explain by examples if stateme...

鐵人賽 自我挑戰組 DAY 19

技術 [ Day 19 ] - 箭頭函式

這邊先簡單介紹前面有用到的函式陳述式和函式表達式 函式陳述式:特性是放在宣告的 function 前或後都可以執行 function numA(x) {...

鐵人賽 自我挑戰組 DAY 28

技術 [ Day 28 ] - 作用域與範圍鏈

什麼是作用域 靜態作用域:在語法解析時就確定作用域且不會再改變,JavaScript 屬於此類,又稱作語法作用域(lexical scope) 動態作用域:在...

技術 VScode 無法自動判讀檔案語言模式

最近遇到 VScode 無法自動辨識 HTML 的檔案類型,不知道是不是因為失手進行了更新導致,按 !+Tab 時無法自動生成 HTML 模板(如下圖)並且代碼...

鐵人賽 自我挑戰組 DAY 12

技術 [ Day 12 ] - <script> 標籤放哪裡~

上一篇有提到,一個瀏覽器在解析網頁時,會將 HTML 內容由上至下一行一行解析成 DOM 的節點,並且透過 DOM API 來控制節點 那麼,HTML 在寫 J...

鐵人賽 自我挑戰組 DAY 27

技術 [ Day 27 ] - 樣板字面值(Template literals)

說明 在先前的版本中被稱為樣板字串(template strings)早期在組字串資料時會用大量的 &quot; + &quot; 語法 要組成的字串使用兩個...

鐵人賽 Modern Web DAY 2
有角拾 系列 第 2

技術 JS雜拾-02-變數作用域& CommonJS Modules

內文摘要 函式作用域 CommonJS Modules 模組系統 參考資料1:MDN — the Mozilla Developer Network參考資...

鐵人賽 自我挑戰組 DAY 24

技術 [ Day 24 ] - 陣列資料處理 - filter

特性與用途 不會影響到原始陣列的資料 可以篩選符合條件的內容,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 &gt;= 10 的資料 cons...

鐵人賽 自我挑戰組 DAY 19
開始入坑網頁吧! 系列 第 19

技術 JavaScript IIFE (立即函數)

甚麼是立即函數? IIFE (Immediately Invoked Function Expression)從字面上可以知道就是一個 在宣告當下就會馬上被執行...

技術 render沒有作用的解決辦法

bug的場景:寫了一個button,綁定function,發送request給後臺,後臺對應這個request,使用render,但是沒有作用:查看後臺的情況:...

技術 雜七雜八廣記系列 第十回 : var 、 let 、const

哈瞜大家好 我是阿華,今天來跟大家聊聊var 、 let 、const 三種宣告變數的差別 var 、 let 、const 三種宣告變數的差別 let 和 c...

技術 前端小試身手(9)--文章縮圖預覽(以codeLove論壇為例)

目錄 前端小試身手(1)--幫「發問/發文頁」新增&quot;編輯&quot;鈕~ 前端小試身手(2)--it幫跳轉到最佳解答 前端小試身手(3)--增添系列文...

鐵人賽 自我挑戰組 DAY 1

技術 【2023 挑戰賽 Day1】 #JS try...catch 例外處理機制

哈囉大家!我是 Wendy,一個剛轉職的前端菜鳥,這是我第一次在 iThome 發文,也是參加鐵人賽的第一天,我好興奮啊~ 以下這個系列將整理出我從接近 20...

技術 前端小試身手(8)--教你寫出「思想審查警衛」,過濾垃圾雜訊的利器!

目錄 前端小試身手(1)--幫「發問/發文頁」新增&quot;編輯&quot;鈕~ 前端小試身手(2)--it幫跳轉到最佳解答 前端小試身手(3)--增添系列文...

技術 幫助自己上班的零件數量查詢器(6) - axios、建構子

連著兩篇都在記錄繼續製作小工具的必要知識,終於要繼續寫實際的程式了,超級開心。 axios 實現AJAX技術的程式,簡單的說就是可以非同步執行程式,詳細內容可...

鐵人賽 自我挑戰組 DAY 22
開始入坑網頁吧! 系列 第 22

技術 JavaScript 閉包(Closure) 下集

看這個程式碼,結果會是如何? function ArrFunction(){ var arr=[]; for(var i=0;i&lt;3;i++){ arr...

技術 js常見的縮寫

縮寫: fn:function(){} == fn(){} 不同陣列合併可以用新陣列 = 陣列A.concat(陣列B),但是會需要記憶concat,可以改為使...

技術 JS筆記-五種方法判斷input是否為"ALL"?

前情提要 &quot;判斷使用者輸入&quot;的方法 如果要給使用者prompt,就勢必會用if判斷輸入的內容。假設想判斷使用者是否輸入all(如果是大寫也可...

技術 雜七雜八廣記系列 第十一回 : 詞法環境(Lexical environment)、 變數環境(variable environment)、閉包 closure

嗨~大家好,我是阿華今天又來跟大家聊聊~ 詞法環境(Lexical environment)、 變數環境(variable environment) 在查找變數...

鐵人賽 Modern Web DAY 11

技術 【Day11】讓網頁動起來(1) → Javascript 速成

在前面的七篇中,我們講解了構成網頁設計的基礎要素:CSS。但這遠遠是不夠的,CSS只能賦予網頁靜態的美術效果與資訊展示。然而,我們對現代網站的期望通常都具備動態...

技術 雜七雜八廣記系列 第九回 : Scope、Scope chain

大家好我是阿華,今天來跟大家聊聊Scope,作用域: 作用域 (Scope) 來自MDN說: 作用域是目前的執行上下文(Context),值和表達式在其中「可見...

技術 【2023 挑戰賽 Day7】 #JS 字符 loop

閒聊時間 鐵人賽到第 7 天了!當初參賽的初衷是希望能好好面對讓我恐懼的 JS 面試考題,不過現在準備去新公司報到了,也想學一些測試或資安相關的東西,後面幾篇也...

鐵人賽 影片教學 DAY 24

技術 一起來實作響應式網頁設計:Object的建立 Day24

影片教學 重點回顧 Object 物件 function &amp; method function printHello() { console....

鐵人賽 自我挑戰組 DAY 3

技術 【2023 挑戰賽 Day3】 #JS catch()的陷阱

只剩下最後一部,今天我們終於要把一個題目給解決了~寫到第三天,各位會不會覺得自己每天只討論這麼小的部分,三天才解完一題,幫助好像不大呢?前陣子看到一篇前輩的就職...