原生小程序和網(wǎng)頁版微信小程序有什么區(qū)別?

　　微信原生小程序里HTML語義有限，還是微信制定標(biāo)準(zhǔn)，而且還要微信給你審核，才能發(fā)布。

　　微信網(wǎng)頁版小程序發(fā)布成功后，可以隨意修改頁面內(nèi)容。不用打包再提交審核。因?yàn)榫W(wǎng)站源碼就在你手中。

　　1、是運(yùn)行環(huán)境的不同。

　　傳統(tǒng)的HTML5的運(yùn)行環(huán)境是瀏覽器，包括webview，而微信小程序的運(yùn)行環(huán)境并非完整的瀏覽器，大家注意，我這里寫的是“非完整的瀏覽器”，有以下幾個(gè)原因

　　小程序的開發(fā)過程中會(huì)用到HTML5相關(guān)的技術(shù)(并非全部)

　　小程序最后的發(fā)布上線需要微信審核，微信在不更新自身軟件的情況下可以將小程序更新到自身軟件內(nèi)

　　小程序的運(yùn)行環(huán)境大多是微信開發(fā)團(tuán)隊(duì)基于瀏覽器內(nèi)核完全重構(gòu)的一個(gè)內(nèi)置解析器，針對(duì)小程序?qū)ｉT做了優(yōu)化，配合自己定義的開發(fā)語言標(biāo)準(zhǔn)，提升了小程序的性能。

　　2、是開發(fā)成本的不同。

　　微信原生小程序需要按照微信的開發(fā)文檔，微信的語言開發(fā)，開發(fā)成本提高。

　　微信網(wǎng)頁版小程序只需要手機(jī)網(wǎng)站，即可封裝成微信小程序，基于瀏覽器運(yùn)行。任何一個(gè)企業(yè)站，都可以打包成手機(jī)網(wǎng)站小程序。久安網(wǎng)絡(luò)專業(yè)打包平臺(tái)，只需要幾百元即可生成一個(gè)小程序。包配置HTTPS協(xié)議(小程序必備)

　　3、獲取系統(tǒng)級(jí)權(quán)限不同。

　　微信小程序相對(duì)于HTML5 web應(yīng)用能獲得更多的系統(tǒng)權(quán)限，比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等，這些系統(tǒng)級(jí)權(quán)限都可以和微信小程序無縫銜接，也就是官方宣稱的擁有Native App的流暢性能，而這一點(diǎn)恰巧是HTML5 web應(yīng)用經(jīng)常被詬病的地方，這也是HTML5的大多應(yīng)用場(chǎng)景被定位在業(yè)務(wù)邏輯簡單、功能單一的原因。不過只要網(wǎng)站功能能滿足也就不需要微信原生的了，做一個(gè)手機(jī)站，什么平臺(tái)都能用。非常方便。

什么是網(wǎng)站？

網(wǎng)站的定義是：網(wǎng)站是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用HTM等工具制作的用于展示特定內(nèi)容相關(guān)網(wǎng)頁的集合。

這個(gè)解釋聽起來有點(diǎn)懵，網(wǎng)站簡單來說就是軟件，建設(shè)網(wǎng)站也是軟件開發(fā)的一種。我們每天都會(huì)接觸各種類型的網(wǎng)站，看新聞會(huì)上門戶網(wǎng)，查資料會(huì)上搜索引擎網(wǎng)站（百度、搜狗、360等），買東西會(huì)上購物類的網(wǎng)站（淘寶、京東）。五花八門的網(wǎng)站會(huì)讓網(wǎng)站開發(fā)新手產(chǎn)生網(wǎng)站容易制作的錯(cuò)覺，但事實(shí)并不只是這種情況，網(wǎng)站建設(shè)是一個(gè)艱苦卓越的過程需要考慮到完整性、目的性、擴(kuò)展性、安全性，特別是商業(yè)網(wǎng)站要求更加苛刻。

網(wǎng)站B/S結(jié)構(gòu)和C/S結(jié)構(gòu)是什么?

