iT邦幫忙

javascript相關文章
共有 5166 則文章

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

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

技術 [快速入門前端 67] JavaScript:事件 (3) 事件傳遞的階段

事件傳遞 當我們同時為父元素和子元素綁定相同事件時可能會發現子元素事件被觸發時,父元素同時也會被觸發。如下範例,div 和 button 都綁定了 click...

技術 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

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

技術 好想工作室 Web Camp 第 15 梯招生

我是 Chris,從 2017 年起在好想工作室擔任 Web Camp Mentor 至今,培訓許多屆的 Web Camp 學員,這次我們要招收 Web Ca...

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

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

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

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

技術 【已解決】為什麼「每回合自動補血」不會動(發錯區)

期望:每個回合戰鬥結束後,雙方補充魔力值30 嘗試:我問過chant gpt 他說邏輯沒問題,可是運作上,無法達成回合補魔效果 請問這是什麼問題? https:...

技術 【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...

鐵人賽 自我挑戰組 DAY 30

技術 Day30-[Grind 169 questions[Binary Tree] LeeCode 101、863、572 & 完賽心得

完賽心得 今年參加鐵人賽,個人感覺是水過一年的感覺XD,因為就只是把解題的練習記錄複製貼上來,但今年因為沒有備太多天的稿,所以在時程的壓力下,的確有達到督促自己...

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

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

鐵人賽 自我挑戰組 DAY 29

技術 Day29-[Grind 169 questions[Binary Tree] LeeCode 100、103、437

100. Same Tree 解題程式碼 var isSameTree = function (p, q) { if (p === null &&a...

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

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

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

鐵人賽 自我挑戰組 DAY 28

技術 Day28-[Grind 169 questions[Binary Tree] LeeCode 105、113、662

105. Construct Binary Tree from Preorder and Inorder Traversal 解題程式碼 var buildTr...

鐵人賽 影片教學 DAY 27

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

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

鐵人賽 Modern Web DAY 27

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 27

技術 Day27-[Grind 169 questions[Binary Tree] LeeCode 543、199、104

543. Diameter of Binary Tree 解題程式碼 var diameterOfBinaryTree = function(root) {...

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

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

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

鐵人賽 自我挑戰組 DAY 26

技術 Day26-[Grind 169 questions[Binary Tree] LeeCode 110、102、236

110. Balanced Binary Tree 解題程式碼 /** * Definition for a binary tree node. * fun...

鐵人賽 影片教學 DAY 25

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

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

鐵人賽 Software Development DAY 26

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

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

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

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

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