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

0 Like 0 留言 4450 瀏覽

鐵人賽 Modern Web DAY 24

AMP 系列第 24 篇

技術 AMP(Lession 24) - AMP 中的 iframe

AMP 中的 iframe 使用 amp-iframe 之前，有個極為重要的觀念一定要知道! amp-iframe 絕對不能主要用在顯示廣告上（請使用 amp-...

majo2013 ‧ 2018-10-24

0 Like 0 留言 1870 瀏覽

鐵人賽 Modern Web DAY 23

AMP 系列第 23 篇

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

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

majo2013 ‧ 2018-10-23

0 Like 0 留言 1900 瀏覽

鐵人賽自我挑戰組 DAY 8

寇丁人妻的前端書蟲日誌系列第 8 篇

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

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

嘿！日安 ‧ 2018-10-23 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 1480 瀏覽

鐵人賽 Modern Web DAY 22

AMP 系列第 22 篇

技術 AMP(Lession 22) - 影片播放

影片播放說著說著，我們來看看影片在 amp 的世界裡是如何被使用的吧 Required Script <script async custom-elem...

majo2013 ‧ 2018-10-22

0 Like 0 留言 1745 瀏覽

鐵人賽 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 留言 3302 瀏覽

鐵人賽 Modern Web DAY 20

AMP 系列第 20 篇

技術 AMP(Lession 20) - 在 AMP 頁面裡獲取數據〈Page View 與 Event Tracking 篇〉

在 AMP 頁面裡獲取數據〈Page View 與 Event Tracking 篇〉釐清 Page View 與 Event Tracking Page...

majo2013 ‧ 2018-10-20

1 Like 0 留言 7036 瀏覽

鐵人賽自我挑戰組 DAY 6

寇丁人妻的前端書蟲日誌系列第 6 篇

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

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

嘿！日安 ‧ 2018-10-21 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 1807 瀏覽

鐵人賽 Modern Web DAY 19

AMP 系列第 19 篇

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

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

majo2013 ‧ 2018-10-19

0 Like 0 留言 3316 瀏覽

鐵人賽自我挑戰組 DAY 5

寇丁人妻的前端書蟲日誌系列第 5 篇

技術 Day05：JavaScript 設計模式心得

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

嘿！日安 ‧ 2018-10-20 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 1622 瀏覽

鐵人賽 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 0 留言 3941 瀏覽

鐵人賽自我挑戰組 DAY 4

寇丁人妻的前端書蟲日誌系列第 4 篇

技術 Day04：JavaScript 設計模式第四章函式筆記精要（下）

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

嘿！日安 ‧ 2018-10-19 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 1436 瀏覽

鐵人賽 Modern Web DAY 17

AMP 系列第 17 篇

技術 AMP(Lession 17) - AMP 中的 Instagram

AMP 中的 Instagram 基本結構 <amp-instagram data-shortcode="fBwFP"...

majo2013 ‧ 2018-10-17

0 Like 0 留言 3112 瀏覽

鐵人賽自我挑戰組 DAY 3

寇丁人妻的前端書蟲日誌系列第 3 篇

技術 Day03：JavaScript 設計模式第四章函式筆記精要（上）

接下來會學習到不同定義的函式，首先是函式表達式和函式宣告式，接著看函式作用域與 hosting 如何運作。背景 JavaScript 有兩個主要特色：函式...

嘿！日安 ‧ 2018-10-18 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 2504 瀏覽

鐵人賽自我挑戰組 DAY 2

寇丁人妻的前端書蟲日誌系列第 2 篇

技術 Day2：YDKJS 第二次讀書會

本週進度： Chapter5 值大家的三個重點： Andy： array 是被數字索引的（正如你所想的那樣），但微妙的是它們也是 Object ，可...

嘿！日安 ‧ 2018-10-17 ‧團隊好想工作室第二屆鐵人賽

2 Like 1 留言 3105 瀏覽

鐵人賽自我挑戰組 DAY 1

寇丁人妻的前端書蟲日誌系列第 1 篇

技術【前端書蟲日誌】序

前言在這個三大框架鼎立，線上課程滿地花開，大家都是前端工程師的時代，要如何把程度的分水嶺破開，就是讓自己到達另外一個境界，會想開這個主題是想再根深蒂固前端的基...

嘿！日安 ‧ 2018-10-16 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 1814 瀏覽

鐵人賽 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

0 Like 0 留言 2209 瀏覽

鐵人賽 Modern Web DAY 15

AMP 系列第 15 篇

技術 AMP(Lession 15) - Facebook Like

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

