The F2E 2019 第四關 - 線上支付 part1
The F2E 2019 第四關 - 線上支付: https://challenge.thef2e.com/news/15
設計稿: https://xd.adobe.com/spec/6ae6fdfb-94a3-4392-740e-657b52eaa4be-1cd7/
直播時間: 2019/8/1
(前5分鐘還在摸索是不是直播了...XD)
5:00 意識到直播有人上來看，準備要開始
6:00 介紹這次的設計稿
9:00 vue-cli 安裝 https://cli.vuejs.org/guide/installation.html
9:20 用 vue cli 建構專案
16:20 vue 專案建構完
17:20 看剛建構完的樣子 npm run serve
18:30 清除原始頁面的程式碼
20:10 在 vue 上使用 Scss 切版
20:40 安裝 sass-loader
24:50 安裝 node-sass
28:30 解釋 Macbook 不適合直播....慢....XD
29:35 使用 Google font
-----------------切第一個畫面--------------
32:00 切第一個畫面 crypto pay
36:35 引入 svg
36:53 安裝 vue-svg-loader
-----------------切第二個畫面--------------
58:33 切第二個畫面 crypto login
59:40 安裝 vue-router
1:10:38 成功掛上 router (哈!!)
1:12:03 真的要開始切 crypto login
1:13:50 (出現會議室外面的熱鬧聲音~)
1:37:48 解釋 transform 的概念
1:58:30 切完 login (整整一個小時過去了!!!汗)
-----------------切第三個畫面--------------
1:59:33 觀察第三個畫面，整理共用
2:00:20 切第三個畫面
2:01:35 抽出共用 dialog
2:06:45 解釋 vue 的 slot
2:07:25 抽出共用 crypto-title
2:14:48 做巢狀式路由
2:20:50 程式碼整理告一段落
2:21:20 快速的把 checkout 切一切吧！
經過四小時，切一半的設計稿，下次預計週一晚上繼續進行
《Chris 技術筆記》設計 × 研究 × 程式 (https://dwatow.github.io/)
好想工作室 (https://www.facebook.com/GoodideasStudio/)
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «The F2E 2019 第四關 - 線上支付 part1», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.