當我們在撰寫程式碼時,必須清楚告知解譯器我們希望它執行的每一步,這時我們就需要變數來替我們記住許許多多的資訊,才能方便我們進一步地操作。 什麼是變數 變數其實就...
從頭開始的Javascript 入門 -流程控制 Day2 白話解釋就是如果這樣 就會那樣 if...else 條件判斷 var age = 20; if (...
在這之前 在看過上一篇的簡介不知道讀者們對於 svelte 有初步的認識,是否有更近一步瞭解的想法,在那之前先來建置環境吧> 本文同步放置於此 前置作...
從頭開始的Javascript 入門 -變數與資料型別 Day1 前言 就像是學習國外語言,要會語法認識新單字,並且理解規則才會運用。所以學習複雜觀念之前,我們...
ES6 箭頭函式 講到 ES6 就不能不知道箭頭函式,它可以讓我們的函式變得更簡短、提升可讀性,但其實蠻多眉眉角角的,以下就提供幾個寫法範例&特性說明...
題目: https://leetcode.com/problems/two-sum/給一個陣列,返回兩個數字的索引,使它們相加到特定目標。 解題思路: 使用2個...
哈囉,你好。 這個系列文章是我閱讀「忍者:JavaScript 開發技巧探秘(第二版)」的讀書心得,我期待點進來看文章的你已經是個有點經驗的開發者,原生 Jav...
AJAX 是現在開發網頁必定要會的技能,其全名為 Asynchronous JavaScript and XML,可以僅向伺服器傳送並取回需要的資料,因此伺服器...
在正式進入基礎 JavaScript 之前,必須先初步了解它是如何與網頁中的 HTML、CSS 共同運作的。 HTML、CSS、JS 之間的關連 HTML:網頁...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
svelte 前端工程師的另一個選擇 相信大家對於主流的前端框架angular、react、vue不陌生,但是提到 svelte 可能知道的人就沒那麼多了,筆者...
淺談 ECMAScript 與 JavaScript 很多人都在說,「嘿!這是最新的 ES6 語法」,但 ES6 到底是什麼,跟 Javascript 又有什麼...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
前言 希望透過這系列文章,可以讓自己的演算法、資料結構的基礎知識可以更扎實,也希望這系列文章可以幫助到JavaScript工程師,讓自己寫的程式效率能更好。在...
今天要來介紹 ES6 中新的變數宣告方式的 let、const 並且跟過去我們常用的 var 做比較,我們先來看 airbnb 中關於變數的撰寫建議: ESL...
部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一,官方文件也相對齊全。我們這裡要看的目前還是以 V...
部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年,然後我寫到第二篇就超過時間,索性直接放棄(欸)。不過,由於...
在鐵人賽的開頭,先用一篇前言來交代緣起跟大綱應該是蠻必要的,尤其我要寫的主題看起來根本沒啥看點,根本就是年經文,每屆都一堆大神寫 JavaScript 寫得嚇嚇...
什麼是 ESLint? 每個工程師都會有自己寫 code 的習慣,比如有些人喜歡加; 有些人不喜歡加,有些人喜歡先宣告變數,有些人則習慣不宣告直接使用,但是當...
webpack 對現在網頁工程師幾乎是必學技能,在許多框架也看得到它的身影,但是真的要設定時又不知道該如何設定,這篇主要是在記錄小弟自己學習的心得,也希望能幫到...
1.以change事件來觸發2.一開始將上傳的檔案轉換為base64字串,Base64是一種基於64個可列印字元來表示二進位資料的表示方法。(參考)2.建立Fi...
作用域 doSomething=()=>{ //函式作用域,變數只存在這裡面 var mood='happy'; console....
JavaScript如何運作? 直譯/編譯式語言 直譯式語言 原始碼-(直譯器)-代碼生成-(運行)-應用程式 錯誤直接反映在環境中(console) 優點...
大綱 物件列舉屬性 (for-in/Object.keys) 物件屬性特性設定 (ES5 defineProperty / ES6 Symbol) ES6 C...
JS 原型鏈 若要建立兩個汽車的實體,該如何建立? Why use OO 減少重複的程式碼 減少記憶體的使用 使實體有關聯性 類別、物件 類別: 為實體的...
(資料源放在最下方)不重複數量為170個 參考方法:來源 方法一: 28ms,(ps.出來的結果是物件) var startTime = Date.now();...
D3.js(Data-Driven Documents)是一個 JavaScript 的 Library,顧名思義是使用資料驅動文件,它可以操縱 DOM 元素,...
最近用Laravel + js框架部屬在學校的Linux apache的子網域 但因為Laravel + js框架使用的是設定好的mix方式打包,在路徑改變導致...
此篇記錄一下圖片傳輸的學習筆記,也順便帶大家了解~ 上傳圖片 首先建立一個上傳圖片的 input // 加上 multiple 可上傳多個檔案 <inpu...