前言 async/await是ES7的寫法，可以讓非同步call back寫法看起來像同步的順序去執行。 async表達式 async function myF...
前言 使用閉包時要注意：閉包雖然簡單易用，但也會造成佔用記憶體的問題。因為會讓函式執行完畢後，某些情況下，閉包的變數仍然無法釋放記憶體，所以使用閉包時還是要謹慎...
什麼是callback? callback就是將function當作參數傳入另外一個函式裡 JavaScript的同步與非同步 同步：就像接力賽跑，當棒子沒有...
前言 在今年9月順利轉職成為前端工程師，在準備面試的時候有稍微學習一些關於js的知識，不過等到真的成為前端工程師後，遇到了很多問題是以前準備的知識中無法解決的，...
大家好，我是一名菜鳥工程師，這篇文章用來記錄我工作遇到的需求及解決方式，如果有更好的解決方式，也歡迎大家提出，話不多說，趕快開始今天的教學吧。 需求 這次客戶那...
學了一陣子的JavaScript遇到了不少問題其中遇到一個最大的問題是學了那麼多語法要怎麼運用?我知道函式、物件、陣列但我不知道什麼時候該用哪個?不知道新手在學...
今天要做的功能是當滑鼠移動時，字會產生陰影並跟著滑鼠最對應的位移。 由於今天內容較少，就不一一描述程式碼的部分了。 首先我們要先了解以下幾點觀念: offset...
這次做得功能類似to do list，不過只有增加及改變狀態的功能。 在開始之前我們需要先大致了解，本地的資料庫也就是F12=>Application下...
這裡來試著創建自己的 Promise 來處理看看非同步 ~ 首先用函式建構式創建函式，接著 return 一個 new Promise，並把 resolve(成...
Promise 是 ES6 用來處理非同步的一種方法，至於是處理什麼問題呢? 非同步寫法不一致 非同步程式碼過巢 無法同時執行 以 jQuery 來說 aj...
又是新的一週了~一樣的還是在 JavaScript 大魔王打怪中這週來記錄一下最基本的函式、物件、陣列寫法寫法吧 寫法符號懶人包 函式：funciton()物件...
來到了連假最後一Po我是個說到做到的男人!!! 今天主題不是Vue而是非常好用的ES6讓他來將連假做個完美的Ending吧~ #萬用起手式 這裡就不講它的歷史...
這個章節比較偏觀念，如淺複製及深複製的一些概念，我覺得是非常重要的重點。 start with strings, numbers and booleans 首先...
箭頭函式不同於一般傳統函式，可以帶來更直觀更簡潔的寫法。 箭頭函式結構: 傳統函式如下: const Fn = function (){ return...
(1)數字查詢HtmlJS Data JS filter用法 1.先獲取Html Dom2. 2.JS filter寫判斷式篩選 開始把結果渲染到頁面 頁面結果...
今天的功能是當往下滾動頁面，會在對應的地方顯示圖片。 首先，獲取全部圖片，並將視窗增加滾動事件。而作者有寫一個debounce的函數，我們將滾動的事件函數當作...
#1 Two Sum medium版本 題目原文 Given an array of integers, return indices of the two n...
嗨 大家早安午安晚安這周開始 JavaScript 的直播班了發現自己吸收程度真的很慢很多都看不懂QQ還好有提供直播錄影連結可以把不懂的重複看到懂~ 這周就來紀...
今天要來做的功能是，按下指定鍵盤按鍵，就會輸出彩蛋。而我們設置的彩蛋按鈕是，上上下下左右左右BABA。 成果如下圖: 首先，我們先創建彩蛋的code，也就是指定...
變數 用來儲存資料和進行運算的單位。 命名規則 字首必為大小寫英文字母（大小寫區分）、底線、＄，後面可接大小寫英文字母、底線、＄或是數字。 命名時不可以是...
本文主要是講怎樣把Date.prototype.toISOString()的結果改成目前的時區測試環境在Chrome83.0JavaScript內建的時間是UT...
切版直播班結束後就決定報名JavaScirpt直播班啦~JavaScript 真的是大魔王啊~但還是要去克服呢><所以這篇要來記一下預先學習的小筆記...
近年來容器技術的蓬勃發展，已讓Docker不再是後端專屬的技術之一。有鑒於Kubernetes與DevOps的浪潮，Docker已經深入到前端領域，成為現代...
前一篇結尾講到了物件的傳參考的特性，但有時候我們希望屬性和值是被直接複製一份，並非是直接指向的 淺複製(shallow copy) 如果用一般比較傳統的方式，會...
JavaScript 的物件結構，基本會是 {} 包覆 屬性:值，如下: var person = { name: '小明', members:...
今天要的題目是要來客製化一個影片播放器，做完之後，更加熟悉video的一些屬性跟方法，如果不是有什麼特別需求，我覺得controls ( )，就很夠用了。 完...
Deno Taiwan臉書社團：https://bit.ly/2XXyoQ0 圖解Deno教學 — 介紹x安裝x使用 三合一： 圖解Deno教...
今天的題目功能是當我們按下checkbox以後，按著shift不放，再按下另一個checkbox，會把兩個checkbox之間的checked都設為true，主...
今天主要是介紹一些我們console的tool 在開始前我們將console設成變數，並將會用到的console給寫進去，方便用來如果要開啟或關閉全部conso...
知識淺短的我~對於這種事就會像是發現新大陸 哈哈~ 看到書上的ES6寫法 let a = [...b]; // 可以用來複製陣列 這與一般認為的 a = b...
iThome鐵人賽
看影片追技術