1. 程式人生 > 其它 >011Java併發包009輔助類

011Java併發包009輔助類

一、UI 框架

UI 框架主要提供的是不同樣式的元件,可以方便開發者使用一些現成的樣式,完成自己產品、應用的開發。

名稱 git地址 說明
WeUI https://github.com/Tencent/weui-wxss 由微信官方團隊推出的
iView Weapp https://github.com/TalkingData/iview-weapp 一套高質量的微信小程式 UI 元件庫
Vant Weapp https://github.com/youzan/vant-weapp 是有贊前端團隊開源的移動端元件庫,於 2017 年開源,元件大多與電商相關

二、基礎框架

基礎框架的主要能力是提供小程式的打包、編譯、元件化等能力,讓開發者可以更加簡單,方便的使用自己熟悉的方案,完成應用的開發。

1、MINA

官網地址:https://developers.weixin.qq.com/miniprogram/dev/reference/
是微信團隊為小程式提供的框架命名為MINA的應用框架

2、wepy

文件地址:https://wepyjs.github.io/wepy-docs/1.x/#/
是騰訊團隊推出的小程式元件化開發框架

3、mpvue

官網地址:http://mpvue.com/

mpvue 2018年3月份在美團點評上開源, 至今好像已停止維護
mpvue(Vue.js in mini program) 是一個使用 Vue.js 開發小程式的前端框架。

框架基於 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實現,使其可以執行在小程式環境中,從而為小程式開發引入了整套 Vue.js 開發體驗。

使用 mpvue 開發小程式,你將在小程式技術體系的基礎上獲取到這樣一些能力:

1.徹底的元件化開發能力:提高程式碼複用性
2.完整的 Vue.js 開發體驗
3.方便的 Vuex 資料管理方案:方便構建複雜應用
4.快捷的 webpack 構建機制:自定義構建策略、開發階段 hotReload
5.支援使用 npm 外部依賴
6.使用 Vue.js 命令列工具 vue-cli 快速初始化專案
7、H5 程式碼轉換編譯成小程式目的碼的能力

初始化專案

# 1. 先檢查下 Node.js 是否安裝成功
$ node -v
v8.9.0

$ npm -v
5.6.0

# 2. 由於眾所周知的原因,可以考慮切換源為 taobao 源
$ npm set registry https://registry.npm.taobao.org/

# 3. 全域性安裝 vue-cli
# 一般是要 sudo 許可權的,注意vue腳手架版本必須是2.9
$ npm install --global [email protected]

# 4. 建立一個基於 mpvue-quickstart 模板的新專案
# 新手一路回車選擇預設就可以了
$ vue init mpvue/mpvue-quickstart my-project

# 5. 安裝依賴,走你
$ cd my-project
$ npm install
$ npm run dev

注意事項:新增的頁面需要重新 npm run dev 來進行編譯

4、taro

官方文件:http://taro-docs.jd.com/taro/docs/README/index.html

Taro 是京東 - 凹凸實驗室打造的一個開放式跨端跨框架,2018年6月7日正式開源
1.x、 2.x都是使用react來開發小程式, 3.x支援使用 React/Vue/Nerv 等框架來開發

支援平臺:
H5
reactNative
微信小程式
京東小程式
百度小程式
支付寶小程式
位元組跳動小程式
QQ 小程式
釘釘小程式
企業微信小程式
支付寶 IOT 小程式
飛書小程式

安裝及使用

安裝cli工具

# 使用 npm 安裝 CLI
$ npm install -g @tarojs/cli

# OR 使用 yarn 安裝 CLI
$ yarn global add @tarojs/cli

# OR 安裝了 cnpm,使用 cnpm 安裝 CLI
$ cnpm install -g @tarojs/cli

值得一提的是,如果安裝過程出現sass相關的安裝錯誤,請在安裝 mirror-config-china 後重試。
$ npm install -g mirror-config-china

檢視 Taro 全部版本資訊
npm info @tarojs/cli  

專案初始化:

$ taro init my-taro-App

5、uni-app

官網地址:https://uniapp.dcloud.io/

是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套程式碼,可釋出到iOS、Android、Web(響應式)、以及各種小程式(微信/支付寶/百度/頭條/QQ/快手/釘釘/淘寶)、快應用等多個平臺。

需要使用HBuilderX IDE工具