iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1567 瀏覽

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

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

candy070740 ‧ 2018-11-06

0 Like 0 留言 1564 瀏覽

鐵人賽 Modern Web DAY 19

從零開始手刻網站，30 天打造我的前端武器庫系列第 19 篇

技術 Day 19：滑動頁面組件實作

組件實作 : Demo 一、前言滑動頁面組件 Overlay 的用途是當作側邊選單，可以用在隱藏一部分的資訊，讓頁面看起來更乾淨，反過來說，Overla...

東尼先生 ‧ 2022-10-03

0 Like 0 留言 1563 瀏覽

鐵人賽 Modern Web DAY 16

AMP 系列第 16 篇

技術 AMP(Lession 16) - Facebook Comment 嵌入留言

Facebook Comment 嵌入留言基本語法 <amp-facebook-comments width=486 height=657 l...

majo2013 ‧ 2018-10-16

1 Like 1 留言 1557 瀏覽

鐵人賽 Vue.js DAY 5

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 5 篇

技術 DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本

DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本為什麼要了解不同版本呢 ? 1. 版本間差異寫法大，只學一種不理解其中差...

阿蘇蘇 ‧ 2023-09-20 ‧團隊大船要開囉

0 Like 0 留言 1552 瀏覽

鐵人賽 Modern Web DAY 7

從零開始手刻網站，30 天打造我的前端武器庫系列第 7 篇

技術 Day 07：Card 組件實作

組件實作 : Demo 一、前言 Card 組件通常會出現在像是購物網站的商品資訊，或是影片追劇等電影介紹中，其實只要是文字加上圖片的一個群組，都可以是一...

東尼先生 ‧ 2022-09-21

0 Like 0 留言 1552 瀏覽

鐵人賽 Modern Web DAY 6

從零開始學 - Side Project專題開發及切版實作技巧系列第 6 篇

技術 Day 6 - Wireframe 線框稿

Day 6 - Wireframe 線框稿每日一談嗨 ! 大家好，我是阿蘇不知不覺就來到了 Day 6 ，有沒有開始對 Side Project 有些靈...

阿蘇蘇 ‧ 2022-09-21 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1550 瀏覽

鐵人賽 Modern Web DAY 19

AMP 系列第 19 篇

技術 AMP(Lession 19) - 在 AMP 頁面裡獲取數據〈基本觀念篇〉

在 AMP 頁面裡獲取數據〈基本觀念篇〉如果你想要觀察 user 在網頁的一些數據，你要怎麼做呢？在 AMP 的世界裡，我們可以使用 amp-pixel 與...

majo2013 ‧ 2018-10-19

0 Like 0 留言 1548 瀏覽

鐵人賽 Modern Web DAY 12

從零開始學 - Side Project專題開發及切版實作技巧系列第 12 篇

技術 Day 12 - 切版基礎打底(二) : 必學CSS運用

Day 12 - 切版基礎打底(二) : 必學CSS運用每日一談嗨，大家好 ! 我是阿蘇今天是Day12，我們一樣繼續談談CSS的實作運用，有哪些是必學、...

阿蘇蘇 ‧ 2022-09-27 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1547 瀏覽

技術 React和DOM的那些事-節點新增算法

點擊進入React源碼調試倉庫。本篇是詳細解讀React DOM操作的第二篇文章，文章所講的內容發生在commit階段。插入DOM節點操作的是fiber節點...

nero ‧ 2021-02-11

0 Like 0 留言 1547 瀏覽

鐵人賽 Modern Web DAY 24

從零開始手刻網站，30 天打造我的前端武器庫系列第 24 篇

技術 Day 24：Scroll 組件實作

組件實作 : Demo、Demo2 一、前言 Scroll 的意思為滾動，它常見的應用，比如在頁面捲動時所產生的效果，這個效果被稱作為「視差滾動」 Par...

東尼先生 ‧ 2022-10-08

0 Like 0 留言 1546 瀏覽

鐵人賽 Modern Web DAY 26

AMP 系列第 26 篇

