Vue

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

輕量化的框架
MVVM 架構
Two-Way-Binding 雙向綁定
組件(Component)系統
我们为什么选择 Vue.js 而不是 React 和 Angular
有人私下做 Vue 和 React 的性能测试然后惊动了两边的维护者

Vuex

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

入門程度

簡單

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

多國語言支持度

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Vue-i18n
https://dotblogs.com.tw/wasichris/2018/05/12/012517

專案建構

客製化程度

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
  3. Cordova + webview
  4. JsBridge
  5. vue + native script
  6. react-vue 混搭

https://codertw.com/前端開發/194292/
https://segmentfault.com/a/1190000011495654
https://www.infoq.cn/article/vXkNh*HVrW7HUeiNdlsk

插件篇

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

Select a repo