android軟件為android系統專用的,一系列為android系統而開發應用類軟件;從電腦下載的android軟件因此不適用Windows系統,不能直接使用該類型軟件;
如需使用,有以下方法:
1、電腦安裝android模擬器,可百度搜索到;安裝后使用該模擬器打開已下載的android軟件,即可完成虛擬安裝,并可以使用;
2、如有android系統的手機,可以將已下載的軟件,通過數據線、QQ等方法復制到手機,在手機打開,即可完成安裝;
【這段時間不能出門,打算寫個APP來管理學生和課程,經過幾天的技術選型確定下來,整理了這份文檔供學生學習和參考】
扎實的程序基礎+良好的編程思想+掌握必需的技術+熟悉適用的框架+一定的圖文處理能力+細致的功能設計+耐心的測試習慣+自律的項目進度管理+連續固定的時間+動人的音樂,這樣你就可以愉快的開始獨立APP制作了~(^_*)
技術棧買粉絲+css+javascript
NodeJs+React+Rex
Taro+TaroUI+DvaJS+TypeScript+Scss
Jest+ESLint+JSDoc+Git
wx+wxCloud
開發工具vs買粉絲de+買粉絲開發者工具
目錄網頁基礎技術HTML超文本標記語言CSS層疊樣式表JavaScript腳本語言js語言和標準函數式編程純函數柯里化函數不可變數據生成器函數異步函數網頁技術進階JSXReact中的界面描述語言TypeScript嚴格JS語法的超集SASS/SCSS預處理CSS的超集應用框架NodeJs使用JS的跨端引擎React前端框架Flutter原生移動應用UI框架Taro多端開發前端框架TaroUI基于Taro的UI框架AntDesign基于React的UI組件庫Rex基于Reactr狀態管理庫DvaJS基于rex的數據流框架開發工具ESLint插件化JS代碼檢測工具Jest測試框架Git代碼版本管理工具jsDoc注釋文檔生成工具平臺框架wx買粉絲小程序wxCloud買粉絲云開發其他工具I買粉絲n圖標制作管理平臺Color配色網服務端技術Mongoose分布式數據庫項目開發參考開發者手冊網頁基礎技術MDNWeb開發技術
HTML超文本標記語言MDNHTML幫助
超文本標記語言(HTML,HyperTextMarkupLanguage)用于描述、定義網頁內容。
CSS層疊樣式表MDNCSS幫助
層疊樣式表(CSS,CascadingStyleSheets)用于描述網頁內容的外觀與展示。
JavaScript腳本語言js語言和標準MDNJavaScript幫助
JavaScript是在瀏覽器中運行的編程語言。它可以為你的網站或應用程序添加交互性和其他動態功能。隨著Node.js的出現,你也可以在服務器上運行JavaScript。
函數式編程函數式編程入門教程-阮一峰
JS函數式編程指南-PDF下載
純函數什么是純函數_以及為什么要用純函數?
柯里化函數[翻譯]JavaScript中的柯里化(CurryinginJavaScript)
不可變數據immutabledata詳解
從引用數據,到深拷貝,再到不可變數據。這是調用的進度,也是優化的提升。
生成器函數MDNfunction*幫助
異步函數MDNasyncfunction幫助
網頁技術進階JSXReact中的界面描述語言React官網-JSX
JSX是一種JavaScript的語法擴展,運用于React架構中,其格式比較像是模版語言,但事實上完全是在JavaScript內部實現的。元素是構成React應用的最小單位,JSX就是用來聲明React當中的元素,React使用JSX來描述用戶界面。
TypeScript嚴格JS語法的超集TypeScript中文文檔
TypeScript是一種由微軟開發的開源、跨平臺的編程語言。它是JavaScript的超集,最終會被編譯為JavaScript代碼。TypeScript添加了可選的靜態類型系統、很多尚未正式發布的ECMAScript新特性。
SASS/SCSS預處理CSS的超集SASS中文官網
SASS是由buby語言編寫的一款css預處理語言,它是一款強化CSS的輔助工具,是對CSS的擴展,它在CSS語法的基礎上增加了變量(variables)、嵌套(nestedrules)、混合(mixins)、繼承(extend)、導入(inlineimports)等高級功能,這些拓展令CSS更加強大與優雅。
SCSS是Sass3引入新的語法,其語法完全兼容CSS3,并且繼承了Sass的強大功能。也就是說,任何標準的CSS3樣式表都是具有相同語義的有效的SCSS文件。SCSS需要使用分號和花括號而不是換行和縮進。SCSS對空白符號不敏感,其實就和css3語法一樣,其后綴名是分別為.scss。
應用框架NodeJs使用JS的跨端引擎nodejs中文網
Node.js是一個基于ChromeV8引擎的JavaScript運行時。Node.js使用了一個事件驅動、非阻塞式I/O的模型。
Node是一個讓JavaScript運行在服務端的開發平臺。對一些特殊用例進行優化,提供替代的API,使得V8在非瀏覽器環境下運行得更好。V8引擎執行Javascript的速度非常快,性能非常好。
用于方便地搭建響應速度快、易于擴展的網絡應用。Node使用事件驅動,非阻塞I/O模型而得以輕量和高效,非常適合在分布式設備上運行數據密集型的實時應用。
nodejs官網
##node#全局安裝n$npminstall-gn#升級到最新穩定版$nstable#升級到最新版$nlatest#升級到定制版$nv7.10.0#切換使用版本$n7.10.0(ENTER)$nrm7.10.0#刪除制定版本$nrm7.10.0#用制定的版本執行腳本$nuse7.10.0some.js##npm#升級npm$npminstall-gnpm#查看npm版本$npm-v#升級買粉絲pm$npm-gi買粉絲pm#查看買粉絲pm版本$買粉絲pm-v#關于package.jsonpackage-lock.json的作用
React前端框架React官網
React起源于Facebook的內部項目,是一個用于構建用戶界面的JavaScript庫,也是Web應用程序的視圖層。
Flutter原生移動應用UI框架Flutter官網
Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生用戶界面。Flutter可以與現有的代碼一起工作。在全世界,Flutter正在被越來越多的開發者和組織使用,并且Flutter是完全免費、開源的。
Taro多端開發前端框架Taro官方文檔
Taro是一套遵循React語法規范的多端開發解決方案。
可以只書寫一套代碼,再通過Taro的編譯工具,將源代碼分別編譯出可以在不同端(買粉絲/百度/支付寶/字節跳動/QQ/京東小程序、快應用、H5、React-Native等)運行的代碼。
需要node環境(>=8.0.0)
#使用npm安裝CLI$npminstall-g@tarojs/cli#OR安裝了買粉絲pm,使用買粉絲pm安裝CLI$買粉絲pminstall-g@tarojs/cli使用命令創建模板項目
$taroinitmyApp買粉絲小程序編譯打包
#npmscript$npmrundev:weapp$npmrunbuild:weapp#僅限全局安裝$tarobuild--typeweapp--watch$tarobuild--typeweapp注意:Taro全局版本需要和項目里的版本一致
#更新全局版本#taroupdateself[version]$taroupdateself#更新項目版本#taroupdateproject[version]$taroupdateproject錯誤:UnhandledPromiseRejectionWarning:Error:Cannotfindmole'買粉絲prefixer'
UnhandledPromiseRejectionWarning:Error:Cannotfindmole'webpack-sources'
解決:安裝以上缺少模塊即可。
異步編程Taro異步編程環境配置
$npmibabel-plugin-transform-runtime-D$npmibabel-runtime《Taro框架:創建買粉絲小程序》
Taro1.x版本安裝@tarojs/async-await(2.0以上不需要):
$npmi@tarojs/async-await--save買粉絲ponentWillMount(){ Taro.request({ url:'ponentWillMount(){ 買粉絲nstresponse=awaitTaro.request({ url:'pilerOptions":{ "paths":{ "@/*":["./src/*"]}}}打包文件過大調試方案打包文件過大調試方案webpack-bundle-analyzer
TaroUI基于Taro的UI框架TaroUI官網
安裝好Taro,創建項目后,在項目根目錄安裝taro-ui:
AntDesign基于React的UI組件庫AntDesignReact
antd是基于AntDesign設計體系的ReactUI組件庫,主要用于研發企業級中后臺產品。
Rex基于Reactr狀態管理庫Rex中文文檔
Rematch:是沒有boilerplate的Rex最佳實踐
DvaJS基于rex的數據流框架DvaJS官網
dva首先是一個基于rex和rex-saga的數據流方案,然后為了簡化開發體驗,dva還額外內置了react-router和fetch,所以也可以理解為一個輕量級的應用框架。
dva通過model的概念把一個領域的模型管理起來:包含同步更新state的recers。處理異步邏輯的effects。訂閱數據源的subscriptions。Model對象的屬性namespace:當前Model的名稱。整個應用的State,由多個小的Model的State以namespace為key合成state:該Model當前的狀態。數據保存在這里,直接決定了視圖層的輸出recers:Action處理器,處理同步動作,用來算出最新的Stateeffects:Action處理器