Vue Transitions 製作簡單的 Carousel / Slider / 輪播功能
本篇大綱:輪播 / carousel / slider、3 個輪播套件推薦、Slick、Swiper、Owl Carousel 2、自己寫一個 Carousel、Vue Transitions Carousel 製作、原始碼下載。
本篇大綱:輪播 / carousel / slider、3 個輪播套件推薦、Slick、Swiper、Owl Carousel 2、自己寫一個 Carousel、Vue Transitions Carousel 製作、原始碼下載。
本篇大綱:客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求,就是要客製上傳檔案的按鈕。覺得寫成一篇,然後把code存起來,以後要用比較好找。可以看到input的id,跟label的for,兩個值要是相同的,這樣就可以把label跟input綁起來。
本篇大綱:v-if, v-show tab功能好幫手、transition中放多個v-if、transition中放多個v-show、vue transition多個v-if, v-show整理。自從開始在用vue.js後,寫頁籤(tab)功能簡單多了。不只頁籤,相似的也很好用,比方線上測驗的換頁、手風琴。
本篇大綱:Vivus.js 主要在做 SVG 的邊框動畫、安裝、使用、頁面引用 SVG、執行Vivus.js、實作範例、SVG 圖、壓縮SVG、寫 code。最後完成的範例頁都是使用 Vivus 包含的 AJAX 方法,可以直接看頁面上的原始碼。
本篇大綱:為什麼要自己開發一個按鈕、按鈕樣式部份、按鈕功能部份、判斷使用者語系、在 Google Apps Script 上寫 API、cookies、發 Google Analytics 事件、埋程式碼HTML、CSS、JS、結論。
本篇大綱:為什麼從line bot轉到telegram bot?建立Telegram機器人、接收訊息、推播訊息、replay_markup、parse_mode。LINE@自從升成2.0後,原本開發用的方案沒了,在這種制度下,讓我開始找別的替代方案,就想到保密性很強的Telegram。
本篇大綱:原來google maps api有每個月的免費額度、申請Google Maps API Key、開始使用Maps Javascript API、放置多個標記、Info Windows、客製化地圖樣式、隱藏地圖上其他商家、隱藏地圖上UI、本篇原始檔下載
本篇大綱:本篇用到的資源、安裝所需套件、拿訂閱者的基本資料、存使用者選擇的地區、從氣象局拿資料、LINE push api、建立排程。這篇紀錄的是實作一個推播天氣機器人的甘苦路。實作一個「每日早上7點,自動推播天氣預報」的機器人。之前陸陸續續寫的幾篇筆記文,就是在為這個功能做準備。
本篇大綱:本篇要解決的問題、接氣象局api需要的3個東西 -1 氣象局提供的授權碼 -2 取得要get的url -3 可跨網域取得資料的api -4 補充:只想取得某個區的資料。跨網域get資料 -1 直接用別人寫好的線上功能 -2 自己寫一個後端api,用api去取資料
本篇大綱:用到的資源二、取得FCM金鑰三、新增manifest.json、firebase config、取得使用者的token、新增sw.js、註冊sw.js、存cookies、存firebase、發送web push、接收web push、補充資源
本篇大綱:列出workbox可用的參數設定 -1 Route Requests -2 Route Requests + 自訂cache名稱 -3 改成debug模式 -4 cache來自於別的網域時 -5 快取的檔案加入檔案數量、期限的限制 -6 離線時也能向GA發送請求
本篇大綱:workbox CLI在做些什麼、用workbox CLI建立sw.js -1 安裝workbox CLI -2 存一支sw-config.js檔(看需求可跳過) -3 使用workbox小精靈,生成workbox-config.js檔 -4 用workbox-config.js檔,生出sw.js
前端工程師 August 的學習筆記 — solving problems, in simple ways.