majo2013 ‧ 2018-10-15

0 Like 0 留言 2238 瀏覽

鐵人賽 Modern Web DAY 14

AMP 系列第 14 篇

技術 AMP(Lession 14) - Facebook 的粉絲專頁外掛程式

Facebook 的粉絲專頁外掛程式方便您在自己的網站上內嵌和推廣任何公開的 Facebook 粉絲專頁。user 不用離開網站，便可對粉絲專頁按讚和分享。...

majo2013 ‧ 2018-10-14

1 Like 0 留言 2075 瀏覽

鐵人賽 Modern Web DAY 13

AMP 系列第 13 篇

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

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

majo2013 ‧ 2018-10-13

0 Like 0 留言 1883 瀏覽

鐵人賽 Modern Web DAY 12

AMP 系列第 12 篇

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

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

majo2013 ‧ 2018-10-12

0 Like 0 留言 1753 瀏覽

鐵人賽 Modern Web DAY 11

AMP 系列第 11 篇

技術 AMP(Lession 11) - 時間轉換 timeago

時間轉換 timeago 不知道 timeago 的請去這兒瞭解一下， amp-timeago 就是以這個套件為基礎的基本範例 <amp-timeago...

majo2013 ‧ 2018-10-11

0 Like 0 留言 1831 瀏覽

鐵人賽 Modern Web DAY 10

AMP 系列第 10 篇

技術 AMP(Lession 10) - 收合區域

收合區域 - amp-accordion 如下圖所示：如手風琴（accordion）一般，開合以顯示內容 Required Script <script...

majo2013 ‧ 2018-10-10

0 Like 0 留言 2404 瀏覽

鐵人賽 Modern Web DAY 9

AMP 系列第 9 篇

技術 AMP(Lession 9) - AMP中使用Lightbox

AMP中使用Lightbox 在上一篇文章我們有點到 lightbox ，現在我們就來講講 lightbox 吧！在 AMP 中有2個套件具有 lightbo...

majo2013 ‧ 2018-10-09

1 Like 0 留言 2450 瀏覽

鐵人賽 Modern Web DAY 8

AMP 系列第 8 篇

技術 AMP(Lession 8) - carousel輪播圖片〈進階篇〉

carousel輪播圖片〈進階篇〉為 amp-carousel 設定 id 後跳轉圖片透過 <amp-carousel> 給定 id 值；例：...

majo2013 ‧ 2018-10-08

1 Like 0 留言 6784 瀏覽

鐵人賽 Modern Web DAY 7

AMP 系列第 7 篇

技術 AMP(Lession 7) - carousel 輪播圖片〈基礎篇〉

carousel輪播圖片〈基礎篇〉這類的 component ，常見的部分會有：多張圖片左右點選前後張照片點選縮圖或文字，跳至指定的第n張照片說明文...

majo2013 ‧ 2018-10-07

0 Like 0 留言 2713 瀏覽

鐵人賽 Modern Web DAY 6

AMP 系列第 6 篇

技術 AMP(Lession 6) - 使用 amp-bind 處理 view 、 data 、 user event 間的關係

使用 amp-bind 處理 view 、 data 、 user event 間的關係相信不少人都有用過 MVP 、 MVC 、 MVVM, ... 各種架...

majo2013 ‧ 2018-10-06

0 Like 0 留言 2226 瀏覽

鐵人賽 Modern Web DAY 5

AMP 系列第 5 篇

技術 AMP(Lession 5) - 依區塊而改變文字大小 amp-fit-text

依區塊而改變文字大小的 amp-fix-text 支援的 layout 值可使用在具有 display: block 與 display: inlline-b...

majo2013 ‧ 2018-10-05

0 Like 1 留言 2185 瀏覽

鐵人賽 Modern Web DAY 4

AMP 系列第 4 篇

技術 AMP(Lession 4) - 字型

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

majo2013 ‧ 2018-10-04

1 Like 0 留言 2738 瀏覽

鐵人賽 Modern Web DAY 3

AMP 系列第 3 篇

技術 AMP(Lession 3) - 使用AMP做RWD

使用AMP做RWD RWD 在現如今的網站，可以說是必備設定了。這兒要注意一點：平日裡我們是用 css 在做 RWD 的設定，但在 AMP 的世界裡，並不是這樣...

majo2013 ‧ 2018-10-03

1 Like 0 留言 3693 瀏覽

鐵人賽 Modern Web DAY 2

AMP 系列第 2 篇

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

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

majo2013 ‧ 2018-10-02