iT邦幫忙

前端相關文章
共有 536 則文章
鐵人賽 Modern Web DAY 26
認識 Chrome 開發者工具 系列 第 26

技術 記憶體面版 - 記憶體堆快照 2

昨天我們一起看了一段官方文件裡提供的程式,它會產生分離的 DOM 節點,這些節點不會被垃圾回收 (Garbage Collection) 所以會造成記憶體洩漏。...

鐵人賽 Modern Web DAY 4

技術 開發者工具面版簡介 2 - 原始碼、安全性、應用及審查面版

今天我們會再簡單的介紹幾個面版:原始碼、安全性、應用還有審查。好,廢話不多說,就讓我們開始吧! 原始碼面版 Sources panel 這個面版是在進行 JS...

鐵人賽 Modern Web DAY 2

技術 【D2 - 前端島生存守則】先拿好你的地圖

要能學好前端有非常多條路~ 我自學期間合作開發了很多專案包括到職場去進修,其實大家的開發流程根所需技術都是不一樣的所以我在這邊統整出一個前端地圖~如果想要做出...

鐵人賽 其他技術 DAY 14

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

圖片來源 今天下班跑去參加Patchwork Taipei 的活動 圖片來源 我們使用 git-it 來練習Git , 過程中,透過說明頁面,一步步帶著你...

鐵人賽 Modern Web DAY 23

技術 【D23 - 用Vue實作網頁】Firebase說他還可以幫忙Authenticate?

不得不說firebase真的很厲害,或著說google大大很厲害XDXD。firebase除了可以做到realtime-databse, fire-store...

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

技術 JavaScript 初心者筆記: JS 內建物件 - 全域物件篇

在真實世界中,我們可以很直觀地辨別各個不同的實體物品及其代表的意義,但在程式的世界中,「物品」是用一系列的資料去組合而成的物件模型。目前為止我們學到了 Java...

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

技術 網路面版 - 了解每個請求

經過這幾天的介紹,我想大家對這個面版已經有一定的認識了,但是我們其實還沒有進到每個 HTTP 請求裡面,去查看這個請求細節,而這就是我們今天要做的。好,就讓我們...

鐵人賽 Modern Web DAY 1

達標好文 技術 寫在前頭

