運算子主要是利用符號或單詞，來運算前後的值並回傳結果 範例： 我們到 Chrome 瀏覽器的 Console 來查 範例中 1 和 2 被稱為運算元，而 +...
JavaScript 中型別主要分為原始型別和物件型別兩種 原始型別 原始型別中包含七種型別， 而這些型別有各自的方法， 這些方法可以藉由包裹物件來查看， 其中...
JavaScript 是動態型別的程式語言，指的是變數的型別是可以更換的， 而 JavaScript 執行的過程中，會有創造階段和執行階段， JavaScrip...
ASI(Automatic Semicolon Insertion) 當 JavaScript 語句沒有加上分號時，則會受到自動插入分號(ASI)規則影響， 因...
陳述式(Statement) JavaScript 語句類型，用於命令執行指定一系列操作，最大的特徵是不會回傳結果， 因為陳述式不會回傳結果，因此陳述式不能賦值...
單執行緒、同步 JavaScript 是單執行緒的程式語言， 表示一次只能處理一件事，前面的事情完成之前，後面都不會被執行， 這種資料處理方式稱為同步。 非同步...
在 Day04 有提到在 JavaScript 裡， 函式執行時會產生函式執行環境，在該執行環境中會創造屬於自己的記憶體空間， 而在函式執行完畢後，會將記憶體空...
我們在進到主題前先來看一段程式碼，隨後在開發人員工具中觀察執行過程 function doSomething(){ var mom = '老媽'; }...
所謂的範圍鍊是指當函式本身沒有變數時，而向外層尋找變數的過程， 但尋找的過程和執行環境沒有任何關係，而是跟作用域有關係 範例： var person = 'mo...
執行環境（Execution context） 函式執行環境 昨天有提到函式的作用域是限制在 function 內， 所以當我們宣告一個變數在 function...
今天要來介紹 JavaScript 的作用域， JavaScript 是採用語法作用域(靜態作用域) 首先我們先來看一個函式執行： function callN...
在 Day01 的文章中有提到， JavaScript 會先經過語法解析後，產生結構樹，代碼生成後才會運行 但在某些情況下，這些流程會產生錯誤 範例： 字串少寫...
程式語言的運行過程 在知道如何運行之前，必須先了解程式語言是如何被運行的。 程式語言依照運行方式可分為兩種： 編譯式語言(Compiled language...
前言 去年忙結婚的事情一度暫停學習及更新文章忙完結婚事以後剛好六角學院也開了很適合新手的JS直播課程自已實在是停了太久所以就立馬報名啦! 在上課之前的心理建設...
我從來沒想過會當工程師 「歷史系」、「運動」、「採訪編輯」、「數位行銷」、「前端工程師」，這幾個看似毫無關聯的tag全部出現在我身上。每次跟其它人介紹自己的工作...
前言今年四月離了職，開始了調光freelancer和轉職計畫...這個決定已經前前後後思考了一年，畢竟要從一個熟悉的環境離開真的有滿滿的未知和恐懼。 在思考轉職...
如何利用 JavaScript 做出一個時鐘 本文同步發於：https://jason06286.github.io/20200819/44267/ 作品範例...
分支 在開發中我們會有許多版本，像是開發版、測試版，測試功能都正常，才會合併到上線版。 分支就像是影分身術的概念，而我們會透過 git 的指令，來取需要分身的...
本篇適用於完全不會Git的人，將一步步帶你上傳檔案至GitHub 1. 安裝 首先到 Git 官網 ，下載Git以下為 windows 環境下示範 ，開始選單...
小明崩潰問道:難道奶奶、你和我都是程式所構成的嗎？此時大家陷入沉默，不發一語黑衣人打破沉默:如果你想知道這世界的真相，就問問真理吧！在真理的世界只有 true...
奶奶一臉震驚說:你...你是...黑衣人說:我這次回來是要把我畢生所學給傳授下去。小明腦中出現了很多想法，回來？畢生所學？什麼東西阿！搞得我腦子好亂！黑衣人說:...
小明是某雜貨店的員工，有天店裡來了位客人，身著國民品牌uniqlo黑色的短T，下著百搭卡其褲，腳採萬年不敗adidas拖鞋，走進店裡拿了一罐水、二條七七乳加巧克...
以前數學課有個直線方成式y=ax+b，想必大家都不陌生吧！=、*、+，我們稱為運算子，而y=ax+b，就稱為運算式。 JavaScript 有以下常用的運算子...
變數 變數命名規則 變數可以由字母數字下劃線和美元符號($)組成 變數必須以字母開頭 變數也能以 $ 和 _ 符號開頭 變數名稱對大小寫敏感（a 和 A 是不...
transform:(動作的函數),通常會配合animation或:hover來做些動畫效果 範例 transform-origin:x y; 指定動作的參考點...
CSS3 中有兩個用來做動畫的屬性，一個是 Transition，另一個是 Animation。 Animation 起手式 div{ animati...
這周來寫點不一樣的~ 因為終於上完八週的線上切版直播班啦~~!!! 來寫寫課後心得，可供日後想參加的學員參考哦:) 參加源由 如果看過我前面的文章會知道我原本是...
最近切版常常遇到看似規則，但又不規則，一下偏左，一下偏右，在我還沒遇到nth-child 前，我的解決方式都是一千零一招，複製貼上各個class,每次邊貼心裡都...
CSS filter簡單來說就是濾鏡功能，以下整理幾個常用的功能。 1.blur模糊(px) 越大越模糊，如果想要朦朧美就參考這個吧！ filter:blur(...
什麼是偽元素？ 它不是網頁元素，但行為、表現又像元素一樣，可以用CSS操控。簡易來說它就是個分身術，常用的偽元素有::before、::after兩種。 ::b...
weiwei
iThome鐵人賽
看影片追技術