網(wǎng)站軟件開發(fā)包括C/S和B/S兩種體系結(jié)構(gòu)，C/S是大家所熟悉的客戶端和服務(wù)器端結(jié)構(gòu)，常用的QQ就是這種結(jié)構(gòu)，需要下載專門的客戶端軟件才能使用。

B/S結(jié)構(gòu)是瀏覽器和服務(wù)器結(jié)構(gòu)，訪問網(wǎng)站只需要一個(gè)瀏覽器就可以，例如IE或fiefox，我們平常說的網(wǎng)站主要說的指B/S結(jié)構(gòu)的網(wǎng)站。

網(wǎng)站B/S結(jié)構(gòu)工作流程是什么？

1、在瀏覽器地址輸入url（平常咱們所說的網(wǎng)址）訪問web服務(wù)器（可以簡單理解網(wǎng)站）。

2、Web服務(wù)器根據(jù)客戶請(qǐng)求，會(huì)以HTML等形式返回客戶端瀏覽器。

3、瀏覽器再把內(nèi)容（HTML等）翻譯給網(wǎng)站訪客看。

網(wǎng)站開發(fā)不能簡單理解為網(wǎng)頁制作，網(wǎng)頁制作只是網(wǎng)站（B/S結(jié)構(gòu)）中一種形式，主要以內(nèi)容發(fā)布和產(chǎn)品展示為主，開發(fā)容易，對(duì)美工要求比較高，一些企業(yè)網(wǎng)站。而我們平常說網(wǎng)站（B/S結(jié)構(gòu)）開發(fā)是指用戶和系統(tǒng)交互為主，注重業(yè)務(wù)處理，對(duì)程序員思維邏輯要求比較高，比如說論壇、電子商務(wù)系統(tǒng)、內(nèi)容管理系統(tǒng)（cms）、訂單管理系統(tǒng)等。

所以說我們平常說網(wǎng)站開發(fā)不是簡單做幾個(gè)頁面而是強(qiáng)調(diào)系統(tǒng)與用戶的交互。

現(xiàn)如今，越來越多的移動(dòng)和桌面端應(yīng)用開始應(yīng)用HTML、JS和CSS進(jìn)行開發(fā)，對(duì)于網(wǎng)頁開發(fā)和設(shè)計(jì)更是如此。目前這種局面也催生了更多新的網(wǎng)頁技術(shù)，包括React.js、Angular以及Node.js這樣的庫。此外，隨著需求及項(xiàng)目的進(jìn)一步細(xì)化，開發(fā)者社區(qū)幾乎每天都會(huì)出現(xiàn)新的庫和開發(fā)工具，作為網(wǎng)頁開發(fā)者或設(shè)計(jì)師的你，自然很有必要去了解和掌握當(dāng)下最新的、實(shí)用的工具，持續(xù)優(yōu)化工作方法、有效提高開發(fā)進(jìn)度。

以下小編收集了一系列優(yōu)秀的開發(fā)和設(shè)計(jì)工具，包括在線/離線搭站工具、開源代碼工具、在線代碼生成器、排版工具等，一起看看吧。

1.

WordPress – 一站式網(wǎng)站搭建工具

· 價(jià)格：基礎(chǔ)版終身免費(fèi)，個(gè)人版HK$30，高級(jí)版HK$63，商務(wù)版HK$199

· URL：https://zh-cn.wordpress/

· 推薦指數(shù)：★★★★★

WordPress – 一站式網(wǎng)站搭建工具

WordPress是使用PHP語言開發(fā)的博客平臺(tái)，支持PHP和MySQL數(shù)據(jù)庫的服務(wù)器上架設(shè)屬于自己的網(wǎng)站，也可以把它作為一個(gè)CMS（內(nèi)容管理系統(tǒng)）來架設(shè)商業(yè)網(wǎng)站，提供的功能包括：所見即所得的文章編輯器、多作者共同寫作、為搜索引擎而優(yōu)化的永久鏈接、生成和使用靜態(tài)頁面、Trackback/Pingback、會(huì)員注冊(cè)登錄等。

