閱讀本篇文章前,仔細想想看 在什麼樣的情況下,你會怎麼決定要選擇使用 TypeScript 的陣列、元組(Tuple)或列舉(Enumerated)呢? 如...
Text editor是什麼? Text editor-文字編輯器(文本編輯器) 維基百科: 文字編輯器是電腦軟體中的一種。主要用於用來編寫和檢視文字檔案。 因...
你如何看待你的技術成長?你在公司一兩年,但總覺得越到後期成長幅度低到不行?或是都認為工作內容都在做重複性的事物?你最後一次很快樂地寫程式是什麼時候?如果上面的問...
前一篇筆記介紹的是事件基本概念,而本篇將介紹一些在操作事件時常用的語法。 表單內容更動時觸發 - change 此事件僅限用於 元素、 和 元素,當元素的...
接續昨天學到的比較運算子跟邏輯運算子,今天終於進入正題:判斷式。判斷式是 JavaScript 用來控制流程的,當指定的條件成立時,就會執行後續的指令。判斷式的...
今天又要講到一些概念了~ 因為昨天我們不小心遇到了兩個好傢伙XD (async, await),所以我們直接開始今天主題吧! 前言 我們會講到: Dyna...
tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時,computed 與 method 往往能替我們做到同樣的事...
iframe 是 寫網頁常見的語法之一 在進公司前不知道有這語法 但通常一個網頁內容 左側或上方選單都是固定相同的內容,當時我還笨笨的每個分頁都複製貼上在改 請...
REST是什麼? 圖片來源 Representational State Transfer 表現層狀態轉化 表現層是什麼? "表現層"指的...
Framework是什麼? 圖片來源 框架是一個骨架, 框架已經制定一套規範,讓開發者依照已規範好的標準來實作。 舉生活化的例子 美食節目企劃編寫了一系列的五...
Day 7 - 動手繪製 Wireframe 線框稿(Figma教學) 每日一談 嗨 ! 大家好,我是阿蘇今天是Day 7 ,今天會分享 Wireframe...
菜菜菜的前端學習日誌 - Day20 Event JavaScript是一個以事件驅動(Event-driven)的程式語言。 事件驅動程式設計的流程,是由UI...
菜菜菜的前端學習日誌 - Day27 動畫特效 昨天用了一些簡單的語法做了一個待辦事項清單(To Do List) 而 jQuery 因為能夠很容易地去操作 D...
菜菜菜的前端學習日誌 - Day11 今天兒來講javascript javascript是一種網頁的程式語言,他能夠讓網頁的元素動起來,增加網頁的互動性。 我...
前言 昨天開了一個Vue的專案~ 不知道各位看過一下file 了沒有 這些檔案是啥啊!!?? 先來說說每一個file大概的意思~ node_modules n...
Parallax Scrolling是什麼? Parallax Scrolling 視差捲動 Parallax Scrolling的中文解釋為視差捲動, 視差滾...
使用 HTTP 協議訪問 Web 當在網頁瀏覽器輸入網址之後,瀏覽器會向伺服器請求該網址的資源,並顯示網頁。發送請求取得伺服器資料的網頁瀏覽器,都可以稱為客戶端...
這次的漢堡選單練習,是要讓選單在手機頁面時加上 JS,讓選單有互動的效果, 所以需要了解一點 jQuery 的運作方式,可以去找一下相關資料,或許可以也可以來這...
在石器時代,原始人必須很辛苦用鑽木取火的方式來生火,而古代的人開始會用打火石。隨著時代的演進,也開始有打火機、火柴等工具,而在現代,只要有瓦斯充足,你的火源想燃...
大家好!我是老莫,今天是 30 天中的第 1 天,主要是講一下未來 29 天的內容規劃: 關於分享主題 相信大家也是看了主題 "React從0到1&q...
不論各行各業,都一定會有工作低潮,以我的前端生涯中就有幾次低潮期,例如說: 突然對寫前端產生厭倦 對公司交辦的工作一直覺得無趣 覺得自己除了寫程式以外沒有任何...
菜菜菜的前端學習日誌 - Day8 transition 轉場 transition 是設置指定元素,在值改變時的轉場能夠透過設定加速度及時間產生不同的轉場效果...
閱讀本篇文章前,仔細想想看 如何跳脫死板定義的型別 type 格式? 對狹義物件的屬性下達 undefined 之原始型別跟使用選用屬性(Optional...
首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板 模板其實跟render function 是一樣的運作模式的~我們會將模板編譯成為render func...
組件實作 : Demo 一、前言 Button 是能夠廣泛被應用的組件之一。製作 Button 方法不只一種,你可以使用<div>、<b...
菜菜菜的前端學習日誌 - Day9 transform 變形 transform顧名思義就是讓元素變形,夠過簡單的參數設定來使元素達到一般CSS屬性較難達到的樣...
相信像下列的輸入框需求,在前端開發的時候很容易遇到 菜鳥前端的第一直覺大概就會想要這樣寫... 把icon的部分直接放在 <input>裡面 <...
這是我第三年參加鐵人賽 帶著學習的心,跌跌撞撞來到了第三年.... 報名截止的最後一天、還在想是否有足夠的時間來寫文章。 最後還是趕在12點前報名了... 沒有...
今天我們要開始來一起討論如何使用原始碼面版 (Sources panel) 來除錯你的網頁。在開發者工具中,我最常用的面版就是元素面版跟原始碼面版,每當我在進行...
因著現在行動裝置的流行,還有響應式網頁設計 (Responsive Web Design, RWD) 在這幾年成為設計網站流程中重要的一環,Chrome 開發者...