iT邦幫忙

網頁程式相關文章
共有 70 則文章

技術 npm 簡介

npm 下載 npm 官方下載 選用 LTS 較穩定 (LongTermSupport) nvm 官方下載 使用 npm -v 確認是否安裝完成 n...

技術 JSON Server 使用

JSON Server npm 套件 將 JSON 檔案 模擬成資料庫 可作 CRUD 的 API 模擬 預設支援跨網域 CORS & JSONP 僅...

技術 HTTP Header & Status Code 心得

整理內容來自 偷米騎巴哥 Why Learn? 前後端經常合作,必須聽懂他們的語言 釐清責任歸屬 了解瀏覽器運作原理 HTTPS SSL 加密 簡單來說就...

技術 Status Code & 簡易網路傳輸心得

Status Code Status Code CheatSheet Wiki 整理內容來自 偷米騎巴哥 Status Code 分類 1xx...

技術 You Might Not Need JQUERY 閱讀整理

前言 看一波 You Might Not Need JQUERY 整理一些常用的 順便同時複習 JS 和 JQ 大綱 通用選擇器 DOM選擇器 取得 HTML...

技術 金魚腦之JS雜記(持續更新)

一次性事件 jQuery 的 once btns.forEach((elem) => { elem.addEventListener('click...

技術 JS 陣列轉換&小技巧

Array.from 類陣列轉換 NodeList & HTMLCollection 類陣列轉換成陣列 已寫另成一篇文 點我~ Array.from...

技術 JS 陣列整理

前言 金魚腦記不起這麼多,只好寫寫文章速查用 JS30 Array Cardio 基礎操作 盡量不要去操作原始資料,先複製一份做操作更佳 Array.i...

技術 JS 時間處理

JS 時間處理 注意資料是 number 還是 string 最好統一 確保所有數字為正數 推薦使用函式庫 Moment.js JS30 倒數計時時鐘...

技術 JS AJAX、同步非同步、Promise

甚麼是 AJAX Asynchronous JavaScript and XML 可以使網頁與伺服器進行非同步更新,不需要重新載入網頁的技術。 較舊的PHP網...

技術 localStorage 用法

WebStorage / session / cookie 差異 session 關閉視窗即失效 cookie 關閉視窗會將資料保存,但容量較小(4KB) W...

技術 事件監聽 & 事件代理

事件監聽 JQ JS 寫法比較 JQ選擇器 可以一次選擇多個元素,一次性套用CSS、掛載事件 原生 querySelectorAll 的結果為 NodeLi...

技術 NodeList 與 Array 差異

鑒於退伍後的失憶症, 開始從頭開始學,把之前的東西抓回來。 之後應該會時不時更新一些生作品過程中碰到的一些小議題的研究。 NodeList 與 Array 差...

技術 "不及新手" 之 要如何開始建構一個網站 ?

請教各為高手 小弟我不是程式專業, 但發現新的商業模式 , 因此需要建構一個商城後台 請要應該要如何開始呢?

鐵人賽 Modern Web DAY 30
JavaScript基礎二三事 系列 第 30

技術 Day30 心得-持續學習、持續成長

今天是鐵人賽第30天,很榮幸能參與這個活動並完賽。 第一天說要至少完成克服js的奇怪部分第6章節,而我也做到了,目前進度是: (有些地方會跳著看,第6章後不少...

鐵人賽 Modern Web DAY 29
JavaScript基礎二三事 系列 第 29

技術 Day29 Object.create與class

今天來看看其他建立物件的方法 除了new建構子和物件實體語法,JS還有別種建立物件的方法,那就是ES5新增的Object.create和ES6新增的類別clas...

鐵人賽 Modern Web DAY 28
JavaScript基礎二三事 系列 第 28

技術 Day28 內建的函式建構子

今天來看看內建的函式建構子 什麼是內建的函式建構子? 其實是將JS的內建的Number()、String()、Date()....等其他內建函式,與new函式建...

鐵人賽 Modern Web DAY 26
JavaScript基礎二三事 系列 第 26

技術 Day26 物件型別、Reflection and Extend

今天來看第5章節後半兩部影片 JavaScript是物件導向語言,基本上所有的東西可以分成兩大類:Primitive Types和Object Type Pr...

鐵人賽 Modern Web DAY 25
JavaScript基礎二三事 系列 第 25

技術 Day25 古典與原型繼承、瞭解原型

今天來看看古典繼承、原型繼承與原型的介紹 繼承 表示一個物件可以取用另一個物件的屬性或方法 Classical Inheritance 古典繼承 C#、...

鐵人賽 Modern Web DAY 24
JavaScript基礎二三事 系列 第 24

技術 Day24 函數程式設計

今天來看函數程式設計的兩節影片 (udemy這系列影片稱呼Function為函數,但我個人比較習慣稱呼函式) 函數程式設計課程不可能在一兩節影片就講完,作者解釋...

鐵人賽 Modern Web DAY 23
JavaScript基礎二三事 系列 第 23

技術 Day23 函式內建方法:bind()、call()與apply()

今天來看看bind()、call()、apply()這三個函式內建方法。 當函式執行環境被創造出來,會一併創造arguments關鍵字,保存帶入自己的參數; 也...

鐵人賽 Modern Web DAY 22
JavaScript基礎二三事 系列 第 22

技術 Day22 Function Factories、閉包與回呼

今天來看Function Factories、閉包與回呼這兩個章節     Function Factories JS並沒有重載函式的特性,但是可以用函式傳...

鐵人賽 Modern Web DAY 21
JavaScript基礎二三事 系列 第 21

技術 Day21 閉包

今天來看看closure閉包 先來看看以下程式碼: function say(whattosay){ return function(name){ con...

鐵人賽 Modern Web DAY 20
JavaScript基礎二三事 系列 第 20

技術 Day20 立即呼叫的函式表示式(IIFE)

今天來看看IIFE IIFE全名為Immediately Invoked Functions Expressions 指的是可以立即執行的Functions...

鐵人賽 Modern Web DAY 19
JavaScript基礎二三事 系列 第 19

技術 Day19 陣列、arguments、spread與分號

今天的筆記內容比較雜一點。   陣列——任何東西的集合 要建立一個JS陣列可以這樣寫 var arr = new Array(); 也可以使用陣列實體語法...

鐵人賽 Modern Web DAY 18
JavaScript基礎二三事 系列 第 18

技術 Day18 物件、函式與「this」

今天來看看this JavaScript在建立執行環境時,不論是全域、區域執行環境,在創造時會一併建立一個變數 this。而this會指向呼叫函式的執行環境,更...

鐵人賽 Modern Web DAY 17
JavaScript基礎二三事 系列 第 17

技術 Day17 傳值by value與傳址by reference

今天來看傳值與傳址 call by value傳值與call by reference傳址指的是電腦記憶體中的東西,與程式的參照傳遞互動的模式。 call b...

鐵人賽 Modern Web DAY 16
JavaScript基礎二三事 系列 第 16

技術 Day16 函式陳述句與函式表示式

今天來看Function Statement(函式陳述句)與Function Expression(函式表達式、表示式) 等等...Statement與Expr...

鐵人賽 Modern Web DAY 15
JavaScript基礎二三事 系列 第 15

技術 Day15 函式就是物件

今天來看看函式Functions 在JS這個物件導向語言裡,其函式的特性被稱為一級函式。 一級函式First Class Functions 開發者對別的基...

鐵人賽 Modern Web DAY 14
JavaScript基礎二三事 系列 第 14

技術 Day14 JSON與物件實體

今天來看看JSON 前端工程師在串接資料,常常是接後端發出的JSON檔案(API),再將其內容渲染到網頁上,那什麼是JSON呢? JSON,全名JavaScr...