iT邦幫忙

javascript相關文章
共有 5784 則文章

技術 JavaScript - 做個錄音錄影功能ㄅ

大家好!今天這篇主要是實作瀏覽器上的錄音與錄影功能,這邊先列出幾個會做到的目標 顯示視訊畫面與聲音 顯示螢幕分享畫面與聲音 截圖與下載 錄製畫面與聲音 那麼...

技術 背包系統詳解

//裝備藥水:實現藥水單向(若裝備欄內沒藥水可直接裝備)、雙向置換(若裝備欄內已經有藥水,直接點擊新藥水會進行置換), var x = document.ge...

技術 第一篇筆記-製作具有RPG要素的互動式健身會員系統

這是一篇記錄我大專寫到一半的筆記文,單純是覺得寫code寫出了一點成就感,也是為了能記住曾經走過的歪路。 我還尚未從資策會C#班畢業,是個菜逼中的菜逼,目前正在...

技術 [ JS個人筆記 ] 各種討人厭的運算&轉型案例—DAY2

特殊的數字 Infinity 系列: Infinity + Infinity // Infinity -Infinity + -Infinity...

技術 [ JS個人筆記 ] const、let、var的區別—DAY3

主要區別 var: 變數未宣告前使用,會出現undefined var為函式作用域(function scope),不會受限在區塊作用域(block sco...

技術 [ JS個人筆記 ] 資料型別—DAY1

資料型別 為何需判斷型別,其因為電腦在執行時,需先判斷資料是何種型別,才可採取運算方式。例如數字123與字串的123的處理方式。 除了基本型別(Primitiv...

技術 [筆記][JavaScript] - 隨機取出陣列元素之值

使用 Javascript 產生簡易版本的亂數抽籤系統。 先理解 Math.random() 語法。 再結合 Math.floor(),確保每個物件被取出的機...

技術 從零開始用github架設靜態網站入門(4) - 其他小功能製作

用之前的篇幅,已經大概跟大家介紹完靜態網站的基本技巧,理論上要做出一個網站是沒有什麼問題了,BUT我們肯定是不會就此停下腳步的,錦上添花就是工程師的天命阿。所以...

技術 Jquery/JS 使用Input 輸入生日並限制年齡

客戶需求如下 不要用datepicker點,說是手機太小不好點+老人不會點 資料庫格式為西元年,但一堆人填民國年 CodePen程式碼:https://co...

技術 JQuery/JS 使用select option 選擇日期並限制範圍

查資料的時候發現,大部分人選擇日期都直接使用.datepicker或是<input type="date">但需求方希望年、月、...

技術 [整理參考文章] Javascript 傳值傳址&深淺拷貝

前言 因為公司前端資料已經處理成單層結構,所以都沒注意到淺拷貝、深拷貝的實際差別。在讀完高手文章後,才發現和自己想的不一樣。也順手將文章重點整理,分享給大家,別...

技術 Clean Code系列筆記-原則篇

本文同步發表於個人部落格 前言:近期在開發公司內部產品系統時,寫完後再進行功能測試時,往往會遇到蠻多 bug ,一方面是自己未考慮周全,另一方面也是因為自己在...

技術 工程師養成日記:從自學到進入職場,非本科系也能寫扣領薪水!

作者:徐育偉現為零一零科技工程師臺灣科技大學 工業管理系 一切都要從大四開始說起... 那年選修時因為想嘗試不同領域,下定決心選修了「資料庫及APP開發」課程,...

技術 年齡為多少秒

為了了解javascript的變數運算,我們練習去算出一小時、一天、一年、甚至年齡有多少秒我通常練習JavaScript都直接按F12右邊彈出主控台並點到Con...

技術 複習基礎JavaScript

小弟因疫情影響,整天在家苦等Offer於是心血來潮,將自己之前的考題整理成筆記上來與大家分享交流JavaScript太久沒複習了,連一些簡單的型別宣告作用域等等...

技術 Class

終於來到Class的章節了,Class是ES6所新增,在這之前都是使用Prototype去進行物件導向的方式,雖然Class本質上也還是Prototype也就是...

技術 bind, call, apply

在未經過綁定的this會指向Windows Bind 使用Bind會return 一個function let Dennis = { name: &q...

技術 Prototype

在Constructor的章節中我們使用建立實體的方式 function Person(name, age){ this.name = name...

技術 Constructor

當我們今天要儲存個人的信息會使用到object,但仔細思考若有100位的話,是否太麻煩了 let persion1 = { name: "De...

技術 CallStack

由於JavaScript是單線程的語言,所以從上而下設計就很重要,若有點困難可以先去看Function Scope了解會很快了解CallStack 以下為依序執...

技術 Scope Chain & Closure

我們先來小試身手,在這之前我們必須有function scope 跟 global varible的基本知識 let a = "hello&quot...

技術 Hoisting

關於Hoisting很像是變數被拉升到上層 提升變數不會賦值 var a = 2 LHS console.log(a) RHS 尚未宣告變數,即RHS該數值...

技術 Function

Anonymous function expression 雖然匿名函式很好用,但有時在許多callback時會造成難以閱讀 setTimeout(functi...

技術 LHS RHS

RHS 字面上來說RightHand Side,不是真的右手的意思...簡單來說當作get of value取回他的值會比較清楚了解,自己是習慣把RHS稱作 r...

技術 Sorting Algorithms

排序演算法在程式中是非常重要的以下會先來介紹三個基本的排序演算法 Bubble sort Insertion sort Selection sort Bub...

技術 Array of arrays

Recursion + Loop let array = [[["c",["a"]],[["bc"]...

技術 Recursion

接下來我們要來學習很重要的遞迴,接下來讓我們了解吧 函式呼叫自己 使用到Stack Fibonacci function Recursion(n){...

技術 Coding Practice

本章主要學習如何透過演算法學習訓練思考 Palindrome BigO(n) 檢查是否reverse也是相同的EX: anna = anna function...

技術 Average pair

兩數相加平均數 必須是被排序好的 應用在找尋有哪些配對符合所要的數值接下來讓我們實作吧!!! 迴圈版BigO(n^2) let array1 = [-11...

技術 InterSection

InterSection(集合) 以下會來實作怎麼找尋兩個array的集合 先使用兩個迴圈來實作BigO(n^2) let array1 = [1,2,3,4...