技術 AMP(Lession 26) - Google VR 圖片

Google VR 圖片接下來在 AMP 的世界裡玩玩 VR image 吧！這是個 AMP 試驗中的功能，我們先來看看這兒的範例吧! 基本範例 <a...

majo2013 ‧ 2018-10-26

0 Like 0 留言 1545 瀏覽

鐵人賽 Modern Web DAY 18

菜菜菜的前端學習日誌系列第 18 篇

技術 String method

菜菜菜的前端學習日誌 - Day18 String Method 今天要來講一些常用的String Methed var andy = 'Hello! My n...

Andy Tsai ‧ 2018-01-06 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 1543 瀏覽

鐵人賽 Modern Web DAY 12

從零開始手刻網站，30 天打造我的前端武器庫系列第 12 篇

技術 Day 12：Ｍodal 組件實作

組件實作 : Demo 一、前言Ｍodal 指的是互動視窗，也就是讓畫面跳出一個蓋板訊息框。使用 Modal 背景大多由半透明黑色覆蓋；訊息框（互動視窗...

東尼先生 ‧ 2022-09-26

0 Like 0 留言 1534 瀏覽

鐵人賽 Modern Web DAY 16

從零開始手刻網站，30 天打造我的前端武器庫系列第 16 篇

技術 Day 16：Tooltip 組件實作

組件實作 : Demo 一、前言 Tooltip 是文字提示的組件，感覺上它很容易被忽略，其實這一個功能在網頁上也很常找到它的芳蹤，其實作的原理，也不會太...

東尼先生 ‧ 2022-09-30

2 Like 2 留言 1534 瀏覽

技術旅館預約服務練習紀錄-首頁練習

前言這次找了 The F2E 前端修練時光屋的稿件，找到了這份稿件(如果您有興趣，可以再找自己喜歡的設計稿來練功)。其實原本滿逃避面對這件事情，因為對於...

Tim Hsu ‧ 2019-11-06

0 Like 0 留言 1514 瀏覽

鐵人賽自我挑戰組 DAY 18

手刻武器庫，30 天前端學習心得系列第 18 篇

技術 Day 18：jQuery 學習筆記-上

一、前言伴隨著前端框架的不斷演進，jQuery 的使用慢慢地式微，甚至出現了棄用 jQuery 的建議【1】。雖然某些公司專案開上可能不再使用 jQuery...

東尼先生 ‧ 2022-10-02

0 Like 0 留言 1498 瀏覽

鐵人賽 Modern Web DAY 17

菜菜菜的前端學習日誌系列第 17 篇

技術好用的Array Method

