iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 3313 瀏覽

技術 JS30 Day 16 - Mouse Move Shadow學習筆記

今天要做的功能是當滑鼠移動時，字會產生陰影並跟著滑鼠最對應的位移。由於今天內容較少，就不一一描述程式碼的部分了。首先我們要先了解以下幾點觀念: offset...

no027843 ‧ 2020-07-08

1 Like 0 留言 2090 瀏覽

技術 JS30 Day 15 - LocalStorage學習筆記

這次做得功能類似to do list，不過只有增加及改變狀態的功能。在開始之前我們需要先大致了解，本地的資料庫也就是F12=>Application下...

no027843 ‧ 2020-07-07

2 Like 0 留言 2016 瀏覽

技術 JavaScript ES6 - 創建自己的 Promise & 鏈接技巧

這裡來試著創建自己的 Promise 來處理看看非同步 ~ 首先用函式建構式創建函式，接著 return 一個 new Promise，並把 resolve(成...

Jerry Huang ‧ 2020-07-03

2 Like 0 留言 1558 瀏覽

技術 JavaScript ES6 - Promise

Promise 是 ES6 用來處理非同步的一種方法，至於是處理什麼問題呢? 非同步寫法不一致非同步程式碼過巢無法同時執行以 jQuery 來說 aj...

Jerry Huang ‧ 2020-07-02

0 Like 1 留言 2300 瀏覽

技術 [鼠年全馬鐵人挑戰] Week21 - 超新手學前端 - JavaScript：函式、物件、陣列寫法

又是新的一週了~一樣的還是在 JavaScript 大魔王打怪中這週來記錄一下最基本的函式、物件、陣列寫法寫法吧寫法符號懶人包函式：funciton()物件...

a841722 ‧ 2020-06-28

1 Like 0 留言 1778 瀏覽

技術 [鼠年全馬] W23 - ES6有你真好

來到了連假最後一Po我是個說到做到的男人!!! 今天主題不是Vue而是非常好用的ES6讓他來將連假做個完美的Ending吧~ #萬用起手式這裡就不講它的歷史...

餅乾 ‧ 2020-06-28

0 Like 0 留言 1492 瀏覽

技術 JS30 Day 14 - JavaScript References VS Copying學習筆記

這個章節比較偏觀念，如淺複製及深複製的一些概念，我覺得是非常重要的重點。 start with strings, numbers and booleans 首先...

no027843 ‧ 2020-06-25

3 Like 0 留言 2463 瀏覽

技術 JavaScript ES6 - 箭頭函式(arrow function)

箭頭函式不同於一般傳統函式，可以帶來更直觀更簡潔的寫法。箭頭函式結構: 傳統函式如下: const Fn = function (){ return...

Jerry Huang ‧ 2020-06-24

0 Like 0 留言 1351 瀏覽

技術 JS filter 查詢

(1)數字查詢HtmlJS Data JS filter用法 1.先獲取Html Dom2. 2.JS filter寫判斷式篩選開始把結果渲染到頁面頁面結果...

wendy773 ‧ 2020-06-24

1 Like 0 留言 1743 瀏覽

技術 JS30 Day 13 - Slide in on Scroll學習筆記

今天的功能是當往下滾動頁面，會在對應的地方顯示圖片。首先，獲取全部圖片，並將視窗增加滾動事件。而作者有寫一個debounce的函數，我們將滾動的事件函數當作...

no027843 ‧ 2020-06-24

1 Like 0 留言 6820 瀏覽

技術使用javascript來解leetcode(#1 Two Sum)(Easy)

#1 Two Sum medium版本題目原文 Given an array of integers, return indices of the two n...

Leo ‧ 2020-06-24

0 Like 1 留言 3660 瀏覽

技術 [鼠年全馬鐵人挑戰] Week20 - 超新手學前端 - JavaScript:監聽

嗨大家早安午安晚安這周開始 JavaScript 的直播班了發現自己吸收程度真的很慢很多都看不懂QQ還好有提供直播錄影連結可以把不懂的重複看到懂~ 這周就來紀...

a841722 ‧ 2020-06-21

1 Like 0 留言 1667 瀏覽

技術 JS30 Day 12 - Key Sequence Detection學習筆記

今天要來做的功能是，按下指定鍵盤按鍵，就會輸出彩蛋。而我們設置的彩蛋按鈕是，上上下下左右左右BABA。成果如下圖: 首先，我們先創建彩蛋的code，也就是指定...

no027843 ‧ 2020-06-17

0 Like 0 留言 1149 瀏覽

技術 [JavaScript 小筆記] 變數與內建型別之基本型別

變數用來儲存資料和進行運算的單位。命名規則字首必為大小寫英文字母（大小寫區分）、底線、＄，後面可接大小寫英文字母、底線、＄或是數字。命名時不可以是...

BB ‧ 2020-06-17

1 Like 1 留言 10701 瀏覽

技術 [JavaScript]Date.prototype.toISOString()修正時區，因地制宜

本文主要是講怎樣把Date.prototype.toISOString()的結果改成目前的時區測試環境在Chrome83.0JavaScript內建的時間是UT...

qu4qu426com123 ‧ 2020-06-14

3 Like 0 留言 1730 瀏覽

技術 [鼠年全馬鐵人挑戰] Week19 - 超新手學前端 - JavaScript 變數小筆記

切版直播班結束後就決定報名JavaScirpt直播班啦~JavaScript 真的是大魔王啊~但還是要去克服呢><所以這篇要來記一下預先學習的小筆記...

a841722 ‧ 2020-06-12

2 Like 0 留言 8636 瀏覽

技術圖解Docker教學－前端學習Docker的4大原因 feat. 六角學院

近年來容器技術的蓬勃發展，已讓Docker不再是後端專屬的技術之一。有鑒於Kubernetes與DevOps的浪潮，Docker已經深入到前端領域，成為現代...

用圖片高效學程式 ‧ 2020-06-11

2 Like 0 留言 1953 瀏覽

技術 JavaScript 基礎知識 - 淺複製(shallow copy)和深複製(deep copy)

前一篇結尾講到了物件的傳參考的特性，但有時候我們希望屬性和值是被直接複製一份，並非是直接指向的淺複製(shallow copy) 如果用一般比較傳統的方式，會...

Jerry Huang ‧ 2020-06-12

1 Like 2 留言 1522 瀏覽

技術 JavaScript 基礎知識 - 探討物件

JavaScript 的物件結構，基本會是 {} 包覆屬性:值，如下: var person = { name: '小明', members:...

Jerry Huang ‧ 2020-06-10

2 Like 0 留言 2477 瀏覽

技術 JS30 Day 11 - Custom Video Player學習筆記

今天要的題目是要來客製化一個影片播放器，做完之後，更加熟悉video的一些屬性跟方法，如果不是有什麼特別需求，我覺得controls ( )，就很夠用了。完...

no027843 ‧ 2020-06-08

1 Like 0 留言 2126 瀏覽

技術【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

Deno Taiwan臉書社團：https://bit.ly/2XXyoQ0 圖解Deno教學 — 介紹x安裝x使用三合一：圖解Deno教...

用圖片高效學程式 ‧ 2020-06-08

1 Like 0 留言 1178 瀏覽

技術 JS30 Day 10 - Hold Shift and Check Checkboxes學習筆記

今天的題目功能是當我們按下checkbox以後，按著shift不放，再按下另一個checkbox，會把兩個checkbox之間的checked都設為true，主...

no027843 ‧ 2020-06-04

2 Like 0 留言 1192 瀏覽

技術 JS30 Day 9 - Dev Tools Domination 學習筆記

今天主要是介紹一些我們console的tool 在開始前我們將console設成變數，並將會用到的console給寫進去，方便用來如果要開啟或關閉全部conso...

no027843 ‧ 2020-06-03

0 Like 0 留言 1750 瀏覽

技術 [自學筆記] ES6 的好用地方

知識淺短的我~對於這種事就會像是發現新大陸哈哈~ 看到書上的ES6寫法 let a = [...b]; // 可以用來複製陣列這與一般認為的 a = b...

gior__ann ‧ 2020-06-03

0 Like 0 留言 1445 瀏覽

技術 ES6 學習筆記_03(作用鏈)

作用鏈在JavaScript中，函數可以製造一個作用域(函數作用域)，如果函數中還有函數那麼這個作用域中又會建立一個作用域，將所有的作用域列出來可以獲得一個結...

Fandix ‧ 2020-06-07

1 Like 0 留言 1469 瀏覽

技術 ES6 學習筆記_02(作用域)

什麼是作用域? 作用域就是一個變數的生存範圍，一旦超出了這麼範圍就無法存取到這個變數。在ES6之前，Javascript只擁有函數作用域和全域作用域，函式...

Fandix ‧ 2020-06-02

2 Like 0 留言 1883 瀏覽

技術 ES6 學習筆記_01(let & const)

let基本介紹在ES6中新增了let與const兩個命令，用法類似於var但是最大的不同在於var作用於全域而let與const作用於塊狀區域中。 var作用...

Fandix ‧ 2020-06-01

1 Like 0 留言 2383 瀏覽

技術 [鼠年全馬] W17 - JavaScript學習心得 - 阿賈克斯為你打造溝通橋樑p3

嗨我又來騙文章數了~ 這週要來實作抓政府Open API並實際呈現於畫面上 API的部分是用六角上課時提供的API連結: 高雄旅遊網不得不說六角老師的這個範例非...

餅乾 ‧ 2020-05-28

2 Like 0 留言 3216 瀏覽

技術【圖解Deno教學】介紹x安裝x使用三合一

Youtube連結：https://bit.ly/36zpv2VDeno Taiwan(FB社團):https://bit.ly/2XXyoQ0 Deno是一...

用圖片高效學程式 ‧ 2020-05-27

0 Like 0 留言 2515 瀏覽

技術 Javascript 進階 11-6 Promise 與 Ajax

這篇文章要使用 XMLHttpRequest 配合 Promise 進行 ajax 的封裝撰寫首先先來看看下方的這範例，我們利用原生的 Web API 針對...

odinhusky ‧ 2020-05-27