iT邦幫忙

js相關文章
共有 224 則文章

技術 學習程式語言到現在真的是快吐血了

程式語言做為從機械到人眼所見的事物工業、技藝,以經超過不是隨便學習兩三個月就能做到的,外加產業界內部也是在一堆工作中忙碌,少有單位能統計、規劃出整個工程最近需要...

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

技術 JavaScript DOM | createElement()

接續昨天的 DOM 方法,JavaScript 常會出現:按一下某按鈕,頁面上會生出新的區塊,這是怎麼做到的? 用 createElement() 建立DOM...

鐵人賽 Modern Web DAY 24

技術 #23-用Canvas做Google恐龍遊戲(都市老妹生存記!能擊退經痛加班和渣男嗎?)

大家都知道Google斷線時會有小恐龍的離線遊戲,以前第一次看到的時候超驚喜!(我到現在斷線的時候還是會玩一下XD)品牌如果發揮一點創意,將品牌元素加進小遊戲裡...

鐵人賽 Software Development DAY 7

技術 [Day 07] 如何設計爬蟲流程 - 關於轉生爬蟲後的那檔子事 |【搜尋引擎製作錄】

Github, Over Engineering 為了提供我 Data Science 需要的資料,來準備爬蟲程式吧!不想特別去寫 Python,所以就用 Ja...

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

技術 JS雜拾-01-JavaScript 資料型別 (Data Types)

內文摘要 ECMAScript 與 JavaScript? ES6? JavaScript 資料型別(Data Types) 型別判斷 型別轉換 參考資料...

技術 7天搞懂JS進階議題: 目錄

寫在前頭(iT邦幫忙) 這是我參加7日寫作松自我挑戰的文章目錄。 因為原本目錄沒有參賽系列連結,所以補上這段 ps. 原本的tag我打錯,懶的改了。 本文同步...

技術 JS Regex相關用法

前言 exec() 看得霧煞煞 OTZ [偷米騎巴哥]正規式苦手超入門 pjchender私房菜 大綱 建立 Regex JS replace()...

鐵人賽 Modern Web DAY 30

技術 【Last Day】完賽心得

沒想到就這樣成功完成鐵人挑戰了,這次是第一次參加,所以原先的目標就是能夠成功完賽,30天其實還滿難的,尤其在原本沒有庫存文章的情況下,每天都要花大概1小時以上的...

鐵人賽 Modern Web DAY 16

技術 #15- 滾起來!頁面動態進度條(JS算網頁長度)

進度條一般都是搭配文章使用,主要是告訴使用者目前閱讀到哪裡~這是我自己非常喜歡的網頁設計,讓你可以預設自己閱讀的進度,安排自己時間~(太長就快逃啊!) 看到了這...

技術 JS筆記-前端新手練習小專案(附加4個JS實例網站可學)

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

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

技術 JavaScript DOM classList

classList ClassList是一個物件,會返回一個 DOMTokenList,裡面包含此元素的類名列表 常見方法:add():添加一個或多個類,如果此...

技術 今天在HackerRank初步闖關

為什麼會接觸 HackerRank 是因為投履歷被發來做考核。www.hackerrank.com 結果前幾天第一次用看到javascript旁邊有標記node...

技術 前端小試身手(10)--lurl圖床之自動帶入密碼

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

技術 setTimeout() 與 setInterval() 的差別?

先從定義來看: setTimeout() 的作用 是在延遲了某段時間 (單位為毫秒) 之後,才去執行「一次」指定的程式碼,並且會回傳一個獨立的 timer ID...

鐵人賽 自我挑戰組 DAY 21

技術 [ Day 21 ] - 認識 JS 原生寫法處理 AJAX

JS 原生寫法處理 AJAX XMLHttpRequest 透過建立一個XMLHttpRequest物件,開啟一個 URL 並發送請求,此為較為傳統的方式範例如...

技術 JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

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

技術 [穩扎穩打系列] AJAX 請求大補帖