特色功能：

· 安裝方式簡單、易用，內(nèi)置許多搭站輔助工具，一鍵點(diǎn)擊即可完成安裝。

· 插件工具眾多，支持使用擴(kuò)充其功能，適合DIY豐富的網(wǎng)站內(nèi)容。

· 第三方開發(fā)的免費(fèi)模板、主題豐富，各色各樣，應(yīng)有盡有！

· SEO搜索友好，收錄時(shí)間快。

· 強(qiáng)大的社區(qū)支持，成千上萬的開發(fā)者貢獻(xiàn)和審查WP，整個(gè)環(huán)境安全且活躍。

2.

Mockplus – 更快、更簡單的Web/Mobile/Desktop設(shè)計(jì)平臺(tái)

價(jià)格：基礎(chǔ)版免費(fèi)，個(gè)人版￥199/年，團(tuán)隊(duì)版￥999/年，企業(yè)版￥5999/年

URL：https://mockplus/

推薦指數(shù)：★★★★★

Mockplus –更快更簡單的設(shè)計(jì)平臺(tái)

作為國內(nèi)勢(shì)頭正猛的工具軟件，Mockplus（也叫摹客）適合軟件團(tuán)隊(duì)、個(gè)人在軟件開發(fā)的設(shè)計(jì)階段使用，交互快、設(shè)計(jì)快、演示快、上手快，很好地順應(yīng)了當(dāng)前敏捷開發(fā)（AgileDevelopment）的大趨勢(shì)。同時(shí)，秉承“關(guān)注設(shè)計(jì)，而非工具”的理念，摹客提供一系列獨(dú)家實(shí)用的功能，幫助用戶提高工作及開發(fā)進(jìn)度。

特色功能：

界面設(shè)計(jì)。組件開箱即用，提供項(xiàng)目和頁面模板、自定義組件庫、母版、組件樣式、格子、自動(dòng)數(shù)據(jù)填充，讓設(shè)計(jì)快速復(fù)用。

團(tuán)隊(duì)協(xié)作。支持團(tuán)隊(duì)管理、角色設(shè)定和分組，可協(xié)作設(shè)計(jì)、分工編輯、多人審閱和評(píng)論、支持Sketch導(dǎo)入。

交互設(shè)計(jì)。拖拽鼠標(biāo)即完成交互設(shè)計(jì)，支持頁鏈接、組件交互、交互狀態(tài)、交互自動(dòng)還原。

工作文檔。多種批注組件添加設(shè)計(jì)說明、頁面流程圖快速呈現(xiàn)業(yè)務(wù)邏輯，腦圖模式快速構(gòu)建頁面關(guān)系。

演示分享。隨時(shí)發(fā)布分享，提供8種演示方式，支持HTML在線預(yù)覽和離線包等多種導(dǎo)出方式。

3.

Macaw – 革新性超前Web編輯器

· 價(jià)格： 免費(fèi)

· URL：http://macaw.co/

· 推薦指數(shù)：★★★★

Macaw – 革新性超前Web編輯器

Macaw是目前最熱門的開發(fā)工具之一，被網(wǎng)友戲稱為“金剛鸚鵡“。它是一款基于Mac平臺(tái)、支持語義HTML和簡潔CSS的Web開發(fā)軟件，可生成多分辨率頁。同時(shí)它也可以作為設(shè)計(jì)師的圖像編輯工具，提供實(shí)時(shí)的布局引擎，讓元素以類似AdobePS中的呈現(xiàn)方式進(jìn)行操作，通過編輯當(dāng)前的網(wǎng)頁圖片，最后生成HTML模板和JS代碼。

特色功能：

· 特定寬度功能，可以自動(dòng)計(jì)算每行字符個(gè)數(shù)，也支持用戶指定的寬度，生成自適應(yīng)網(wǎng)頁布局。

· 組件庫功能，支持將自己設(shè)計(jì)的組件收藏和保存到庫，并拖拽到任意頁面中。

· 不同組件類別，可自己設(shè)計(jì)或者保存到指定的類別，并將它們快速應(yīng)用到整個(gè)文檔。

