iT邦幫忙

vue.js相關文章
共有 1664 則文章

技術 好想工作室 Web Camp 第 15 梯招生

我是 Chris,從 2017 年起在好想工作室擔任 Web Camp Mentor 至今,培訓許多屆的 Web Camp 學員,這次我們要招收 Web Ca...

鐵人賽 Modern Web DAY 5
每日文章推薦 系列 第 5

技術 Day5 怎麼判斷一個技術能不能用

新東西出來的太快了 如果是在前端界超過幾年的人 大概都可以體驗到技術更迭的速度 幾年前大家都還在用JQuery 後來開始有人玩MV* 出現backbone an...

鐵人賽 Modern Web DAY 1
用範例理解 Vue.js 系列 第 1

達標好文 技術 用範例理解 Vue.js #1:前言

之前只稍微用過 AngularJS,目前公司前端是用 Vue。希望透過這三十天整理筆記,記錄自己的學習過程。 這三十天的內容會以 2.x為主,畢竟還很菜的我沒...

鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30

技術 Day 30: 回顧2016年,台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 30

技術 Vue.JS且戰且飛(三十)

30天總結 終於寫完了,雖然中途文章已經斷了,不過利用時間把Vue.JS學習一下, 雖然寫的是一些皮毛,不過整體對Vue.JS掌握度可以到運用的程度, 也歡迎...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 29

技術 Vue.JS且戰且走(二十九)

終於寫到第29篇了! 第29篇老鷹要介紹一下在GitHub上面,有人整理好的Vue.JS的套件! 裡面包含了一些教學與別人寫好的範例,想學Vue.JS的朋友不要...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 28

技術 Vue.JS且戰且走(二十八)

彈跳視窗 jsfiddle 28.php <html> <head> <meta charset="UTF-8...

鐵人賽 Modern Web DAY 14
使用Vue.js製作個人blog 系列 第 14

技術 【Day 14】頁面:新增-4

vue存檔-post 現在要製作 vue的存檔語法將使用一個叫做「vue-resource」的套件這套套件的快速入門語法就是這樣:(範例) { // GE...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 27

技術 Vue.JS且戰且飛(二十七)

CSS class jsfiddle 27.php <html> <head> <meta charset="...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 26

技術 Vue.JS且戰且飛(二十六)

多for..in jsfiddle 26.php <html> <head> <meta charset="U...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 25

技術 Vue.JS且戰且飛(二十五)

官方範例-Markdown編輯 官方jsfiddle 25.php <html> <head> <meta charse...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 24

技術 Vue.JS且戰且飛(二十四)

示範Vue.js&JQuery新增修改刪除查詢(修改資料) 24-list.php <html> <head> &lt...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 23

技術 Vue.JS且戰且飛(二十三)

示範Vue.js&JQuery新增修改刪除查詢(刪除資料) 23.php <html> <head> <meta...

鐵人賽 Modern Web DAY 13
使用Vue.js製作個人blog 系列 第 13

技術 【Day 13】頁面:新增-3

markdown顯示功能加入 參考官方的demo內容,把我們自己的頁面增加預覽顯示markdown的功能。 有了基本框架,現在把Markdown功能加入到Bl...

鐵人賽 Modern Web DAY 27

技術 vue & vuex 27 - 進階路由顯示 - multiples views、nested routes

今天我們將練習 vue-router 兩種進階顯示方式,多重顯示與巢狀路由,這樣的設計會讓我們的系統,搭配 router path 顯得語意化且更具結構性。 今...

鐵人賽 Modern Web DAY 25

技術 vue & vuex 25 - Login - II (router auth、rouetr beforeEach)

昨天我們做了一個登入頁面,可是使用者還是可以任意轉跳到其他頁面,今天我們要讓其它頁面加上驗證項目,讓登入頁面變成我們的大門。 今天目標: 設定 router...

鐵人賽 Modern Web DAY 11
使用Vue.js製作個人blog 系列 第 11

技術 【Day 11】頁面:新增-1

資源配置 準備套件 現在開始要開發網頁頁面。首先要準備的javascript和UI套件,也就是Vue.js和Semantic UI。 Vue.js:下載下載...

鐵人賽 Modern Web DAY 6
使用Vue.js製作個人blog 系列 第 6

技術 【Day 6】使用的程式語言介紹

前臺、後臺語言簡易說明 本篇要說明的是在需求確認之後,要決定什麼工具來開發。這邊分成前臺和後臺的部份,簡述這些語言在整個網站中的功能,但是詳細的教學還請請教Go...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 22

技術 Vue.JS且戰且飛(二十二)

示範Vue.js&JQuery新增修改刪除查詢(顯示list) 22.php <html> <head> <me...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 21

技術 Vue.JS且戰且飛(二十一)

示範Vue.js&JQuery新增修改刪除查詢(建立資料) 21.php <html> <head> <meta...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 20

技術 Vue.JS且戰且飛(二十)

示範Vue.js新增修改刪除查詢(建立資料表) 20.sql --CREATE Database-- CREATE DATABASE `vue_2016`;...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 19

技術 Vue.JS且戰且飛(十九)

Vue.js & JQuery & PHP AJAX 19.php <html> <head> <met...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 18

技術 Vue.JS且戰且飛(十八)

自寫小工具list order by jsfiddle <html> <head> <meta charset=&quo...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 17

技術 Vue.JS且戰且飛(十七)

Form Input Select混合技術 jsfiddle <html> <head> <meta charset=&...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 16

技術 Vue.JS且戰且飛(十六)

JQuery + Vue.js jsfiddle <html> <head> <meta charset="U...

鐵人賽 Modern Web DAY 1
使用Vue.js製作個人blog 系列 第 1

技術 【Day 1】前言:動機與目標

(本系列,暫時不更新) 前言與動機 最近接到任務,是要做新的網站。網站為了以後方便搬移,所以將要使用可跨平台(不同的OS)的方式。例如可跨平台的伺服器,可跨平台...

鐵人賽 Modern Web DAY 15
Vue.JS且戰且飛 系列 第 15

技術 Vue.JS且戰且飛(十五)

使用XMLHttpRequest取得GitHub資料 jsfiddle <html> <head> <meta char...

鐵人賽 Modern Web DAY 14
Vue.JS且戰且飛 系列 第 14

技術 Vue.JS且戰且飛(十四)

自訂過濾器(2) jsfiddle <html> <head> <meta charset="UTF-8&qu...

鐵人賽 Modern Web DAY 13
Vue.JS且戰且飛 系列 第 13

技術 Vue.JS且戰且飛(十三)

自訂過濾器 jsfiddle <html> <head> <meta charset="UTF-8"...

鐵人賽 Modern Web DAY 12
Vue.JS且戰且飛 系列 第 12

技術 Vue.JS且戰且飛(十二)

過濾器-插件 找不到filter.js的網路連結所以請到https://github.com/wy-ei/vue-filter 下載測試 <html&g...