移動端網頁
移動端網頁的開發有兩種:一種是和pc端對應的,要求適配手機端顯示的,其功能內融是一樣的,對于這種,可以在寫pc端的時候用響應式布局用一套代碼完成,或者pc和移動端分離.寫兩套代碼.這種和普通的寫法沒什么差距。
第二種是,鑲嵌在app里面的,主要適用場景是,對與一些復雜多變的活動頁面,或者可定制的特效頁面,用h5寫之后,ios和安卓通過一個webview來展示,這樣的好處是,原生app可以不必通過發新版來更新程序.這種開發,需要注意的是,h5與原生app之間的相互調用的方法名,都需要雙方確認好,前端頁面更改時候,只要方法名不變就行.布局方式。
部署方式:
這種移動端頁面的發布環境,是直接把代碼放在tomcat里面,ios和安卓通過部署之后產生的頁面鏈接,在webview上顯示出來。
微信公眾號開發
微信公眾號的二次開發,相比原生app來說,開發成本,運營成本,和推廣成本都小的多,所有現在越來越多的公司開始使用微信公眾號開發.這個已經成為前端不可少的一個工作技能。
對于微信公眾號的二次開發,首先要說的是,微信開發者工具,它不是我們寫代碼的IDE,它的作用只是一個調試工具,供我們調試,查看,我們程序中調用微信本身提供的js-sdk時候產生的信息或者錯誤提示.這不要搞混了,因為很多人問,怎么在微信開發者工具中寫代碼。
如何把代碼放到微信開發工具中查看.有兩種方式,第一種是本地起一個服務,產生一個localhost:xxx的地址,把這個地址直接扔在開發工具上訪問就可以調試了,這個如果我們使用angular,react,vue這些前端框架寫的話,一般會用到webpack,或者gulp,grent都會產生一個本地運行環境.這個不用管,如果是用純html+jquery寫的,可以單獨再使用gulp或者webpack,啟動一個本地服務.第二種是,直接部署服務器,使用部署之后的地址。
是否一定要用開發工具調試?這個是不用的,就像上面說的,開發工具只是當我們調用微信本身的js-sdk的時候,會給我們產生調用信息.如果我們在做微信開發是時候沒有用到微信提供的那些比如支付掃碼定位等等的功能,或者我們還沒有和后臺對接,只是調界面,我們也可以直接在chrome里面調試.效果是一樣的。
對于這種開發,代碼本身和普通開發是完全一樣的,大家想用框架啥的都沒有問題.完全可以當一個普通的網頁項目來做。
微信公眾號的正式發布也是把代碼放到服務器,然后,在微信自定義菜單里面,點擊按鈕跳轉到部署之后的地址。
3.微信小程序開發
對于微信小程序開發來說,從微信小程序出來之后,大家就褒貶不一,有的說這個沒用,有的說這個拉低了IT界的門檻,完全無腦操作,還有人說這個是一個革新,它比h5網頁性能好,比app成本低.各種各樣的說法.
微信小程序相比微信公眾號的開發來說,其實性能方面確實不錯,提升了很多,而且接口的調用也簡單了,省去了config的驗證(微信公眾號二次卡發的時候,調用微信接口是需要先驗證config信息的,通過了才可以調用),整個項目都類似于vue的組件化,不同的是,小程序里面沒有dom這個說法,所有數據都采用的數據綁定的方式.其組件和api的使用也是完全固定的格式,了解vue的開發這個也是很快的。