Day1 學習前端的起源 起源 小魯今年28歲，從事FAE及技術支援類工作約3年，資訊系畢業但沒去寫程式，當初也不愛寫程式。 2020年COVID-19疫...
這週來到了我最害怕的情境題 因為這部份稍微不足一點 所以更加要好好練習~~~ 情境 你現在是美式餐廳的櫃檯收銀員，但老闆因為預算有限，所以沒有買收銀機，所以你只...
當初為什麼報名這堂課？ 買了許多線上課程，要鞭策自己每天都學習，還要能整理筆記，對於我這種毅力不夠的人，簡直就是買來放心安的。因此自己的轉職道路才遙遙無期，一...
這周來練習比較運算子，也是我不太熟練的一個章節要好好努力練習了~ 題目 請觀看以下文章後，解答以下題目： [JS] 判斷筆記 比較運算子 重新認識 JavaSc...
又是一個星期過去了最近準備婚事真的忙翻啦~所以上週忘了更新文章了QQ沒關係 再來繼續加油努力:) 變數型別判斷與弱型別轉型練習 請觀看此文章後，解答以下題目。...
最近因為工作比較忙，沒什麼進度，這幾天來惡補一下，今天要做的功能是使用Web Speech的一個API SpeechSynthesisUtterance搭配Sp...
參考文章: https://juejin.im/post/6846687584710557710 新看到的方法:Object.is(val1,val2); ES...
這些觀念從"克服 JS 的奇怪部分"影片中學習的，這系列影片真的是好東西，所謂的閉包(closure)，也就是說執行環境可以將那些它所要re...
在學習寫程式的過程中，最不會的就是變數命名 因為本身就是個不會英文的麻瓜QQ 這時候就突然很想當美國人這樣學程式會快很多哈哈 廢話不多說 來練習變數命名囉! 變...
前言 TweenMax是一個好用的動畫工具，我覺得比jQuery更直覺，效能更棒，這系列是根據 mike 成智遠老師 的TweenMax動態特效課程 整理 先備...
今天兩個章節寫在一起，因為兩個份量都算較少，首先我們來分享Day21的章節。此章節功能是利用Geolocation API，取得我們目前位置的經緯度、方向、速度...
延續上一篇，繼續練習囉~!!! 第三題 console.log(e); var e; e = 5; e = "hello"; e = tru...
今天要來做的是一個語音辨識的功能，當我們講話時，可以判斷並將我們說的話渲染至頁面上。 Web Speech API 讓我們能將「聲音」這個要素融合進網頁應用程...
今天這個章節主要是利用電腦的視訊鏡頭，以canvas為基底，去改變我們的畫面色彩、透明度等等。 而我就依照比較重要的重點來分享。 canplay:當影片播放時，...
最近好忙好忙 發現久沒碰js都有點生疏了 接下來的文章就來練習題目加深自已的印象吧 感謝六角學院js特訓班提供的題目可以讓新手練習 環境與變數環境 第一題 va...
【公司介紹】以提供雲端群組軟體及工作改善服務為主軸。日本市佔率第一，服務據點遍布全球，橫跨亞太、北美地區。2017年9月設立台灣據點，已協助超過百家企業、提高工...
這次的主題主要是利用reduce將時間做一個總和，並計算出時分秒。 首先獲取我們全部的li，並轉為陣列型式。 let li = Array.from(d...
今天，主題是在講排序的東西，成果如下圖。 要處理的資料。 const bands = ['The Plot in You', 'The Devil...
前言 reduce屬於javascript「synchronize 同步」的array method，他就是把一整個array的所有內容，有順序性的擠壓sque...
前言 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()物件...
TerryYu
iThome鐵人賽
看影片追技術