連假最後一天!分享了一些關於 Next.js 這個框架,雖然他是 React 的框架,可是你們知道嗎?Next.js 也可以同時實作後端喔!沒錯,前後端全包~...
今天來介紹 JavaScript 的模組 esm 系統及 commonjs 系統。 什麼是模組 當我們的程式越寫越複雜時,不再適合把幾千行的程式碼全部放在同一個...
if else 與 else if 參考 Day06 - 變數(03) - BMI、Day11 - 流程控制與判斷 () 內的條件就是搭配前一天的比較與邏...
yo, what's up 今天要在 FP 裡很有用的概念 Lenses, 它可以減少在處理資料結構邏輯時的複雜度,並且可以寫出更容易閱讀以及更乾淨的程式。 從...
今天要來看一下在JavaScript中的Inheritance(繼承)概念。繼承的概念在需要重複建立具備特定的屬性或方法的物件時,免除物件和屬性的重複宣告,Da...
前言: 昨天我們介紹了JavaScript幾個最基本的用法,今天我打算來介紹JavaScript是如何跟網頁做互動的!這裡阿森來講一下JavaScript在操...
前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...
這次相比長條圖使用多一點的資料,陣列如下並且一樣先宣告svg變數繪製一個寬800高450的畫布 const ary = [130,45,239,20,30,24...
本篇延續第六篇按鈕開關樣板,來觸發之後的行為 昨天做了一個開關,那要怎麼透過科好的按鈕,來判斷之後要做的行為呢?並以原生js來判斷,平常都是用jq寫...都...
前言 前一章解釋 Hoising 時說到,JavaScript 一開始會先記下變數名稱 和 Function Declaraion,因此可以做到提前呼叫 fun...
After understanding the basic HTML DOM Event concept in the last article, now we...
問題回答 所謂跨元件,即是兩個元件並無父子關係,並沒有被對方包著。如果要互相傳遞資料,可以使用 mitt(在 Vue 2 是 event bus)、Vuex 或...
What is the Event? “HTML DOM events allow JavaScript to register different event...
昨天我們終於把取得試算表內資訊的任務搞定了!接下來就是打勾之後,我們把信件寄出這個任務了! 首先,按照慣例我們來看一下 Docs 的部分,了解一下怎麼把信寄出:...
前言 在 JavaScript 中 AJAX 是一個非常重要的基礎功,畢竟現在很流行前後端分離,因此這一篇也想聊聊關於 Python 的部分,Python 可以...
雜湊表(Hash Table)建立的方法 hash: 雜湊函式 add: 新增資料 search: 搜尋資料 remove: 刪除資料 本實作使用...
Vue.js 的自我介紹中,只有說自己接近 MVVM 但不是嚴格的 MVVM。 我覺得只要會「自動更新畫面」就算是有 MVVM 的效果至於有沒有達到 MVVM...
陣列與物件混合使用 陣列與物件的混合使用範例 直接以範例說明,需要設計的範例資料上有兩間店,分別有各自販售的品項,以及地址資料資料集的設計以以下的方式呈現: l...
比較運算子 >、<、>=、<=:分別為「大於」、「小於」、「大於等於」、「小於等於」的意思 ==、!=:分別為「等於」、「不等於」...
前幾天說了很多純 JavaScript 及 DOM 的東西了,該為進入 Node.js 做準備了,所以今天來說說為什麼我們需要 Node.js 以及 Node....
嗨嗨嗨!昨天看完怎麼抓取資料的方式會影響到網頁的渲染模式之後,今天的主題是 Next.js 的 Pages 與 Routing。Next.js 的 routin...
打了2000字消失了怎麼辦呢(´・_・`) 先去上個廁所壓壓驚,懇請IT邦邦忙快優化界面 在編輯介面有許多的連結藏在各個角落,而且不是設計成另開分頁,直接無情跳...
全文同步於個人 Docusaurus Blog 在處理完輸入使用者名稱後,下一步,自然就是進入 Chat 的觸發事件。 HTML 先處理結構 <b...
陣列中常用的方法還有 filter() 跟 map(),filter() 方法可以根據指定的篩選條件,從陣列裡挑出符合的元素。此外,這兩種方法篩選完結果以後,都...
yo, what's up Ramda 是一個 Functional Programming 的函式庫,而 Ramda 的所有函式都有自帶 currying....
用D3繪製長條圖 我們現在可以嘗試著用已經學到的SVG來畫長條圖,只不過是透過D3Js的操作來新增SVG元素到html裡面。 先宣告一個變數叫做svg並且透過D...
昨天我們把試算表的前置作業完成,今天我們來看看將別人填表單後送到試算表中的內容怎麼被讀取。 首先先來看看昨天的問題: onEdit() 能在 Google 表單...
函式功能 函式在 JavaScript 中為物件型別,以下列出它一般的物件差別 被呼叫的能力 {} 能撰寫程式碼 () 能傳遞參數 有自己的 this 和...
定義 重複性的執行某個操作,一直做一樣的事情,有終止條件。 較常用的迴圈 for while do…while for迴圈 只要有達到條件就會一直執行,直到...
今天來稍微改變一下 Two Sum 這題題目原本的題目要回傳nums中的index,我們來把他改成回傳原數吧! 題目:給一個元素皆不同的陣列以及目標的總和,寫一...