微信小程序技術棧


原生小程序開發目錄示例

原聲小程序開發目錄

  • WXML。微信標記語言,用於展示UI模板,類似HTML,文件后綴名為“.wxml”。
  • WXSS。WeiXin Style Sheets,用於規定UI樣式,具有 CSS 大部分特性。在CSS基礎上擴展了尺寸單位和樣* 式導入。文件后綴名為“.wxss”
  • WXS。WeiXin Script。封裝后的JS,一般內嵌於WXML頁面,很方便構建頁面,標簽為”<wxs></wxs>"。
  • JS。普通的JavaScript,常用於控制整個頁面的邏輯。后綴名為“.js”
  • JSON。用於項目全局配置或單頁面配置,后綴名為“.json”。

整體小程序開發類似Web App開發,尤其是使用了Vue或React框架的Web App開發。

  • 熟悉Web APP技術的開發者很容易上手小程序的開發。
  • 由於小程序封裝了MVVM框架、網絡請求等非常實用的API、打包等操作,所以相對於普通的Web APP上手以及開發更加簡單。尤其在與微信的交互方面,小程序開發非常方便。

開源框架

  • WePY。微信組件化框架,類Vue.js風格,讓Web App的開發者更容易開發小程序。類Vue.js風格;支持引入NPM包、組件化開發、ES2015+特性、Promise、多種編譯器(Less/Sass/Stylus/PostCSS、Babel/Typescript、Pug)等。GitHub Start 14864。
  • mpvue。使用 Vue.js 開發小程序的前端框架,美團點評團隊出品。在最理想的狀態是,可以一套代碼可以直接跑在多端:WEB、小程序(微信和支付寶)、Native(借助weex)。使用該框架,Vue開發者幾乎可以無縫開發小程序。GitHub Start 14041
  • weui-wxss。微信UI框架,包含一些常用的組件如button、cell、dialog、 progress等。GitHub Start 7473
  • wafer。小程序開發全棧資源套件,企業級微信小程序全棧方案。GitHub Start 1910

 

官方微信小程序開發文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM