狠狠撸shows by User: ShenghanSu
/
http://www.slideshare.net/images/logo.gif
狠狠撸shows by User: ShenghanSu
/
Mon, 20 Feb 2017 03:35:14 GMT
狠狠撸Share feed for 狠狠撸shows by User: ShenghanSu
-
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
/slideshow/jquery-vuejs/72344392
vue-intro-170220033514
簡介:
還記得你上次用 AJAX 撈資料生表格時,是怎麼寫的嗎?
如果你花了 80% 的時間在 JS 裡面寫 for 迴圈串接 HTML 字串,
再把這一坨 tr 字串塞進去 tbody。
三個月發現每次回來維護這份程式時,
又要再花一堆時間把分散在 HTML 和 JS 的頁面用腦袋整合起來、把業務邏輯分離。
你已經受夠這種凌亂的程式碼了嗎?相信你一定會喜歡 Vue.js!
讓我們一起從改寫後台網頁的 jQuery 範例開始,
學習怎麼讓他變身成更容易維護的 Vue.js 網頁!
1. 傳統 jQuery 後台頁面程式碼問題分析
2. Vue.js 與 MVVM 宣告式渲染簡介
3. 將前述案例逐步改寫成 Vue.js 宣告式渲染 & Vue.js 常用語法介紹]]>
簡介:
還記得你上次用 AJAX 撈資料生表格時,是怎麼寫的嗎?
如果你花了 80% 的時間在 JS 裡面寫 for 迴圈串接 HTML 字串,
再把這一坨 tr 字串塞進去 tbody。
三個月發現每次回來維護這份程式時,
又要再花一堆時間把分散在 HTML 和 JS 的頁面用腦袋整合起來、把業務邏輯分離。
你已經受夠這種凌亂的程式碼了嗎?相信你一定會喜歡 Vue.js!
讓我們一起從改寫後台網頁的 jQuery 範例開始,
學習怎麼讓他變身成更容易維護的 Vue.js 網頁!
1. 傳統 jQuery 後台頁面程式碼問題分析
2. Vue.js 與 MVVM 宣告式渲染簡介
3. 將前述案例逐步改寫成 Vue.js 宣告式渲染 & Vue.js 常用語法介紹]]>
Mon, 20 Feb 2017 03:35:14 GMT
/slideshow/jquery-vuejs/72344392
ShenghanSu@slideshare.net(ShenghanSu)
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
ShenghanSu
簡介:
還記得你上次用 AJAX 撈資料生表格時,是怎麼寫的嗎?
如果你花了 80% 的時間在 JS 裡面寫 for 迴圈串接 HTML 字串,
再把這一坨 tr 字串塞進去 tbody。
三個月發現每次回來維護這份程式時,
又要再花一堆時間把分散在 HTML 和 JS 的頁面用腦袋整合起來、把業務邏輯分離。
你已經受夠這種凌亂的程式碼了嗎?相信你一定會喜歡 Vue.js!
讓我們一起從改寫後台網頁的 jQuery 範例開始,
學習怎麼讓他變身成更容易維護的 Vue.js 網頁!
1. 傳統 jQuery 後台頁面程式碼問題分析
2. Vue.js 與 MVVM 宣告式渲染簡介
3. 將前述案例逐步改寫成 Vue.js 宣告式渲染 & Vue.js 常用語法介紹
<img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/vue-intro-170220033514-thumbnail.jpg?width=120&height=120&fit=bounds" /><br> 簡介:
還記得你上次用 AJAX 撈資料生表格時,是怎麼寫的嗎?
如果你花了 80% 的時間在 JS 裡面寫 for 迴圈串接 HTML 字串,
再把這一坨 tr 字串塞進去 tbody。
三個月發現每次回來維護這份程式時,
又要再花一堆時間把分散在 HTML 和 JS 的頁面用腦袋整合起來、把業務邏輯分離。
你已經受夠這種凌亂的程式碼了嗎?相信你一定會喜歡 Vue.js!
讓我們一起從改寫後台網頁的 jQuery 範例開始,
學習怎麼讓他變身成更容易維護的 Vue.js 網頁!
1. 傳統 jQuery 後台頁面程式碼問題分析
2. Vue.js 與 MVVM 宣告式渲染簡介
3. 將前述案例逐步改寫成 Vue.js 宣告式渲染 & Vue.js 常用語法介紹
]]>
10274
8
https://cdn.slidesharecdn.com/ss_thumbnails/vue-intro-170220033514-thumbnail.jpg?width=120&height=120&fit=bounds
presentation
Black
http://activitystrea.ms/schema/1.0/post
http://activitystrea.ms/schema/1.0/posted
0
-
JavaScript 快速複習 2017Q1
/ShenghanSu/javascript-2017q1
js-quick-review-2017q1-170208034011
1. 宣告式編程
2. 點來點去的鏈式調用如 [].map().filter().sort()
3. ECMAScript 6 和 7 新出現的語法(只講常用)
4. 非同步的基本概念複習
5. callback、ES6 Promise、async/await 之間的關係]]>
1. 宣告式編程
2. 點來點去的鏈式調用如 [].map().filter().sort()
3. ECMAScript 6 和 7 新出現的語法(只講常用)
4. 非同步的基本概念複習
5. callback、ES6 Promise、async/await 之間的關係]]>
Wed, 08 Feb 2017 03:40:11 GMT
/ShenghanSu/javascript-2017q1
ShenghanSu@slideshare.net(ShenghanSu)
JavaScript 快速複習 2017Q1
ShenghanSu
1. 宣告式編程
2. 點來點去的鏈式調用如 [].map().filter().sort()
3. ECMAScript 6 和 7 新出現的語法(只講常用)
4. 非同步的基本概念複習
5. callback、ES6 Promise、async/await 之間的關係
<img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/js-quick-review-2017q1-170208034011-thumbnail.jpg?width=120&height=120&fit=bounds" /><br> 1. 宣告式編程
2. 點來點去的鏈式調用如 [].map().filter().sort()
3. ECMAScript 6 和 7 新出現的語法(只講常用)
4. 非同步的基本概念複習
5. callback、ES6 Promise、async/await 之間的關係
]]>
2699
5
https://cdn.slidesharecdn.com/ss_thumbnails/js-quick-review-2017q1-170208034011-thumbnail.jpg?width=120&height=120&fit=bounds
presentation
Black
http://activitystrea.ms/schema/1.0/post
http://activitystrea.ms/schema/1.0/posted
0
https://public.slidesharecdn.com/v2/images/profile-picture.png
https://cdn.slidesharecdn.com/ss_thumbnails/vue-intro-170220033514-thumbnail.jpg?width=320&height=320&fit=bounds
slideshow/jquery-vuejs/72344392
從改寫後台 jQuery 開始的 Vue.j...
https://cdn.slidesharecdn.com/ss_thumbnails/js-quick-review-2017q1-170208034011-thumbnail.jpg?width=320&height=320&fit=bounds
ShenghanSu/javascript-2017q1
JavaScript 快速複習 2017Q1