前言 在網頁發展史之中,人們對於網頁的需求不再是單純的 靜態網頁,人們追求可變化的網頁內容,透過後台設定資料進行渲染不同的內容,這樣的需求漸漸的深耕於人們心中,...

技術 Day [0] — JS之浸豬籠系列

大家好,打給安安,我是六角學院火箭隊6th前端組的小廢物POKA看我的ID就知道我是來吃午餐ㄉ!???(有同學一起吃午餐真開心) 其實我本來是想先寫一個 連豬腦...

鐵人賽 Modern Web DAY 21

技術 #20-有看到我的貓嗎?用offsetPath讓貓貓滾起來!(SVG)

偶爾會看到,往下滾,球就會跟著滾動的幅度以拋物線移動。 今天就來使用SVG的Path做做看!其實是我做好的第二個版本,第一個是使用GSAP & Scro...

技術 Day [1] — this:存在於物件 — JS之浸豬籠系列

太想要放梗圖ㄌ..... this = 這個。 如果對this的理解到這裡,很棒 您跟我一樣完全看不懂this呢! 接下來就從豬腦浸豬籠ㄉ角度來看 this是...

技術 前端User Friendly設計開發part 2:<select-option>的一些眉眉角角

所有的HTML元件的使用方式,大多可以由W3school習得 ;但是,W3school沒告訴我們的是為什麼要用這個元件?或者什麼時候用這個元件?更或者怎樣使用這...

鐵人賽 Modern Web DAY 15

技術 #14-撒花~Button慶祝動態自己來!~ (JS)

敝人很常踩到詐騙網站,第一屏就是一個慶祝的小動畫,恭喜我中獎(好想中威力彩啊) 網頁也很常有這種獎勵使用者的小動畫,譬如說送出一個訂單、或是幫忙寫了一個評價,我...

鐵人賽 自我挑戰組 DAY 1
與Vue相遇 系列 第 1

技術 Day01-初見Vue(前言)

身處金融業的我,從未想過有天還能在工作上,返回開發工程師的行列。一直以來,對於JS的喜愛依舊不減,假日時,偶爾還會開著電腦,寫寫JS。但對於框架語言,從未接觸。...

鐵人賽 Software Development DAY 25

技術 [Day 25] 如何設計搜尋結果 - 實用至上主義前端 |【搜尋引擎製作錄】

Github, Over Engineering 向 Google 取經 要能設計出實用性至上的搜尋結果,我們先做一些 Research。 既然要設計搜尋引擎,...

技術 為什麼js中使用了很多的callback方式?

之前寫自動化程式的時候,有些算法or通訊(串口或者Tcp)都需要時間,這個時候,往往可以去做其他的事情,所以就需要多線程處理;同樣的,js是前端的部分,需要和後...

鐵人賽 自我挑戰組 DAY 22

技術 [ Day 22 ] - 陣列資料處理 - forEach

陣列資料處理 - forEach 會將陣列中的每一個元素資料進行處理 使用範例 let dataList = [10, 20, 30, 40]; dataLis...

技術 Day [4] — this:指定物件 — JS之浸豬籠系列

Day [4] — this:指定物件 — JS之浸豬籠系列 我們在前面幾章知道 this 會依據呼叫方式印出不同結果,那如果我們希望可以存取 this 的某個...

技術 Day [3] — this:建構物件 — JS之浸豬籠系列

如果你不知道這個系列為什麼叫這種激烈的名字可以看這篇: Day [0] — JS之浸豬籠系列 如果你還沒看過前面的章節,不會太難理解今天這篇,但因為我寫得很讚...

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

技術 JavaScript Prototype (原型)

原型 Prototype 與 原型鍊 Prototype Chain JavaScript 每一個物件(包含函數)都有原型這個屬性用來繼承屬性與方法。原型會去參...

技術 [JS]透過IntersectionObserver達成個別/全頁圖片lazy load

當撰寫顯示多個(例如:展示數百筆廣告)圖片的網頁時,效能與用戶體驗主要有以下課題: 如何節省不必要的加載(不加載使用者還沒看到的) 批次載入圖片(每次載入10...