菜菜菜的前端學習日誌 - Day17 前面動物園的成員還是只剩下3隻動物，我們就繼續用這個練習吧 var animal = ['horse', 'tiger',...

Andy Tsai ‧ 2018-01-05 ‧團隊好想工作室第一屆鐵人賽

1 Like 0 留言 1496 瀏覽

技術 React的秘密-原理解析第壹篇：核心概念

作為壹個構建用戶界面的庫，React的核心始終圍繞著更新這壹個重要的目標，將更新和極致的用戶體驗結合起來是React團隊壹直在努力的事情。為什麽React可以將...

nero ‧ 2021-01-22

0 Like 0 留言 1490 瀏覽

技術梳理useEffect和useLayoutEffect的原理與區別

點擊進入React源碼調試倉庫。 React在構建用戶界面整體遵循函數式的編程理念，即固定的輸入有固定的輸出，尤其是在推出函數式組件之後，更加強化了組件純函數的...

nero ‧ 2021-02-16

1 Like 0 留言 1477 瀏覽

技術 JQuery 學習紀錄(２)

JQ基本選擇器 jq如何設置樣式 css(name,value)name:樣式名 value:樣式值 id選擇器 ('#id') $('#three').css...

no027843 ‧ 2020-04-19

0 Like 0 留言 1476 瀏覽

鐵人賽 Modern Web DAY 23

AMP 系列第 23 篇

技術 AMP(Lession 23) - 播放Youtube影片

播放Youtube影片 Youtube 當機網友：世界末日! Youtube太重要了，現在我們來看看在 AMP 的世界裡， Youtube 又該如何引用吧!...

majo2013 ‧ 2018-10-23

1 Like 0 留言 1467 瀏覽

鐵人賽自我挑戰組 DAY 2

手刻武器庫，30 天前端學習心得系列第 2 篇

技術 Day 02：架設第一個自己的網站

一、前言想要在有限的時間內快速建立自己的網站，對於追求效率的人來說，是一件很有吸引力的事情，但是這件事情最大的缺點，就是會花上不少的金錢與心力。一般來說，想...

東尼先生 ‧ 2022-09-16

0 Like 0 留言 1453 瀏覽

鐵人賽 Modern Web DAY 21

AMP 系列第 21 篇

技術 AMP(Lession 21) - 在 AMP 頁面裡獲取數據〈Access Trigger 篇〉

在 AMP 頁面裡獲取數據〈Access Trigger 篇〉設定範例上一篇的文章裡，我們有提到 amp-analytics 中的 Access Trig...

majo2013 ‧ 2018-10-21

0 Like 0 留言 1451 瀏覽

鐵人賽 Software Development DAY 3

使用Django Rest Framework, Docker, Docker Compose 製作後端服務應用系列第 3 篇

技術 [Day3] - 前端，後端是在做什麼？ --續前端後端的歷史及架構

其實每個時期程式流行的架構以及寫法會略有不同，每個時期前端後端負責的範疇也不盡相同，我們無法知道我們會碰到什麼樣的架構，也無法決定前人是如何設計，我們能做的只能...

無聊工程師 bored_engineer ‧ 2021-09-16 ‧團隊董事長清潔隊

0 Like 0 留言 1444 瀏覽

鐵人賽 Modern Web DAY 20

從零開始手刻網站，30 天打造我的前端武器庫系列第 20 篇

技術 Day 20：AJAX 功能實作

組件實作 : Demo 一、前言 AJAX（Asynchronous JavaScript and XML）中文翻作「非同步的 JavaScript 與...

東尼先生 ‧ 2022-10-04

1 Like 0 留言 1442 瀏覽

鐵人賽 Modern Web DAY 2

~網頁入門~ 系列第 2 篇

技術 Day02-網站的運作與分類

提到網頁，我們常常會聽到「前端」、「後端」這兩個名詞。所以在了解網頁的基本架構之前，我們首先來看看網頁是如何運作的~ 甚麼是前端、後端？前端 (Front-e...

Sherry ‧ 2019-09-18 ‧團隊紅蟳當兵等他開賽

0 Like 0 留言 1410 瀏覽

鐵人賽 Modern Web DAY 18

AMP 系列第 18 篇

技術 AMP(Lession 18) - AMP 中的 Twitter

AMP 中的 Twitter 基本範例 <amp-twitter width="375" height="472&qu...

majo2013 ‧ 2018-10-18

0 Like 1 留言 1397 瀏覽

技術【前端動手玩創意】哇操！你敢信？花式寫todo-list，body裡面一行都沒有也能搞？(9)

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

Oo_花之舞__oO ‧ 2023-04-25

0 Like 0 留言 1392 瀏覽

技術 React和DOM的那些事-節點刪除算法

點擊進入React源碼調試倉庫。本篇是詳細解讀React DOM操作的第壹篇文章，文章所講的內容發生在commit階段。 Fiber架構使得React需要維護...

nero ‧ 2021-02-12

0 Like 0 留言 1388 瀏覽

鐵人賽 Modern Web DAY 8

從零開始學 - Side Project專題開發及切版實作技巧系列第 8 篇

技術 Day 8 - Figma 繪製精美 Mockup (一)

Day 8 - Figma 繪製精美 Mockup (一) 每日一談嗨，大家好 ! 我是阿蘇今天是Day7 我們即將進入設計階段，這邊一樣也是使用 F...

阿蘇蘇 ‧ 2022-09-23 ‧團隊死線衝鋒 Deadline Squad

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