iT邦幫忙

js相關文章
共有 224 則文章

技術 Day [2] — this:作用域 — JS之浸豬籠系列

如果你不知道這個系列為什麼叫這種激烈的名字可以看這篇:Day [0] — JS之浸豬籠系列 如果你還沒看過這篇 ,可能會有點難理解今天這篇,建議你先企看看!Da...

技術 JS神書 ---- Javascript: understanding the weird parts 讀後心得

Javascript: understanding the weird parts這個由美國工程師Anthony Alicea所做的JS必看神書在前端可以說是...

技術 demo 放到js fiddle 中報錯

“await is only valid in async functions and the top level bodies of modules”(本地使...

技術 前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕~

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

鐵人賽 自我挑戰組 DAY 26

技術 [ Day 26 ] - 陣列的資料處理 - findIndex

特性與用途 不會影響到原始陣列的資料 回傳符合條件的一筆資料的 index(索引) 直接進入寫法與範例 範例一:找出 >= 10 的 index co...

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

技術 JavaScript Callback(回呼)

Callback Function 回呼函數 A function you give to another function, to be run when...

技術 20181218_note

老规矩,先上代码,帮忙指点下变量作用域在函式中的this无法再对应到window物件,这一点是要注意的。 驗證是否為window的物件,利用delete va...

技術 JS筆記-幫元素加上style的寫法(Object.assign & cssText)

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

技術 js notes(1)

case 1 var book = { title:"The Hobbit", author:"J.R.R.Tolkien...

鐵人賽 自我挑戰組 DAY 30

技術 [ Day 30 ] - 初學者升級啦~完賽心得

初學者升級啦 YA!30天了~代表我連續 30 天學習 JS 了!(拍手~) 第一次參加鐵人賽,其實當初活動開始的時候就一直猶豫,直到開賽最後一天下定決定報名!...

鐵人賽 自我挑戰組 DAY 18

技術 [ Day 18 ] - 取消 HTML 預設的觸發行為

HTML 部份元素會有預設的觸發行為,像是 的連結、表單的 submit若是需要在這些元素綁定事件,讓指定的元素可以執行指定的程式碼那就得取消 HTML 預設...

鐵人賽 Modern Web DAY 27

技術 #27 JS: Timing Events - Part 1

What is timing event? "JavaScript can be executed in time-intervals. This i...

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

技術 JavaScript Document Object

Document Object 我們知道 DOM 是 Document Object Model(文件物件模型),Document Object,是window...

鐵人賽 Modern Web DAY 13

技術 #13 JS: Intro to Data, Variables, Operators

Data: Number, String, Boolean Number: e.g. 7, 17 String: consist of quotation m...

鐵人賽 自我挑戰組 DAY 20

技術 [ Day 20 ] - AJAX

AJAX 是什麼? AJAX 全名是 Asynchronous JavaScript And XML,是 JavaScript 使用非同步處理的技術,可以達到無...

鐵人賽 Modern Web DAY 28

技術 #28 JS: Timing Events - Part 2

After introducing about the 2 methods for timing events in the last article, let...

鐵人賽 自我挑戰組 DAY 17

技術 [ Day 17 ] - Event 物件中的資訊

使用 addEventListener 進行事件監聽,此時 EvetnListener 會建立事件物件( Event Object)並且以參數的型式回傳 &lt...

技術 [穩扎穩打系列] - [Javascript] 什麼你說不太懂 Promise ,沒關係我教你

前言 不知道你有沒有注意過早上的起床順序呢,像是作者本來起床的順序是: 拉開被子 刷牙 喝咖啡 上班 有注意到嗎這些事情都是一個一個執行,相信應該沒有人可以...

鐵人賽 Modern Web DAY 12

技術 #12 JavaScript Introduction

What is JavaScript? HTML is like the structure/bone of our body; JavaScript is...

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

技術 JavaScript DOM | Window Object

使用Window 的方法可以省略掉 Window 字眼EX: window.alert('Hi!');//Hi! alert('Hi!');//Hi! set...

鐵人賽 自我挑戰組 DAY 25

技術 [ Day 25 ] - 陣列的資料處理 - find

特性與用途 不會影響到原始陣列的資料 篩選符合條件的第一筆資料,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 >= 10 的資料 con...

技術 RegExp vs includes vs match

前言 在篩選字串時,有不少選擇提供我們使用,除了使用常見的直接比對字串的 includes 之外,還有 Regular Expression(以下簡稱 RegE...

技術 JS 建立物件的方法

//方法1 //利用[]建立物件 var person = new Object(); person["firstname"] = &quo...

技術 LeetCode初學者挑戰 First Challenge "2235. Add Two Integers"

新手小白第一次解題紀錄 Add Two Integers 將兩個數字相加 使用return 回傳值 var sum = function(num1, num2)...

鐵人賽 自我挑戰組 DAY 5

技術 【2023 挑戰賽 Day5】 #JS #面試經驗 邏輯及陣列處理

閒聊面試經驗 星期日午安!今天也是挑戰賽的第五天,討論題目前先來閒聊一下好了~ 我回顧了過去一個多月在近 20 家公司的面試經驗,發現有的公司會出「邏輯測驗」,...

鐵人賽 Modern Web DAY 14

技術 #14 JS: create a calculator by prompt()

Final Calculator Design <!DOCTYPE html> <html> <head> <tit...

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

技術 JavaScript 閉包(Closure) 上集

閉包 內部函數總是可以訪問其所在的外部函數中聲明的參數和變數,即使外部函式已經結束執行了。 看看這個例子:EX: function greet(what){...

技術 PHP-資料庫串接handlebars顯示到HTML筆記(1)

data.php $sql = 'SELECT * FROM commodity ORDER BY id ASC'; $statement = $pdo-&gt...

技術 PHP-資料庫串接handlebars顯示到HTML筆記(2)

action.js $(document).ready(function(){ var commodity_template = $('#commodity...

技術 js:callback中調用類的function

如何實現在callback中加入類的function;比如一個界面的button,點擊之後,需要調用某個類的function;這個時候不論你是再這個class中...