開(kāi)發(fā)語(yǔ)言上小程序與傳統(tǒng)的網(wǎng)頁(yè)差別不大：是使用JavaScript 腳本語(yǔ)言編寫(xiě)邏輯代碼、使用類似于HTML的WXML的語(yǔ)法形式來(lái)描述頁(yè)面的結(jié)構(gòu)、使用類似于CSS的WXSS來(lái)描述樣式，但是由于小程序渲染和邏輯分離的運(yùn)行機(jī)制與傳統(tǒng)的網(wǎng)頁(yè)存在差異，所以無(wú)法使用傳統(tǒng)的網(wǎng)頁(yè)的開(kāi)發(fā)調(diào)試工具，因此我們推出了小程序開(kāi)發(fā)生態(tài)開(kāi)發(fā)工具——微信開(kāi)發(fā)者工具。開(kāi)發(fā)者可以借助微信開(kāi)發(fā)者工具完成小程序的代碼開(kāi)發(fā)、編譯運(yùn)行、界面和邏輯調(diào)試、真機(jī)預(yù)覽和提交發(fā)布版本等功能。

小程序的主要開(kāi)發(fā)語(yǔ)言是 JavaScript ，所以通常小程序的開(kāi)發(fā)會(huì)被用來(lái)同web網(wǎng)頁(yè)開(kāi)發(fā)來(lái)比較。

兩者有很大的相似性，對(duì)于前端開(kāi)發(fā)者而言，從網(wǎng)頁(yè)開(kāi)發(fā)遷移到小程序的開(kāi)發(fā)成本并不高，但是二者還是有些許區(qū)別的。

web開(kāi)發(fā)者需要面對(duì)的環(huán)境是各式各樣的瀏覽器，PC 端需要面對(duì) IE、Chrome、QQ瀏覽器等，在移動(dòng)端需要面對(duì)Safari、Chrome以及 iOS、Android 系統(tǒng)中的各式 WebView 。而小程序開(kāi)發(fā)過(guò)程中需要面對(duì)的是兩大操作系統(tǒng) iOS 和 Android 的微信客戶端，以及用于輔助開(kāi)發(fā)的小程序開(kāi)發(fā)者工具，小程序中三大運(yùn)行環(huán)境也是有所區(qū)別的。

web開(kāi)發(fā)渲染線程和腳本線程是互斥的，這也是為什么長(zhǎng)時(shí)間的腳本運(yùn)行會(huì)導(dǎo)致頁(yè)面失去響應(yīng)，而在小程序中二者是分開(kāi)的，分別運(yùn)行在不同的線程中。網(wǎng)頁(yè)開(kāi)發(fā)者可以使用到各種瀏覽器暴露出來(lái)的 DOM API，進(jìn)行 DOM 選中和操作。而如上文所述，小程序的邏輯層和渲染層是分開(kāi)的，邏輯層運(yùn)行在 JSCore 中，并沒(méi)有一個(gè)完整瀏覽器對(duì)象，因而缺少相關(guān)的DOM API和BOM API。這一區(qū)別導(dǎo)致了前端開(kāi)發(fā)非常熟悉的一些庫(kù)，例如 jQuery、 Zepto 等，在小程序中是無(wú)法運(yùn)行的。

同時(shí) JSCore 的環(huán)境同 NodeJS 環(huán)境也是不盡相同，所以一些 NPM 的包在小程序中也是無(wú)法運(yùn)行的。

上海詠熠科技為您提供全方位微信小程序開(kāi)發(fā)制作方案。

運(yùn)行環(huán)境邏輯層渲染層

iOSJavaScriptCoreWKWebView

安卓X5 JSCoreX5瀏覽器

小程序開(kāi)發(fā)者工具NWJSChrome WebView

網(wǎng)頁(yè)開(kāi)發(fā)者在開(kāi)發(fā)網(wǎng)頁(yè)的時(shí)候，只需要使用到瀏覽器，并且搭配上一些輔助工具或者編輯器即可。小程序的開(kāi)發(fā)則有所不同，需要經(jīng)過(guò)申請(qǐng)小程序帳號(hào)、安裝小程序開(kāi)發(fā)者工具、配置項(xiàng)目等等過(guò)程方可完成。