欧美亚洲综合图区在线|天天射天天干国产成卜|99久久免费国产精精品|国产的欧美一区二区三区|日韩中文字幕无码不卡专区|亚麻成人aV极品一区二区|国产成人AV区一区二区三|成人免费一区二区三区视频网站

當(dāng)前位置:首頁 > 小程序開發(fā) > 正文內(nèi)容

小程序開發(fā)定制免費(小程序定制開發(fā)解決方案)

小程序開發(fā)1個月前 (11-18)177

前段時間,微信低調(diào)地推出了小程序「自定義組件」能力。這個能力允許開發(fā)者,根據(jù)實際需要創(chuàng)建自定義組件,并在小程序中使用。

但官方的自定義組件能力,只能滿足一部分基礎(chǔ)需求。想要更得心應(yīng)手地開發(fā)小程序,不妨試試恰年網(wǎng)絡(luò)(微信號qianiancom)今天推薦的 MinUI 框架。

這個框架與官方推出的自定義組件,到底有什么區(qū)別呢?先來看看開發(fā)團隊對它的介紹吧。

關(guān)注「知曉程序」微信公眾號,回復(fù)「開發(fā)」,獲取更多好用的小程序框架推薦。

是的,我們擼了一個新輪子——Min。

在這個前端高速發(fā)展的時代,擼輪子并不是目的,而是解決問題的手段。

我們希望通過這個輪子,幫助像我們這樣的小程序開發(fā)者,優(yōu)雅高效的搞定小程序中自定義組件的開發(fā)和使用 這 2 個環(huán)節(jié),為開發(fā)者賦能。

緣起

一切的初衷,都始于我們希望像下面這樣,優(yōu)雅的定義和使用組件:

但這并不容易。

首先,需要微信官方支持以自定義標(biāo)簽的方式來封裝組件。我們知道,在以往的小程序開發(fā)中,這樣的方式是不支持的。

所喜,微信團隊和我們的想法一致。

依托于同微信團隊良好的溝通渠道,我們團隊在第一時間獲得了自定義標(biāo)簽組件的內(nèi)測邀請,并開始著手將我們的想法落地。(知曉程序注:微信的自定義組件功能在 11 月 02 日開始公測。)

其次,需要降低組件的開發(fā)成本。

再次,需要便捷的在既有項目中安裝、應(yīng)用和更新組件。

展開全文

基于這些需求和想法,我們搗鼓了一下。最終,就有了 Min 這個框架。

組件開發(fā)

對于組件的開發(fā),Min 提供了一整套的開發(fā)方案,包括范式、工具化環(huán)境、Demo 預(yù)覽小程序、內(nèi)置化文檔、自動編譯打包、一鍵式發(fā)布等能力。

1. 單文件策略

我們知道,小程序目前的工程化文件結(jié)構(gòu),是多文件形式(WXML、WXSS 和 JS)。

為了提供額外的能力封裝,Min 采用了單文件的方式(WXC 文件)來開發(fā)一個組件,一個基于 Min 開發(fā)的組件就是一個 npm 包。

采用單文件的策略,既有對開發(fā)者諸如 Vue 單文件開發(fā)習(xí)慣的考慮,同時也基于在單文件的編譯環(huán)節(jié),我們可以做一些額外的賦能,例如對 less、postcss 的支持。

同時,框架中還加入對于全局變量、模板、引用路徑 Resolve 等支持;抑或通過插件的引入,提供其他的額外能力。

2. Min Cli

Min 提供了一套 Cli 工具,幫助開發(fā)者快速創(chuàng)建、編譯、發(fā)布組件。通過 $ npm -i -g @mindev/min-cli,就能獲得 Min 提供的一鍵式能力。

通過 $ min init,可以快速的創(chuàng)建本地的組件開發(fā)環(huán)境。這個組件開發(fā)環(huán)境,就是一個組件的預(yù)覽小程序,可以通過微信開發(fā)者工具便捷的查看組件的運行情況。