· 具備流計(jì)算所有必要的屬性（漂浮、清除等），并將元素作為靜態(tài)文件流。

4.

Weebly – 主流Web開發(fā)及設(shè)計(jì)服務(wù)商

價(jià)格：基礎(chǔ)版免費(fèi)，個(gè)人版8美金/月，Pro版12美金/月，商務(wù)版25美金/月

URL：https://weebly/

推薦指數(shù)：★★★★

Weebly – 主流Web開發(fā)及設(shè)計(jì)服務(wù)商

作為美國本土的一家自助建站服務(wù)商，Weebly使用了大量的Ajax技術(shù)，在操作性、用戶友好等方面做得很好，同類型的服務(wù)商還有Webs，Yola等，但像Weebly這樣針對(duì)中國用戶單獨(dú)增設(shè)中文網(wǎng)站的比較罕見。

特色功能：

· 拖拽實(shí)現(xiàn)編輯，無論是視頻、圖片、地圖和文章都能拖拽到網(wǎng)站中，無需HTML或其他網(wǎng)頁程序語言的支持，簡單且直觀。

· 專業(yè)模板設(shè)計(jì)直接使用，目前已有70個(gè)、且在持續(xù)增加中，如果懂HTML/CSS，可以直接用它們的編輯器來定制。

· 允許綁定個(gè)人的頂級(jí)域名，而且是綁定域名是免費(fèi)的，直接提供IP地址即可，也可以在Weebly上購買域名。

5.

Adobe Dreamweaver – 最權(quán)威的網(wǎng)頁開發(fā)及設(shè)計(jì)工具

價(jià)格：個(gè)人版$9.99-$82.99/月，商務(wù)版$33.99-$79.99/月

URL：https://adobe/products/dreamweaver.html

推薦指數(shù)：★★★★

Adobe Dreamweaver – 最權(quán)威的網(wǎng)頁開發(fā)及設(shè)計(jì)工具

相信不少做開發(fā)和設(shè)計(jì)的小伙伴對(duì)DW這款軟件并不陌生，它是集網(wǎng)頁制作和管理網(wǎng)站于一體的WYSIWYG網(wǎng)頁代碼編輯器，通過使用HTML、CSS、JavaScript等語言，程序員和設(shè)計(jì)師幾乎可以在任何地方快速制作和上線網(wǎng)站。支持Windows和Mac操作系統(tǒng)，對(duì)剛?cè)腴T初學(xué)者或者需要進(jìn)階的大神來說都是不錯(cuò)的選擇。

特色功能：

· 自適應(yīng)網(wǎng)格，可使用CSS3自適應(yīng)網(wǎng)格版面，創(chuàng)建跨平臺(tái)和瀏覽器的兼容網(wǎng)頁設(shè)計(jì)，采用符合業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開發(fā)項(xiàng)目。

· 實(shí)時(shí)視圖，支持再發(fā)布前測(cè)試頁面，采用最新版WebKit轉(zhuǎn)換引擎，提供絕佳的HTML5支持。

· “多平面預(yù)覽”面板，支持為智能手機(jī)、Tablet和個(gè)人計(jì)算機(jī)進(jìn)行設(shè)計(jì)，開發(fā)人員也可以通過其為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化。

結(jié)語

以上是小編力薦的網(wǎng)頁開發(fā)和設(shè)計(jì)工具，顯而易見每款工具都各有千秋，我們可以結(jié)合實(shí)際的開發(fā)需求和項(xiàng)目支持來做進(jìn)一步選擇：如果你擁有不錯(cuò)的開發(fā)基礎(chǔ)、且想自己編代碼來搭站，那么Macaw和DreamWeaver都是不錯(cuò)的選擇；如果你是開發(fā)新手或者小白、更需要完全成形的三方平臺(tái)來搭建網(wǎng)站，那么WordPress和Weebly都可以考慮；如果你更在意開發(fā)效率、網(wǎng)站功能以及資金預(yù)算，那么Mockplus是不二之選！