iT邦幫忙

前端相關文章
共有 536 則文章

技術 React hooks 的基礎概念:hooks鏈表

當函數組件進入render階段時,會被renderWithHooks函數處理。函數組件作為壹個函數,它的渲染其實就是函數調用,而函數組件又會調用React提供的...

鐵人賽 Modern Web DAY 30
重新認識 CSS 系列 第 30

技術 重新認識 CSS - 總結 & 系列目錄

前言 「重新認識 CSS」這個系列名稱的由來就如其名,我想要重新認識它。雖然以前就有學過 CSS,但這次想從 CSS Spec 中學到最原始的定義和內容,更加...

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

技術 AMP(Lession 4) - 字型

AMP 中設定字型 誠如前面所說的, AMP 並不希望引入外部的檔案。可是…預設的字體就是不得人疼,我就是要另外載入別的字體呀!! 怎麼辦呢?! 有2種方法 方...

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

技術 AMP(Lession 25) - 用 position observer 實現 scrolling 頁面時的一些互動效果

用 position observer 實現 scrolling 頁面時的一些互動效果 在 amp 的世界裡,我們可以可以利用 scrolling 時做些事唷!...

鐵人賽 Modern Web DAY 3

技術 我的武器從一把槍變成了電腦-下

菜菜菜的前端學習日誌 - Day3 好的!!接著今天要天橋下說書第三集囉!! 又離開 剛進公司期間裡面的技術對我來說都是陌生的,所以前期一直靠著上網google...

鐵人賽 自我挑戰組 DAY 6

技術 視覺設計(1)

來輕鬆聊聊 本單元可以視為CSS基礎介紹的進階內容,相對於基礎篇會提供更多實用的且更接近實際網頁開發的範例。接下來就讓我們開始吧! 文字對齊 text-a...

技術 [鼠年全馬鐵人挑戰] Week21 - 超新手學前端 - JavaScript:函式、物件、陣列寫法

又是新的一週了~一樣的還是在 JavaScript 大魔王打怪中這週來記錄一下最基本的函式、物件、陣列寫法寫法吧 寫法符號懶人包 函式:funciton()物件...

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

技術 AMP(Lession 15) - Facebook Like

Facebook Like 基本 code <amp-facebook-like width=90 height=20 layout="...

鐵人賽 Modern Web DAY 30

技術 【D30 - 期待與各位再次見面】前端學到暈島隆重閉幕!

恭喜各位如果是從之前一步一步走來的人~ 那你已經擁有了基本的前端工程師必備技能!! 前言 我們在從一開始的那個地圖來看起,驗收一下我們這一路走來到底走過哪裡...

技術 【前端動手玩創意】google五星評分的星星(2)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

鐵人賽 Modern Web DAY 3

技術 Day 03:Navbar 組件實作

組件實作 : Demo 一、前言 Navbar 導覽列是每個網站幾乎都會有的組件之一,就是網頁最上面的那一條橫幅,Navbar 的實作上,我們專注在兩個重...

鐵人賽 Modern Web DAY 1

技術 我的武器從一把槍變成了電腦-上

菜菜菜的前端學習日誌 - Day1 tags: 2018鐵人賽 前端 從拿槍變敲鍵盤 我是Andy Tsai,一個很菜很菜、菜到名字都有"Tsai&q...

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

技術 JavaScript 初心者筆記: 判斷式 - 運算子篇

在正式講到判斷式之前,我想要先來簡介一下跟判斷式有關的運算子,畢竟要學習如何用判斷式判斷條件,總要先知道怎麼設條件吧!其實 JavaScript 裡有好幾種類型...

鐵人賽 Vue.js DAY 18

技術 DAY 18 - Vue + Vite + Nuxt 建立專案,享受最優質的 DX

DAY 18 - Vue + Vite + Nuxt 建立專案,享受最優質的 DX Vue3 + Vite + Nuxt 這次我主要是選擇使用Vue3 +...

鐵人賽 Modern Web DAY 4

技術 第一個網頁