通過 $ min new *name(*name 是你的組件名)來新建一個組件。

通過 $ min dev *name 來開啟開發(fā)模式:組件的最新改動,都會在微信開發(fā)者工具中實時的刷新顯示。

通過 $ min publish *name 來最終發(fā)布你的組件,發(fā)布后的組件即為一個隨時可用的 npm 包。

小程序開發(fā)定制免費(小程序定制開發(fā)解決方案)

3. MinUI

同時,我們還提供了一套小程序 UI 組件庫,這也是我們團隊在業(yè)務(wù)中使用的組件庫。

如何使用 MinUI?

對于組件的應(yīng)用,Min 提供了在原有的應(yīng)用項目中,一鍵式安裝、一鍵式更新組件的能力。

除了這些,MinUI 還提供了漸進增強的諸如應(yīng)用全局變量、全局模板等能力支持。后續(xù)我們還將以插件化的方式,提供諸如代碼檢測、單測環(huán)境等能力支持。

1. 組件安裝

在既有應(yīng)用下,開發(fā)者可以通過 $min install *name 來安裝一個組件,組件默認(rèn)會安裝到項目工程的 packages/ 文件夾下。

安裝后的組件,即可以用小程序通用的方式在頁面中引入和使用了。

2. 組件更新

對于組件的更新,你可以使用 $ min update *name 來一鍵搞定。

3. 漸進增強

Min 同時提供了一些應(yīng)用全局性的漸進增強能力,以供開發(fā)者選擇性使用。但這需要付出一點額外的成本。

前面提到,我們采用單文件 WXC 的方式來開發(fā)一個組件,因為在編譯環(huán)節(jié)可以做一些額外的事情,這里的「c」即為 component(組件)的首字母。

同理,Min 還提供了 WXP 和 WXA,來為 page 和 app 提供一些額外的賦能。如果您已經(jīng)在本地嘗試基于 Min 的開發(fā),就會發(fā)現(xiàn)本地的組件開發(fā)環(huán)境這個小程序,就是基于 WXP 和 WXA 來實現(xiàn)的。

最后的話

我們希望 Min 能幫助你快速的解決組件開發(fā)中的痛點,我們也希望這個小 Baby 能夠在社區(qū)的幫助中快速成長,所以我們將 Min 進行了開源。

希望有更多的同學(xué)通過實際的使用獲得收益,更希望有改進的建議(吐槽 :p )、或是共建,來幫助稚嫩的 Min 逐漸打磨的趨于成熟。

常州小程序開發(fā):https://www.qianian.com/read/19.html

掃描二維碼推送至手機訪問。

版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。

本文鏈接:http://landcheck.net/post/124041.html

“小程序開發(fā)定制免費(小程序定制開發(fā)解決方案)” 的相關(guān)文章

諸城人才招聘網(wǎng)手機版一對一(諸城招聘網(wǎng)一對一免費手機版)

諸城人才招聘網(wǎng)手機版一對一(諸城招聘網(wǎng)一對一免費手機版)

本篇文章給大家談?wù)勚T城人才招聘網(wǎng)手機版一對一,以及諸城招聘網(wǎng)一對一免費手機版對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、諸城人才網(wǎng)招聘網(wǎng)手機版怎么找不到了 2、諸城最大的人才招聘網(wǎng)站諸城人才網(wǎng)-諸城信息港的那個[www.zcjob.cn],手機版是多少啊,想找工作...

中國鐵路人才招聘網(wǎng)申請退回簡歷(中國鐵路人才招聘網(wǎng)申請退回簡歷怎么取消)

中國鐵路人才招聘網(wǎng)申請退回簡歷(中國鐵路人才招聘網(wǎng)申請退回簡歷怎么取消)

