iT邦幫忙

javascript相關文章
共有 5688 則文章

技術 自動分析~審查~全家大小都可用

// ==UserScript==// @name 自動化審查工具// @namespace S0919756// @version...

技術 JS學習紀錄-02-基本型別(上)

嗨嗨~我是914 今天要來學習基本型別GOGOGO 今天是第二天寫文章,但好像都有點晚貼文(小尷尬XD)不過今天要學的基本型別,有幾個真的是蠻重要的,至少我...

技術 JS學習紀錄-01-什麼是JS?

好像是成為會員後第一篇發的文章想要慢慢來記錄學習css跟js的過程我是一個超級新手(若有哪裡說明有誤,或是建議都歡迎底下留言)參加完培訓班還是不會程式設計的我可...

技術 使用JS解構賦值踩到的雷

理解之後感覺還好,但遇到當下真的有點懷疑人生。當時正打算用解構賦值情況大概如下 let rtnStart = 0 let rtnEnd = 0 let r =...

技術 Javascript 輕鬆獲得元素大小、位置的實用方法| getBoundingClientRect()

返回值是一個 DOMRect物件 ,用px 為單位描述這個矩形的位置跟大小。其中包含 x/y/width/height/top/right/bottom/lef...

技術 Javascript dataset 小筆記

在HTML 添加以 data- 為前綴詞,後面看我們想要加甚麼的屬性,就完成dataset的設定例如: <div id="all" d...

技術 用閉包實作datePicker封裝

前言由於我在一開始很傻的自己刻了日曆,想說版面看起來很簡單,但沒有考慮到動態互動選擇日期的功能,自以為這麼簡單,自己刻一刻就好,頭都洗一半了,只好繼續完成,...

技術 Caco的奇幻之旅4- BufferGeometry Three.js 資料視覺化

前言 上週日出了車禍,左腿縫了兩針,花了不少時間跑醫院,這次文章會短一點唷~我會早點康復回來繼續研究的! 冒牌的Sphere 先前跟朋友討論的時候,承諾了自己要...

技術 Caco的奇幻之旅3- 二元樹 Binary Tree in Three.js(上)

前言 又過了幾個禮拜,Caco我從零基礎開始學習Three,我必須承認,頭好痛呀!!在2D平面畫一條線,到了3D要多複雜有多複雜,如果你跟我一樣缺乏建模的知識,...

技術 Caco的奇幻之旅2-Web Worker即時渲染效能實測(上)

前言 大家好,這裡是Caco的不嚴謹Web Worker效能測試,繼上次的Loka Veterra後,我為粒子加入了簡單的物理引擎,每個粒子都會被中心點的重力所...

技術 Caco的奇幻之旅1-粒子系統(洛特卡-沃爾泰拉紋理)

話不多說,先上成品 Lotka Volterra 緣起: 最近在開啟新的side project,要用"偽"粒子系統來優化粒子生命(particle life...

技術 淺拷貝Shallow Copy VS 深拷貝Deep Copy

淺拷貝:指向同一個記憶體,原始值與新複製出來的值會連動 深拷貝:為切斷之間的關聯性,複製即產生一個新的記憶體存放,所以當改動複製出來的值時,原始值就不會隨著被...

技術 【Day53】ChatGPT幫我完成工作:寫Jest單元測試!NestJS & Knex & Jest!

這一篇要來介紹使用ChatGPT來撰寫Jest單元測試的結果 有關Jest的介紹,可以看這兩篇:【Day30】ChatGPT請教教我:Jest 單元測試(上)...

技術 前端開發筆記:如何在React專案使用MQTT

最近終於完成公司新產品的前端開發啦!不過在開發時也遇到了不少挑戰,其中最難處理的就屬「MQTT通訊協定」的部分了...😅 而自己在study或是Google資...

技術 【Day52】ChatGPT幫我完成工作:分散式詠唱來寫NodeJS & JavaScript!

上一篇我們進行的是將「整個程式碼」的重構開發都交給ChatGPT但這樣要處理工作的話,要花太多時間在詠唱 這一篇會介紹比較分片、碎片式的方式來撰寫程式!什麼意思...

技術 使用原生js控制ckeditor自適應高度

如果今天想要讓ckeditor的輸入部分,能夠根據輸入內容的多寡來自適應高度可以客製化ckeditor中的pluginshttps://ckeditor.com...

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

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

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

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

鐵人賽 自我挑戰組 DAY 30
PHP 沿途的風景 系列 第 30

技術 [Day 30] Laravel's Blade Templates 引入 JavaScript

Laravel's Blade Templates 引入 JavaScript 情境 (本機測試): 我使用 Laravel's Blade Templa...

技術 【前端動手玩創意】看來要使用那招了嗎?fetch你的email出來(15)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

鐵人賽 自我挑戰組 DAY 29
複習 JavaScript 核心概念 系列 第 29

技術 [Day 29] ECMAScript 各版本重點語法

ECMAScript(簡稱 ES) 是一個用來標準化 JavaScript 語言的規範,它的第一個版本(ES1)在 1997 年釋出,並在之後幾年陸續都有釋出新...

鐵人賽 Modern Web DAY 27

技術 JS: 相同值給多個變數,基礎觀念筆記-Day26

相同值給多個變數 今天剛好又碰到這個項目:JS assign 相同值給多個變數今天又弄懂了一點,發現自己JS基本觀念還是不好,筆記一下。(確認不是逃避Larav...

鐵人賽 影片教學 DAY 27

技術 一起來實作響應式網頁設計:代辦清單實作 Day27

影片教學 程式碼回顧 html <body> <div id = "title"> &lt...

鐵人賽 自我挑戰組 DAY 28
複習 JavaScript 核心概念 系列 第 28

技術 [Day 28] 事件的傳遞機制

昨天提到可以在 HTML 的 DOM 元素上添加事件監聽器,而今天要來講事件的傳遞機制。在 JavaScript 中,事件冒泡(event bubbling)...

鐵人賽 自我挑戰組 DAY 27
複習 JavaScript 核心概念 系列 第 27

技術 [Day 27] JavaScript 監聽事件的方式

JavaScript 是一種「事件驅動程式設計(Event-Driven Programming)」的語言,透過觸發事件的方式來執行相對應的程式碼。以前端的網頁...

鐵人賽 Software Development DAY 25
Should I use fp-ts 系列 第 25

技術 [Should I use fp-ts?] Day 25 - fp-ts Array

[Should I use fp-ts?] Day 25 - fp-ts Array 在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts...

鐵人賽 影片教學 DAY 25

技術 一起來實作響應式網頁設計:DOM&Window Object Day25

影片教學 重點回顧 Document Object Model, DOM 一個可以存取&改變文件架構和內容的方法 Document:HTML Obj...

鐵人賽 自我挑戰組 DAY 26
複習 JavaScript 核心概念 系列 第 26

技術 [Day 26] Promise 與 Async Function(Async / Await)

在 JavaScript 中,非同步程式碼的處理一直以來都是個挑戰。過去,我們只能使用回調函式(callbacks)和事件(events)等來處理非同步操作,但...

鐵人賽 Software Development DAY 26

技術 [Day26] 傳播假圖文訊息網站完整程式碼

今天要把前幾天講過的 HTML、CSS、JavaScript 架構全部整合起來,加上我自己用 FLEX MESSAGE SIMULATOR 拉的三個圖文訊息版面...

鐵人賽 Software Development DAY 24
Should I use fp-ts 系列 第 24

技術 [Should I use fp-ts?] Day 24 - fp-ts Array

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-24 並且有測試可以讓大家練習。 Array A...