Thursday, May 16, 2019

針對 Vue.js 一次簡單的研究

Vue.js

輕量化的框架
MVVM 架構
Two-Way-Binding 雙向綁定
組件(Component)系統
我们为什么选择 Vue.js 而不是 React 和 Angular
終於有新的挑戰了，連鎖門診核心開發??

Vuex


https://ithelp.ithome.com.tw/articles/10185686

入門程度

簡單
https://ithelp.ithome.com.tw/articles/10184834

多國語言支持度

專案建構

客製化程度

vue component 自稱最強大

https://ithelp.ithome.com.tw/articles/10201787?sc=iThelpR

穩定度


https://www.slideshare.net/WillHuangTW/enterprise-frontend-framework-trend-2018

模組化

* vue-loader

輕量度/效率


https://cn.vuejs.org/v2/guide/comparison.html

寫作規範

https://segmentfault.com/a/1190000014548207
https://cn.vuejs.org/v2/guide/routing.html

Mobile APP 支援度

  1. Vue Native
  2. Vue + weex

插件篇

ActiveX

https://blog.xtechstack.com/2018/10/08/如何使用vuejs集成ActiveX/
https://codertw.com/前端開發/290542/

NPAPI

應該三個都支援

Socket? or exec

不使用插件的 方法 當前資料讀卡機方式為何?
透過 php 使用 socket 回傳
http://eeepage.info/php-system-exec-passthru/

Chrome extension

http://www.voidcn.com/article/p-yhfkyqxf-bas.html
https://ithelp.ithome.com.tw/questions/10188923

Native Messaging

https://stackoverflow.com/questions/33593261/calling-a-c-dll-through-chrome-browser-extension

CSS IDE

dreamweaver
Bootstrap 4
wappler.io

CSS 模板

  1. Vuetify
  2. Buefy
  3. Fish-UI
  4. Quasar
  5. Vux
  6. Element
  7. Keen-UI
  8. AT-UI
  9. Mint-UI
  10. VuePress
  11. Eagle.js
  12. Bootstrap-Vue
  13. iView UI

TypeScript

  • 支援 ， 也支援 JSX

Debug/testing

搭配chrome debug

支援IDE

  • sublime text 3
  • VSCODE
  • ATOM
  • Netbeans

後端配合

spring-boot-vue-example-spring


https://grokonez.com/spring-framework/spring-data/spring-boot-vue-example-spring-data-jpa-rest-postgresql-crud-example

Ajax 溝通方式

Hot Reload


https://segmentfault.com/a/1190000005363030
https://blog.csdn.net/u012414590/article/details/79043757
https://vue-loader.vuejs.org/guide/hot-reload.html#state-preservation-rules
於
標籤： ,