今天給各位分享中國鐵路人才招聘網(wǎng)申請退回簡歷的知識,其中也會對中國鐵路人才招聘網(wǎng)申請退回簡歷怎么取消進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!本文目錄一覽: 1、中國鐵路人才招聘網(wǎng)已投遞簡歷能撤回嗎? 2、中國鐵路人才招聘網(wǎng)投遞過的簡歷可以通過注銷賬戶來撤回嗎?...

北京順義國際學(xué)校(北京順義國際學(xué)校招收中國學(xué)生嗎)

北京順義國際學(xué)校(北京順義國際學(xué)校招收中國學(xué)生嗎)

本篇文章給大家談?wù)劚本╉樍x國際學(xué)校,以及北京順義國際學(xué)校招收中國學(xué)生嗎對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、就讀北京順義國際學(xué)校好嗎? 2、北京順義國際學(xué)校學(xué)費 3、北京順義國際化學(xué)校多嗎,順義哪個國際化學(xué)??诒诲e? 4、準(zhǔn)備讓孩子去國際學(xué)校讀書,...

北京鐵路人才招聘網(wǎng)官網(wǎng)招聘公示(北京鐵路人才招聘網(wǎng)官網(wǎng)招聘公示)

北京鐵路人才招聘網(wǎng)官網(wǎng)招聘公示(北京鐵路人才招聘網(wǎng)官網(wǎng)招聘公示)

本篇文章給大家談?wù)劚本╄F路人才招聘網(wǎng)官網(wǎng)招聘公示,以及北京鐵路人才招聘網(wǎng)官網(wǎng)招聘公示對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、北京鐵路局是開始招聘了嗎?報名入口在哪里? 2、問一下大家北京鐵路局好進嗎? 3、北京鐵路局什么時候招聘?招聘要求是什么?近視戴眼鏡...

房產(chǎn)查詢系統(tǒng)(鄭州房產(chǎn)查詢系統(tǒng))

房產(chǎn)查詢系統(tǒng)(鄭州房產(chǎn)查詢系統(tǒng))

今天給各位分享房產(chǎn)查詢系統(tǒng)的知識,其中也會對鄭州房產(chǎn)查詢系統(tǒng)進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!本文目錄一覽: 1、青島房產(chǎn)網(wǎng)簽查詢系統(tǒng) 2、不動產(chǎn)登記證明網(wǎng)上查詢系統(tǒng) 3、個人房產(chǎn)查詢系統(tǒng)網(wǎng)站 4、房產(chǎn)查詢網(wǎng)上查詢系統(tǒng) 青島房產(chǎn)網(wǎng)簽查詢系統(tǒng) 青島網(wǎng)上...

中國鐵路人才招聘網(wǎng)注冊不了(中國鐵路人才招聘網(wǎng)注冊不了怎么辦)

中國鐵路人才招聘網(wǎng)注冊不了(中國鐵路人才招聘網(wǎng)注冊不了怎么辦)

今天給各位分享中國鐵路人才招聘網(wǎng)注冊不了的知識,其中也會對中國鐵路人才招聘網(wǎng)注冊不了怎么辦進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!本文目錄一覽: 1、中國鐵路人才招聘網(wǎng)驗證碼錯誤是啥意思 2、中國鐵路人才招聘網(wǎng)注冊郵件發(fā)送失敗 3、鐵路人才招聘網(wǎng)注冊郵箱驗證碼發(fā)...

闽清县| 行唐县| 柘荣县| 右玉县| 老河口市| 寿宁县| 全州县| 邛崃市| 清水县| 弥渡县| 诸城市| 连州市| 临邑县| 桓台县| 四川省| 牙克石市| 张家川| 五峰| 藁城市| 五常市| 宜兰县| 安福县| 耒阳市| 平湖市| 台湾省| 东乡| 宝丰县| 太原市| 蓬安县| 岳阳市| 辽宁省| 南江县| 和林格尔县| 博兴县| 饶平县| 玛纳斯县| 板桥市| 太白县| 镇平县| 长泰县| 当阳市|