從技術(shù)角度分析微信小程序開發(fā)(微信小程序開發(fā)的技術(shù)路線)
本篇文章給大家談?wù)剰募夹g(shù)角度分析微信小程序開發(fā),以及微信小程序開發(fā)的技術(shù)路線對(duì)應(yīng)的知識(shí)點(diǎn),希望對(duì)各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
- 1、寫給Android開發(fā)者看的『微信小程序和Android開發(fā)的對(duì)比』
- 2、微信小程序開發(fā)主要用到什么技術(shù)
- 3、校園社團(tuán)小程序技術(shù)性分析說(shuō)明怎么寫
寫給Android開發(fā)者看的『微信小程序和Android開發(fā)的對(duì)比』
微信小程序近期可謂是動(dòng)作頻出,僅最近新增的能力就有:
種種跡象表明,微信對(duì)小程序的期望值是很大,所以在它推出的幾個(gè)月效果沒(méi)到達(dá)預(yù)期的情況下,之前的很多『克制』也就逐漸變成『放肆』了 —— 不過(guò)不管小程序以后的發(fā)展到底怎樣,對(duì)我們開發(fā)者來(lái)發(fā),多了解一些總是沒(méi)有壞處的。
他山之石,可以攻玉。
對(duì)于是技術(shù)人來(lái)說(shuō),多了解一些不同的技術(shù)、不同的開發(fā)模式、不同的架構(gòu)思想,提高技術(shù)『廣度』,對(duì)于自己的成長(zhǎng)是十分必要的。
所以,本文就是從一個(gè) Android 開發(fā)者的角度,從項(xiàng)目工程方便切入,來(lái)分析一下『微信小程序』跟『Android App』開發(fā)上的一些異同。
『微信小程序』開發(fā)是一個(gè)相對(duì)較新的技術(shù),希望通過(guò)本文,能讓你對(duì)它多一些了解。
因?yàn)閮?nèi)容是從Android開發(fā)的角度來(lái)談的,所以我假設(shè)你已經(jīng)對(duì) Android 開發(fā)比較熟悉了。并且對(duì)微信小程序的開發(fā)也比較感興趣,如果要是再能有些 javascript、css 的基礎(chǔ)的話那就更好了!
Android 開發(fā)我們已經(jīng)比較熟悉——
作為對(duì)比,進(jìn)行微信小程序開發(fā)所用的語(yǔ)言是這些——
wxml (WeiXin Markup Language) 基本約等于是 xml。微信之所以沒(méi)有直接使用 xml ,可能是為了以后擴(kuò)展方便一些(野心很大)。
同理, wxss (WeiXin Style Sheets) 基本約等于是 css。也是微信擴(kuò)展了一些功能,比如統(tǒng)一的尺寸單位 rpx 。
對(duì)于 Android 來(lái)說(shuō),對(duì)于頁(yè)面的描述基本上在 xml 中定義的,比如:
這是一個(gè)簡(jiǎn)單的典型的示例,這個(gè)文件就是描述了兩部分內(nèi)容:
some.wxss:
很明顯可以看出:wxml 是負(fù)責(zé)了 頁(yè)面結(jié)構(gòu) 的展示;而 wxss 則負(fù)責(zé)了對(duì) 頁(yè)面樣式 的定義。
這種把結(jié)構(gòu)和樣式分離的做法,其實(shí)是延續(xù)了網(wǎng)頁(yè)開發(fā)中的習(xí)慣(html + css)。
這樣做的好處起碼有兩個(gè):
——看起來(lái)還是挺簡(jiǎn)單的結(jié)構(gòu):
這三個(gè)文件用以描述小程序 app 相關(guān)的內(nèi)容,他們的命名是固定這樣的,位置也固定是在根目錄下。
app.js 基本相當(dāng)于 Android 中的 Application 類,文件中主要是有一個(gè) App() 函數(shù),來(lái)進(jìn)行小程序的初始化操作。
app.json 的作用跟 Android 中的 AndroidMainifest.xml 文件很相似 —— 都是靜態(tài)化的配置文件。
app.wxss 定義全局的樣式 —— 其定義的樣式會(huì)作用于每個(gè)頁(yè)面。比如在 app.wxss 中加入:
就可以給所有的 text 控件添加 5px 的 padding 。
當(dāng)然,頁(yè)面本身的 xxPage.wxss 可以定義局部樣式來(lái)覆蓋全局樣式。
根目錄下的 utils 文件夾中有一個(gè) util.js 文件,這個(gè)故名思意,是類似于 Java 中的一些工具類的存在。
utils 文件夾其實(shí)是一個(gè)非必須的結(jié)構(gòu),而它之所以出現(xiàn)在官方的 HelloWorld 工程中,是作為一個(gè)代表,表明了開發(fā)者在這里是可以自定義新的文件夾和結(jié)構(gòu)的。微信小程序作為一個(gè)使用 js 來(lái)開發(fā)的平臺(tái),是可以使用許多第三方的 js 庫(kù)的,對(duì)于這些第三方庫(kù),以及其他的圖片資源等,都可以放到自定義的文件夾中。
pages 文件夾下包含兩個(gè)子目錄:index 和 logs ,兩個(gè)目錄的結(jié)構(gòu)都是基本一樣的,都是包含四個(gè)相同主名稱的文件: xx.js、xx.wxml、xx.json、xx.wxss 這幾個(gè)文件。
這樣的一個(gè)典型結(jié)構(gòu)表明它是一個(gè)小程序的頁(yè)面,四個(gè)文件的作用分別是:
在視圖的動(dòng)態(tài)顯示上,微信小程序使用了 數(shù)據(jù)綁定(data-binding) 的方式。
如果你之前使用過(guò) AngularJS 或者 Vue.js 等這些流行的 js 框架,那么你肯定對(duì) 數(shù)據(jù)綁定 并不陌生。它是一種把一個(gè)控件的屬性綁定到某個(gè)數(shù)據(jù)對(duì)象(view-model)的屬性的方法,這樣在改變數(shù)據(jù)對(duì)象屬性的時(shí)候,所對(duì)應(yīng)的控件屬性也就會(huì)相應(yīng)變化 —— 在開發(fā)中,這種方式會(huì)使得對(duì) View 層的顯示控制變得十分簡(jiǎn)單、自然。
基于此,軟件工程的流行架構(gòu)方式也在之前的 MVC 、 MVP 之外,又多了一個(gè) —— MVVM(Model-View-ViewModel) 。
數(shù)據(jù)綁定 這種方式現(xiàn)在是如此的流行,以致于 Android 官方都出了一個(gè) [Data Binding Library] ( ) 來(lái)支持?jǐn)?shù)據(jù)綁定,但是由于成熟度等原因,目前還并沒(méi)有成為主流,Android 中的主流視圖顯示方式,還是通過(guò)開發(fā)者手動(dòng)給每個(gè)控件 set 數(shù)據(jù)。
—— 單從這一點(diǎn)上看,微信小程序的開發(fā)模式是比原生 Andorid 要『先進(jìn)』一些的~ ??
小程序雖然是和前端 H5 頁(yè)面一樣是用 js 來(lái)開發(fā),但是由于它最終運(yùn)行的平臺(tái)不再是瀏覽器,而是和 App 的表現(xiàn)幾無(wú)二致,所以頁(yè)面的生命周期也是和 App 差不多的。
一個(gè)小程序頁(yè)面的典型生命周期如下:
對(duì)比一下 Android 的 Activity 生命周期 :
微信小程序的頁(yè)面生命周期稍微簡(jiǎn)單一些,但主要的思想跟 Activity 生命周期基本是一致的。
小程序的官方 IDE 是微信自己出品 微信Web開發(fā)者工具 ,它內(nèi)置了一個(gè)小程序的運(yùn)行環(huán)境,本質(zhì)上是基于 Chrome 內(nèi)核的一個(gè)瀏覽器框架,算是一個(gè)模擬器了。
——它雖然跟 Android 的各種高大上的模擬器相比起來(lái)略顯簡(jiǎn)陋,但是基本該有的功能也基本都有(斷點(diǎn)、Log、網(wǎng)絡(luò)監(jiān)控等),而且由于是基于瀏覽器內(nèi)核的頁(yè)面 DOM 解析,所以運(yùn)行的速度也是像瀏覽器打開網(wǎng)頁(yè)一樣流暢,不會(huì)像 Android 模擬器那樣對(duì)系統(tǒng)資源要求很高。
另外,在綁定了開發(fā)者賬號(hào)之后,也可以用手機(jī)進(jìn)行真機(jī)調(diào)試來(lái)調(diào)試小程序,所以也能在上線前用不同的機(jī)器來(lái)進(jìn)行充分的兼容性測(cè)試。
總體來(lái)說(shuō),小程序作為一個(gè)新的形態(tài),從開發(fā)的角度,它可以算作是一個(gè)【Native開發(fā)】和【H5開發(fā)】的結(jié)合,它吸收了原生開發(fā)和 H5 開發(fā)的優(yōu)點(diǎn)。對(duì)于前端開發(fā)人員和原生開發(fā)人員來(lái)說(shuō),都可以在微信小程序中找到許多熟悉的東西。再細(xì)節(jié)的許多點(diǎn)這里就不在贅述了,大家如果有興趣,可以自己上手去體驗(yàn)一下。
綜上,自然也就有兩種人特別適合去做小程序的開發(fā)——H5的前端開發(fā)人員,以及之前的 Android/iOS 原生 App 開發(fā)者。
微信小程序的開發(fā)總體來(lái)說(shuō)是很簡(jiǎn)單的。
—— 對(duì)于前端開發(fā)者來(lái)說(shuō),了解一下原生 App 的一些相關(guān)思想即可,這些工作其實(shí)只要讀一遍小程序的開發(fā)者指南基本就差不多了。
—— 而對(duì)于原生開發(fā)者來(lái)說(shuō),只要稍微補(bǔ)一下 js 的相關(guān)知識(shí)(html/css),也基本就差不多可以上手去做了。如果你之前恰好已經(jīng)有過(guò)一些 js 的使用經(jīng)驗(yàn),那就不用多說(shuō)了,花半個(gè)小時(shí)看一下小程序的文檔,直接上!
關(guān)于作者 :
微信小程序開發(fā)主要用到什么技術(shù)
1.前端基礎(chǔ),如JS、HTML、css
2.一門后臺(tái)語(yǔ)言,如PHP、JAVA,后端什么語(yǔ)言都可以,自己定?!军c(diǎn)擊查看小程序開發(fā)底價(jià)】
3.學(xué)習(xí)微信接口文檔如果用到了微信本身相關(guān)功能,如支付、分享等功能,加個(gè)微信jssdk就可以了。
4.還需要美工,保證制作的小程序有美感。
想要了解更多有關(guān)小程序開發(fā)的相關(guān)信息,推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)成立于2006年,是中國(guó)領(lǐng)先的企業(yè)服務(wù)平臺(tái),服務(wù)交易獨(dú)角獸企業(yè)。豬八戒網(wǎng)現(xiàn)有注冊(cè)用戶2800萬(wàn)、在全國(guó)布局線下數(shù)字化創(chuàng)業(yè)園區(qū)超過(guò)100個(gè)。十余年來(lái),累計(jì)有10萬(wàn)余個(gè)人通過(guò)平臺(tái)孵化成長(zhǎng)為公司,超過(guò)100萬(wàn)人通過(guò)平臺(tái)實(shí)現(xiàn)靈活就業(yè),千萬(wàn)企業(yè)通過(guò)平臺(tái)解決專業(yè)服務(wù)需求;專業(yè)性值得選擇。
校園社團(tuán)小程序技術(shù)性分析說(shuō)明怎么寫
校園社團(tuán)小程序技術(shù)性分析說(shuō)明需要考慮以下幾個(gè)方面:
一、硬件需求:計(jì)算機(jī)硬件配置(主機(jī)、顯示器、鍵盤、鼠標(biāo)等),網(wǎng)絡(luò)環(huán)境(有線、無(wú)線),服務(wù)器環(huán)境(物理環(huán)境,服務(wù)器類別,網(wǎng)絡(luò)帶寬等),移動(dòng)設(shè)備(支持的操作系統(tǒng),設(shè)備型號(hào),屏幕尺寸,處理器型號(hào),內(nèi)存大小等);
二、軟件需求:多媒體技術(shù),網(wǎng)絡(luò)技術(shù),編程語(yǔ)言,數(shù)據(jù)庫(kù)技術(shù),軟件安全,操作系統(tǒng),文檔編輯軟件,用戶界面技術(shù)等;
三、開發(fā)技術(shù)分析:確定程序的功能,把握程序的架構(gòu),確定技術(shù)環(huán)境,分析系統(tǒng)和數(shù)據(jù)的關(guān)系,檢查程序技術(shù)的可行性,分析系統(tǒng)的安全性,確定系統(tǒng)的維護(hù),對(duì)程序進(jìn)行調(diào)試,檢查程序的可靠性和可維護(hù)性,確定程序的發(fā)布和運(yùn)行等;
四、設(shè)計(jì)技術(shù)分析:確定系統(tǒng)架構(gòu),構(gòu)建系統(tǒng)數(shù)據(jù)庫(kù),定義數(shù)據(jù)庫(kù)模型,構(gòu)建系統(tǒng)模塊,定義模塊功能,搭建系統(tǒng)框架,設(shè)計(jì)用戶界面,設(shè)計(jì)系統(tǒng)功能,設(shè)計(jì)系統(tǒng)安全策略等;
五、測(cè)試技術(shù)分析:確定測(cè)試范圍,確定測(cè)試類別(功能測(cè)試,可靠性測(cè)試,安全性測(cè)試,性能測(cè)試),編寫測(cè)試用例,制定測(cè)試策略,運(yùn)行測(cè)試,審查測(cè)試報(bào)告,編寫評(píng)估報(bào)告等。
總之,校園社團(tuán)小程序技術(shù)性分析說(shuō)明需要考慮硬件、軟件、開發(fā)、設(shè)計(jì)以及測(cè)試方面的技術(shù)要素,以確保小程序能夠滿足用戶的需求,并能順利運(yùn)行。
關(guān)于從技術(shù)角度分析微信小程序開發(fā)和微信小程序開發(fā)的技術(shù)路線的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。