菜菜菜的前端學習日誌 - Day4 好的今天兒要開始說技術了呢 菜比八學Web 剛開始學習我是到w3school上去學習html tag跟css 屬性這是一個不...

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

技術 AMP(Lession 13) - Facebook 的 發文、影片、留言〈資料 href 篇〉

Facebook 的 發文、影片、留言〈資料 href 篇〉 在提到了如何使用 amp-facebook 之後,我們來學學如何找到 data-href 這個的...

技術 JS筆記-VScode的Prettier(自動排版)怎麼開始使用?

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

徵才 「傑富資訊」專注研發! 持續擴大招募中(職缺多多)!

●公司簡介【專注研發,追求創新】我們是一群致力於遊戲軟體開發,流著年輕活力血液的創新團隊,傑富資訊總部坐落於台中市北屯區,公園綠景與風格建築比鄰而居,星巴克、春...

技術 前端小試身手(10)--lurl圖床之自動帶入密碼

目錄 前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕~ 前端小試身手(2)--it幫跳轉到最佳解答 前端小試身手(3)--增添系列文...

鐵人賽 自我挑戰組 DAY 8

技術 Day08:圖解 HTTP Chapter05 與 HTTP 協作的網頁伺服器 筆記精要

用單台虛擬主機實作多個域名 HTTP / 1.1 開始允許一台伺服器可以建立多個網頁站點。例如:提供網頁寄存服務的公司可以用一台伺服器幫多個客戶服務,以每個客戶...

鐵人賽 Modern Web DAY 9

技術 Day 09:Form 組件實作

組件實作 : Demo 一、前言 Form 表單組件主要出現在需要取得使用者的資訊,比如商品訂單、問卷填寫、選擇操作等等各種需要使用者輸入資料的行為,都可...

技術 [觀念] 前端與UI事件

今天發文章是基於 android Intent轉跳問題 這一篇有感而發. 簡單說好了,不管是 Web,單機程式,手機程式 都會有前端跟後端,前端就是我們所謂的U...

鐵人賽 Modern Web DAY 2

技術 #01 網頁的基本名詞:UI/UX?切版&切圖?前端&後端?靜態&動態?RWD or Mobile First?

↓ 今日學習重點 ↓ 理解網頁設計師、工程師常用的詞彙是什麼? 網頁的基本名詞 UI/UX? UI/UX 分別代表使用者介面設計(User Inte...

技術 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難度頗高,想挑戰再進來!)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

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

技術 AMP(Lession 12) - Facebook 的 發文、影片、留言〈基礎篇〉

Facebook 的 貼文、影片、留言〈基礎篇〉 不知不覺間, Facebook 成為了不少大眾的入口社群網站,隨之而來,也有不少的網站內容用到 Faceboo...

鐵人賽 Modern Web DAY 2

技術 解構賦值Destructuring assignment—為什麼需要和用途

什麼是解構賦值?根據MDN-Destructuring assignment的說法,他是一種把陣列或物件解開擷取成為獨立的變數。 這篇文章將會提到以下幾點 為...

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

技術 JavaScript 初心者筆記: 迴圈簡介

迴圈可以重複執行同一組程式碼,幫我們處理不斷重複的事情。迴圈會檢測條件,如果條件為 true,便會執行程式碼;接著條件繼續被檢測、程式碼繼續執行,直到條件為 f...

技術 網站前後端時區

前言 以前架設網站系統,都是for台灣的使用者,因此從未考慮過當使用者來自各個國家時,怎樣按照各地區去處理時區問題。講到這裡,肯定有人會覺得說,使用UTC不就可...

技術 面向前端的CDN解決方案! 全框架皆可使用

面向前端的CDN解決方案! 前陣子想在Angular的專案下套用CDN機制過去我都是使用 webpack publicPath 來達成但使用Angular我不...

徵才 傑富資訊 ◆ 徵的就是你

【專注研發,追求創新】我們是一群致力於遊戲軟體開發,流著年輕活力血液的創新團隊,公司目前北中南據點持續擴大業務中!如果您也喜歡在Code世界中徜徉、對美有所堅持...