前言 前端工程在過去這幾年變化快的驚人,JavaScript 從原先在頁面上只負責簡單的介面互動操作,到現在像是 SPA (Single Page Applic...

鐵人賽 其他技術 DAY 12

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

如果server需要記住client的資料時,此時需要cookies與session的協助。 上一篇筆記cookies,今天分享的是session。 sessi...

鐵人賽 Modern Web DAY 7

技術 Day 07 - Design System — 前端工程師也該知道的那些事

在前一天我們知道了 Design System 為什麼出現、它試圖解決的問題和一些使用上的 Mindset 後,今天要來介紹 Design System 到底...

鐵人賽 Modern Web DAY 29

技術 【D29 - 用Vue實作網頁】佈署你的專案,分享給朋友你的第一個網站!!

今天是距離完賽倒數一天了,我們也準備要把我們之前三十天努力的心血deploy到網路上!! 前言 我們每當做了一個網站,如果你希望大家可以使用到你的網站的話,...

鐵人賽 Modern Web DAY 12

技術 【D12 - 用Vue實作網頁】父子同心齊力斷金!

今天要講到的東西我部會用在這個project上,(也可能會啦不確定)XD,但不論如何,他是一個非常重要的東西~ 前言 在我們昨天講到組件components...

鐵人賽 自我挑戰組 DAY 5

技術 Day05:JavaScript 設計模式 心得

讀書完成進度:75% 推薦程度:★★★★☆ 優點: 程式碼解釋白話 步驟詳細 模式優劣分析 缺點: 使用版本過於老舊(2012年出版) 整體上...

鐵人賽 Modern Web DAY 2
AMP 系列 第 2

技術 AMP(Lession 2) - AMP網頁中的Schema

AMP網頁中的Schema 為何需要寫 schema 呢?當我們千辛萬苦寫了個頁面出來,自然是希望能讓廣大的user看到。所以請使用Schema.org來面對大...

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

達標好文 技術 JavaScript 初心者筆記: 前言

在鐵人賽的開頭,先用一篇前言來交代緣起跟大綱應該是蠻必要的,尤其我要寫的主題看起來根本沒啥看點,根本就是年經文,每屆都一堆大神寫 JavaScript 寫得嚇嚇...

鐵人賽 其他技術 DAY 17

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

CMS 是什麼? 圖片來源 內容管理系統(Content Management System) CMS內容是數位資訊的結合體,可以是文字、圖片、Web頁面、文...

技術 [鼠年全馬鐵人挑戰] Week13 - 超新手學習筆記:如何開始撰寫 RWD

又過了一週啦~一樣是超忙的一週~~下班回家努力練習切版直播的作業,不過這次的版型比較複雜所以卡關了QQ真的是燒腦燒到一個極點這次的作業除了 PC 版之外,還需練...

鐵人賽 Modern Web DAY 4

技術 Day 04 - 行前說明 — 談談元件化開發與開發流程

如昨天預告的一樣,今天來介紹元件化開發的技術背景,它是什麼、為什麼重要,最後再講一下元件的開發流程。 首先,「元件化開發」是由於前後端分離跟前端框架的興起而達成...

鐵人賽 影片教學 DAY 29

技術 金魚都能懂網頁設計入門 : JQuery動畫(鐵人賽第二十九天)

教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 重點回顧 影片中提到的動畫類型有哪些 動畫的原理是利用什麼原理 如何利用一個開關...

鐵人賽 自我挑戰組 DAY 4

技術 Day04:JavaScript 設計模式 第四章函式 筆記精要(下)

立即函式 此模式本質上是一個函數表示式,並在定義後立刻執行。立即函式由下面部分所組成: 用函式表示式定義函式 在函式最後加上括號,這樣會讓函式立刻執行 整個...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07:色彩的基本入門

一、前言 在寫網頁時,除了命名規則、排版會讓我們感到困擾之外,顏色搭配也是我們會感到糾結的一部分。配色是一種直觀的感受,所以要掌握它並不是那麼的容易,接下來我...

活動 【網頁技術研討會】各路前端大神詮釋 2017 年網頁技術趨勢

各位邦友們好: 我是高雄前端社群的創辦人洧杰,之前也參加過兩屆 的 IT 鐵人邦, 今年我們舉辦了一個前端技術研討會,時間是 5/6 日,在票種上除實體票也有直...

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

技術 審查面版

我們在前面有簡單介紹了審查面版(Audits panel),它可以幫我們檢測我們的網站是不是有遵循最佳實踐 (Best practices),並提供我們每個問題...

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

技術 控制台面版 1 - 讀取-求值-輸出循環

今天我們要一起來討論的 Chrome 開發者工具的控制台面版 (Console panel),這個面版我們在前面有很簡單的介紹過,其實它就像是一個讀取-求值-輸...

鐵人賽 影片教學 DAY 28

技術 金魚都能懂網頁設計入門 : JQuery CSS控制(鐵人賽第二十八天)

教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 重點回顧 我們可以利用CSS來做些甚麼 CSS可樂的網站/頻道/訂閱 CSS可...

鐵人賽 Modern Web DAY 13

技術 【D13 - 用Vue實作網頁】Routing 帶你到世界翱翔

今天要講的東西非常的實用,曾經我還是開發小盟新時去找了一個實習,結果他問我~ 你知道router是甚麼嗎....我竟然跟他說: 「知道! 是路由器~」雖然ro...

鐵人賽 Modern Web DAY 21

技術 【D21 - 用Vue實作網頁】Firebase 幫我存一下資料啦!

這篇文章會根據昨天講到的firebase作為延伸~ 希望你可以先讀一下昨天那篇*(除非你會firebase了XD)* https://ithelp.ithom...

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

技術 記憶體面版 - 記憶體堆快照 1

今天我們要開始一起來討論記憶體面版 (Memory panel),這個面版的主要功能就是讓你做網站的記憶體體檢,像是記憶體洩漏、記憶體膨脹和頻繁的垃圾回收都可以...

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

技術 網路面版 - 總覽

昨天我們介紹了網路面版的介面,也一起看部份 HTTP 請求列表的功能 (Request row),今天我們要一起來討論總覽 (overview)。 但在開始之前...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08:臺灣郵遞區號

組件實作 : Demo 一、前言 當我們在填寫表單資料的時候,有時候會帶入一些郵遞區號的資料,這些資料要一個個去建立,可能需要花滿多時間,這時候我們就可以...