二維碼
        企資網

        掃一掃關注

        當前位置: 首頁 » 企資快訊 » 本地要聞 » 正文

        10個小程序開源項目,助你快速搭建小程序

        放大字體  縮小字體 發布日期:2023-03-11 00:39:46    作者:江蓓馨    瀏覽次數:66
        導讀

        來源: 趣談前端 公眾號首發: 趣談前端今天和大家分享幾個小程序開源項目, 幫助我們輕松搭建自己的小程序應用. 我會從大家最熟悉的小程序UI組件, 到可視化庫, 再到完整項目, 一一和大家介紹.小程序UI組件庫小程序多端

        來源: 趣談前端 公眾號

        首發: 趣談前端

        今天和大家分享幾個小程序開源項目, 幫助我們輕松搭建自己的小程序應用. 我會從大家最熟悉的小程序UI組件, 到可視化庫, 再到完整項目, 一一和大家介紹.

      1. 小程序UI組件庫
      2. 小程序多端開發框架
      3. 小程序可視化圖表庫
      4. 經典小程序開源項目小程序UI組件庫1. vant-weapp

        Vant Weapp 是移動端 Vue 組件庫 Vant 的小程序版本,兩者基于相同的視覺規范,提供一致的 API 接口,助力開發者快速搭建小程序應用。

        我個人覺得, 如果你是一名前端開發人員, 使用該UI庫可以更靈活高效的開發小程序, 同時還能提高自己的編程能力. 移動端的訪問界面如下:

        開源地址: https://github.com/vant-ui/vant-weapp

        2. iView Weapp

        iView 是一套高質量的微信小程序 UI 組件庫, 和 vant-weapp 類似, 是一個開箱即用的組件庫, 對于兩者區別來說, 筆者認為 vant-weapp 在文檔,性能和社區使用率上略勝一籌.

        界面如下:

        開源地址: https://github.com/TalkingData/iview-weapp

        小程序多端開發框架1. Uni-app

        uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可發布到iOS、Android、Web(響應式)、以及各種小程序(微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶)、快應用等多個平臺。接下來我來分享一下它的架構:

        github地址: https://github.com/dcloudio/uni-app

        2. 網易考拉 Megalo

        Megalo 是基于 Vue(Vue@2.6.6) 的小程序開發框架,讓開發者可以用 Vue 的開發方式開發小程序應用。Megalo 是為了跨 H5 和小程序兩端的應用提供一個高效的解決方案,只需要少量改動即可完成 H5 和小程序之間的代碼遷移。

        Megalo 目前支持微信小程序,支付寶小程序,百度智能小程序,字節跳動小程序。

        github: https://github.com/kaola-fed/megalo

        3. 京東Taro

        Taro 是一個開放式跨端跨框架解決方案,支持使用 React/Vue/Nerv 等框架來開發 微信 / 京東 / 百度 / 支付寶 / 字節跳動 / QQ / 飛書 小程序 / H5 / RN 等應用。

        現如今市面上端的形態多種多樣,Web、React Native、微信小程序等各種端大行其道。當業務要求同時在不同的端都要求有所表現的時候,針對不同的端去編寫多套代碼的成本顯然非常高,這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

        同時它還提供了一套京東風格的組件庫 NutUI:

        NutUI 從功能、組件、性能、官網四方面放入手,不斷在組件庫的豐富性、輕量化、易用性上進行改進,力求打造一款好用的移動端組件庫,為開發者提效,為業務賦能,為開源貢獻一份力量。

        github地址: https://github.com/nervjs/taro

        4. Remax

        remax 將 React 運行在小程序環境中,讓我們可以使用完整的 React 進行小程序開發。 其具有如下特點:

      5. 真正的 React - 不同于靜態編譯的方案,在 Remax 中使用 React 沒有任何限制,包括 React Hooks。我們可以把 Remax 理解為針對小程序的 React Native
      6. 多端支持 - 使用 Remax 把代碼轉換到多個小程序平臺
      7. Typescript - 完整的 Typescript 支持,給你滿滿的安全感

        github地址: https://github.com/remaxjs

        小程序可視化圖表庫echarts-for-weixin:Apache ECharts 的微信小程序版本

        開發者可以通過熟悉的 ECharts 配置方式,快速開發圖表,滿足各種可視化需求。

        github地址: https://github.com/ecomfe/echarts-for-weixin

        經典小程序開源項目1. wechat-app-mall:微信小程序商城

        微信小程序商城,微信小程序微店,長期維護版本.我們可以使用它輕松搭建商城小程序, 只需要加上自己的后端, 對前端小修小改即可快速上線一個屬于自己的小程序.

        github地址: https://gitee.com/javazj/wechat-app-mall

        2. taro-music:網易云音樂小程序

        taro-music是基于Taro與網易云音樂 api 開發,技術棧主要是:typescript+taro+taro-ui+redux+react-hooks,目前主要是著重小程序端的展示,主要也是借此項目強化下上述幾個技術棧的使用,打造一個最佳實踐項目,通過這個項目也可以幫助你快速使用Taro開發一個屬于你自己的小程序.

        github地址: https://github.com/lsqy/taro-music

        3. lowcode_news_mini 小程序的低代碼內容社區

        lowcode_news_mini 是一個小程序的博客內容社區, 幫助開發者建立自己的博客技術體系, 技術棧使用taro編寫, 非常適合想學習taro 開發跨端小程序的前端伙伴, 并且代碼完全開源.

        github地址: https://github.com/MrXujiang/lowcode_news_mini

        更多精彩

        分享6款yyds的可視化搭建開源項目

        如何評價Dooring低代碼/零代碼搭建平臺?

        推薦! Dooring低代碼產品使用教程

      8.  
        (文/江蓓馨)
        打賞
        免責聲明
        本文為江蓓馨推薦作品?作者: 江蓓馨。歡迎轉載,轉載請注明原文出處:http://m.sneakeraddict.net/qzkx/show-106125.html 。本文僅代表作者個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,作者需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們郵件:weilaitui@qq.com。
         

        Copyright ? 2016 - 2023 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

        粵ICP備16078936號

        微信

        關注
        微信

        微信二維碼

        WAP二維碼

        客服

        聯系
        客服

        聯系客服:

        在線QQ: 303377504

        客服電話: 020-82301567

        E_mail郵箱: weilaitui@qq.com

        微信公眾號: weishitui

        客服001 客服002 客服003

        工作時間:

        周一至周五: 09:00 - 18:00

        反饋

        用戶
        反饋

        一区二区三区观看免费中文视频在线播放 | 中文字幕有码无码AV| 久久精品aⅴ无码中文字字幕重口| 亚洲午夜无码AV毛片久久| 人妻无码精品久久亚瑟影视| 日韩精品无码一区二区三区免费| 亚洲一区二区三区无码中文字幕| 亚洲精品无码Av人在线观看国产| 亚洲Aⅴ无码一区二区二三区软件 亚洲?V无码乱码国产精品 | 久久精品无码一区二区app| 久久久中文字幕日本| 国产V亚洲V天堂A无码| 最近中文字幕精彩视频| YY111111少妇无码理论片| 亚洲国产综合精品中文字幕 | 亚洲日韩国产AV无码无码精品| 无码乱码观看精品久久| 亚洲精品无码MV在线观看 | 无码丰满少妇2在线观看| 波多野结衣中文字幕久久| 国产成人无码一区二区三区| 亚洲伊人久久综合中文成人网 | 免费a级毛片无码| 国产丝袜无码一区二区三区视频| 亚洲欧美综合中文| 久久久久久人妻无码| 无码精品A∨在线观看十八禁 | 天堂а√在线中文在线最新版| 国产AV无码专区亚洲A∨毛片| 成人A片产无码免费视频在线观看| 中文字幕亚洲综合小综合在线 | 暖暖日本免费中文字幕| 亚洲 欧美 中文 在线 视频| 国产免费无码AV片在线观看不卡| 国产成人无码精品久久久性色 | 久久精品天天中文字幕人妻 | 色婷婷综合久久久久中文字幕 | 无码专区永久免费AV网站| 亚洲精品一级无码中文字幕| 无码人妻精品中文字幕| 中文 在线 日韩 亚洲 欧美 |