iT邦幫忙

前端相關文章
共有 536 則文章
鐵人賽 Modern Web DAY 8

技術 Day 08. 前線維護・明文型別 X 格式為王 - Literal Types

閱讀本篇文章前,仔細想想看 在什麼樣的情況下,你會怎麼決定要選擇使用 TypeScript 的陣列、元組(Tuple)或列舉(Enumerated)呢? 如...

鐵人賽 其他技術 DAY 3

技術 Day3– 前端小字典三十天【每日一字】– Text editor

Text editor是什麼? Text editor-文字編輯器(文本編輯器) 維基百科: 文字編輯器是電腦軟體中的一種。主要用於用來編寫和檢視文字檔案。 因...

鐵人賽 Modern Web DAY 19
前端工程師養成手冊 系列 第 19

達標好文 技術 要認清公司能帶給你的「技術功力」有限,你得自己額外補起來

你如何看待你的技術成長?你在公司一兩年,但總覺得越到後期成長幅度低到不行?或是都認為工作內容都在做重複性的事物?你最後一次很快樂地寫程式是什麼時候?如果上面的問...

鐵人賽 Modern Web DAY 23
JavaScript 初心者筆記 系列 第 23

技術 JavaScript 初心者筆記: 常用事件及相關語法分享

前一篇筆記介紹的是事件基本概念,而本篇將介紹一些在操作事件時常用的語法。 表單內容更動時觸發 - change 此事件僅限用於 元素、 和 元素,當元素的...

鐵人賽 Modern Web DAY 13
JavaScript 初心者筆記 系列 第 13

技術 JavaScript 初心者筆記: 判斷式 - if...else / switch 篇

接續昨天學到的比較運算子跟邏輯運算子,今天終於進入正題:判斷式。判斷式是 JavaScript 用來控制流程的,當指定的條件成立時,就會執行後續的指令。判斷式的...

鐵人賽 Modern Web DAY 22

技術 【D22 - Dynamic & Async】ㄟ~組件你不要給我亂動!

今天又要講到一些概念了~ 因為昨天我們不小心遇到了兩個好傢伙XD (async, await),所以我們直接開始今天主題吧! 前言 我們會講到: Dyna...

鐵人賽 自我挑戰組 DAY 8
每天來點 Vue.js 吧 系列 第 8

技術 Vue computed 與 method 的差異比較

tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時,computed 與 method 往往能替我們做到同樣的事...

鐵人賽 Modern Web DAY 3

技術 33歲轉職者的前端筆記-DAY 3 什麼是 iframe 及使用心得

iframe 是 寫網頁常見的語法之一 在進公司前不知道有這語法 但通常一個網頁內容 左側或上方選單都是固定相同的內容,當時我還笨笨的每個分頁都複製貼上在改 請...

鐵人賽 其他技術 DAY 22

技術 Day22– 前端小字典三十天【每日一字】– REST

REST是什麼? 圖片來源 Representational State Transfer 表現層狀態轉化 表現層是什麼? "表現層"指的...

鐵人賽 其他技術 DAY 27

技術 Day27– 前端小字典三十天【每日一字】– Framework

Framework是什麼? 圖片來源 框架是一個骨架, 框架已經制定一套規範,讓開發者依照已規範好的標準來實作。 舉生活化的例子 美食節目企劃編寫了一系列的五...

鐵人賽 Modern Web DAY 7

技術 Day 7 - 動手繪製 Wireframe 線框稿(Figma教學)

Day 7 - 動手繪製 Wireframe 線框稿(Figma教學) 每日一談 嗨 ! 大家好,我是阿蘇今天是Day 7 ,今天會分享 Wireframe...

鐵人賽 Modern Web DAY 20
菜菜菜的前端學習日誌 系列 第 20

技術 Event 事件-上

菜菜菜的前端學習日誌 - Day20 Event JavaScript是一個以事件驅動(Event-driven)的程式語言。 事件驅動程式設計的流程,是由UI...

鐵人賽 Modern Web DAY 27
菜菜菜的前端學習日誌 系列 第 27

技術 jQuery 好玩的捲軸收合效果

菜菜菜的前端學習日誌 - Day27 動畫特效 昨天用了一些簡單的語法做了一個待辦事項清單(To Do List) 而 jQuery 因為能夠很容易地去操作 D...

鐵人賽 Modern Web DAY 11
菜菜菜的前端學習日誌 系列 第 11

技術 javascript之Hello World

菜菜菜的前端學習日誌 - Day11 今天兒來講javascript javascript是一種網頁的程式語言,他能夠讓網頁的元素動起來,增加網頁的互動性。 我...

鐵人賽 Modern Web DAY 8

技術 【D8 - Vue架構】 沒有架構怎麼鬥得過Vue!?

前言 昨天開了一個Vue的專案~ 不知道各位看過一下file 了沒有 這些檔案是啥啊!!?? 先來說說每一個file大概的意思~ node_modules n...

鐵人賽 其他技術 DAY 23

技術 Day23– 前端小字典三十天【每日一字】– Parallax Scrolling

Parallax Scrolling是什麼? Parallax Scrolling 視差捲動 Parallax Scrolling的中文解釋為視差捲動, 視差滾...

鐵人賽 自我挑戰組 DAY 6

技術 Day06:圖解 HTTP Chapter01 了解 Web 及網路基礎 筆記精要

使用 HTTP 協議訪問 Web 當在網頁瀏覽器輸入網址之後,瀏覽器會向伺服器請求該網址的資源,並顯示網頁。發送請求取得伺服器資料的網頁瀏覽器,都可以稱為客戶端...

技術 RWD 漢堡選單練習 toggleClass

這次的漢堡選單練習,是要讓選單在手機頁面時加上 JS,讓選單有互動的效果, 所以需要了解一點 jQuery 的運作方式,可以去找一下相關資料,或許可以也可以來這...

鐵人賽 Modern Web DAY 24
前端工程師養成手冊 系列 第 24

技術 善用工具提昇開發效率

在石器時代,原始人必須很辛苦用鑽木取火的方式來生火,而古代的人開始會用打火石。隨著時代的演進,也開始有打火機、火柴等工具,而在現代,只要有瓦斯充足,你的火源想燃...

鐵人賽 Modern Web DAY 1

技術 【Day 1】前情提要 && 教學大綱

大家好!我是老莫,今天是 30 天中的第 1 天,主要是講一下未來 29 天的內容規劃: 關於分享主題 相信大家也是看了主題 "React從0到1&q...

鐵人賽 Modern Web DAY 21
前端工程師養成手冊 系列 第 21

達標好文 技術 適時充電擺脫工作低潮

不論各行各業,都一定會有工作低潮,以我的前端生涯中就有幾次低潮期,例如說: 突然對寫前端產生厭倦 對公司交辦的工作一直覺得無趣 覺得自己除了寫程式以外沒有任何...

鐵人賽 Modern Web DAY 8

技術 Transition轉場效果

菜菜菜的前端學習日誌 - Day8 transition 轉場 transition 是設置指定元素,在值改變時的轉場能夠透過設定加速度及時間產生不同的轉場效果...

鐵人賽 Modern Web DAY 10

技術 Day 10. 前線維護・特殊型別 X 永無止盡 - Never Type

閱讀本篇文章前,仔細想想看 如何跳脫死板定義的型別 type 格式? 對狹義物件的屬性下達 undefined 之原始型別跟使用選用屬性(Optional...

鐵人賽 Modern Web DAY 9

技術 【D9 - Vue的雙下巴】Vue模板語法 -- {{Mustache}}

首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板 模板其實跟render function 是一樣的運作模式的~我們會將模板編譯成為render func...

鐵人賽 Modern Web DAY 2

技術 Day 02:Button 組件實作

組件實作 : Demo 一、前言 Button 是能夠廣泛被應用的組件之一。製作 Button 方法不只一種,你可以使用<div>、<b...

鐵人賽 Modern Web DAY 9

技術 Transform變形

菜菜菜的前端學習日誌 - Day9 transform 變形 transform顧名思義就是讓元素變形,夠過簡單的參數設定來使元素達到一般CSS屬性較難達到的樣...

技術 【前端 HTML/JSX】在Input框內部加上Icon?除了使用Bootstrap、Semantic或Material-UI之外你還可以這麼做

相信像下列的輸入框需求,在前端開發的時候很容易遇到 菜鳥前端的第一直覺大概就會想要這樣寫... 把icon的部分直接放在 <input>裡面 &lt...

鐵人賽 其他技術 DAY 30

技術 Day30– 前端小字典三十天【每日一字】– 歡樂的完結篇之小小成果目錄

這是我第三年參加鐵人賽 帶著學習的心,跌跌撞撞來到了第三年.... 報名截止的最後一天、還在想是否有足夠的時間來寫文章。 最後還是趕在12點前報名了... 沒有...

鐵人賽 Modern Web DAY 16
認識 Chrome 開發者工具 系列 第 16

技術 原始碼面版 - 使用中斷點 1

今天我們要開始來一起討論如何使用原始碼面版 (Sources panel) 來除錯你的網頁。在開發者工具中,我最常用的面版就是元素面版跟原始碼面版,每當我在進行...

鐵人賽 Modern Web DAY 14
認識 Chrome 開發者工具 系列 第 14

技術 行動裝置工具欄

因著現在行動裝置的流行,還有響應式網頁設計 (Responsive Web Design, RWD) 在這幾年成為設計網站流程中重要的一環,Chrome 開發者...