分類目錄歸檔：小程序

2021
05-15

四種常見的小程序開發方式 HOT

四種常見的小程序開發方式 隨著小程序越來越火爆，如今的企業紛紛選擇搭建小程序，每個企業對自身的小程序開發的需求不同，所以做出來的功能也不同，也就是需要不同的開發方式進行開發，那小程序開發最常見的開發方式有哪些？一、自己進行源代碼開發這個方式適合資深程序員，這需要你下載微信官方開發者工具。安裝好后，新創建小程序項目，填寫自己小程序的AppID（沒有的情況下要先到微信公眾平臺注冊一個微信小程序），點擊“創建QuickStart項目”，... 繼續閱讀 >
2019
01-21

微信小程序支付完整示例，可學習參考下

本文實例為大家分享了php實現小程序支付的具體代碼，供大家參考，具體內容如下環境：tp3.2 +小程序微信支付功能開通Step1:  下載PHP支付SDK(下載地址：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1) 放到Library\Vendor下，取名Wxpay           修改WxPay.Config.php里的appidappsecretkey MCHIDStep2: ... 繼續閱讀 >
2019
01-21

微信支付對賬，你是如何處理的？

做支付對賬，即檢查第三方支付與數據庫中賬單是否一一對應，涉及到微信對賬單的處理，成功時，微信賬單接口返回數據以文本表格的方式返回，第一行為表頭，后面各行為對應的字段內容，字段內容跟查詢訂單或退款結果一致，具體字段說明可查閱相應接口。Ps：至于如何調用微信接口下載對賬單，在微信的官方SDK包中就有現成的方法，直接調用即可。注意對賬單接口一次只能查詢一天的數據。代碼大致如下：// 引入微信sdk文件re... 繼續閱讀 >
2018
02-02

微信小程序 MinUI 組件庫系列之 abnor 異常流組件

MinUI是基于微信小程序自定義組件特性開發而成的一套簡潔、易用、高效的組件庫，適用場景廣，覆蓋小程序原生框架、各種小程序組件主流框架等，并且提供了高效的命令行工具。MinUI組件庫包含了很多功能組件，其中abnor異常流組件是一個很常用的功能性組件，MinUI中abnor組件的效果圖如下：各式各樣的類型都有哦，是不是看起來很方便很快捷的樣子(^_^)?？梢源蜷_微信掃一掃下面的小程序二維碼先一睹為快：... 繼續閱讀 >
2018
01-29

微信小程序開發最佳實踐

weapp-starter微信小程序開發最佳實踐項目地址為什么會有這個repo在小程序之初便開發應用了，現在小程序的開發也越來越成熟了，完善了很多的API、組件、架構等，社區也由原來的零星點點到現在的不大不小，但也算是有了，期間也誕生了很多的開發框架，越來越多的三方輔助庫，我也搗鼓出很多。比較有名的算是wepy和labrador，wepy是vue風格的小程序開發框架，labrador則比較親和React，各有千秋，也... 繼續閱讀 >
2017
08-08

微信小程序開發資源匯總

官方文檔小程序開發文檔小程序設計指南小程序開發者工具新聞報道微信正式開放內測"小程序"，不開發APP的日子真的來了？(36氪)關于微信小程序（應用號），我能透露的幾個細節(可能吧)你的產品適不適合做微信小程序？你需要這篇產品邏輯分析(虎嗅網)微信公眾平臺小程序開放公測(微信官方)社區WXOPENClub|微信小程序專業社區工具微信小程序(應用號)微信web開發者工具破解版(DiyCode)... 繼續閱讀 >
2017
03-29

從前端界面開發談微信小程序體驗

這段時間有幸加入了一個關于微信小程序的項目開發組，從無到有的根據文檔自行學習了小程序的開發過程，前面已經有幾位前輩的文章珠玉在前，我這里就先從前端界面的開發方面談一談小程序以及我所遇到的問題吧。在結構和樣式方面，小程序提供了一些常用的標簽與控件，比如：view，小程序主要的布局元素，類似于html標簽的div，你也完全可以像控制div那樣去控制view。scroll-view，你要滾動內容的話，沒必要用view去做... 繼續閱讀 >
2017
02-24

微信小程序 - 實時圓形進度條

最近為了做一個錄制按鈕，研究了下小程序的實時圓形進度條實現廢話不多說，先上一張效果圖！初始狀態點擊中間按鈕開始繪制繪制過程繪制結束實現思路建立兩個canvas標簽，先繪制底層的淺灰色圓圈背景，再繪制上層的紅色進度條。WXML代碼<viewclass="wrap"><viewclass="circle-box"><canvasclass="circle"style="width:200px;height:200px;"canvas-id="canvasAr... 繼續閱讀 >
2017
01-19

微信小程序-貪食蛇

很久很久以前，差不多大半年前吧，筆者發布了一篇關于OC版貪食蛇開發的文章，時隔多月，微信小程序橫空出世，于是閑來無事的我又寫了一個小程序版下面這段話請務必閱讀筆者是做iOS的，而小程序大部分都是前端的知識，筆者之前沒有做過類似開發，所以代碼寫的相當爛，很多東西都是一邊查資料一邊寫的，請各位輕噴，阿門！進入正題頁面布局關于小程序筆者就不做介紹了，官方有詳細文檔，我們還是先來看張圖吧... 繼續閱讀 >
2016
12-30

使用DeviceOne實現微信小程序功能

微信小程序即將推出，還沒推出就火的不行了?；谖⑿胚@個巨大平臺，小程序必然能有巨大成功。不過它并不能完全取代App，該開發App還得開發。如果我們自己想實現一個基于自己的APP包含類似微信的小程序功能，該如何實現了？我們先來看看小程序的技術特點。小程序的特點1.跨平臺，微信就像JRE，在不同操作系統上都有實現，所以微信上的小程序就像運行在JRE上的java程序，從而實現跨平臺。另外解決了多平臺多機型的適配... 繼續閱讀 >
2016
12-23

微信小程序常見錯誤及基本排除方法

也接觸了不少人解決問題的過程里，有一些比較難以排查的可能性列舉在這，方便大家看一下：也歡迎大家把自己常用的排除方法列舉在這，一起互相學習探討!1：ES6;使用es6可能導致安卓端真機調試時很多問題出現，還有其他未知問題;原因未知;2：字母拼錯，包括字母拼寫錯誤，大小寫沒有注意;微信小程序中，有大量這樣的代碼示例，從中間冒出一個大寫，比如支付中的appId3：官方文檔示例代碼有誤，有時官方文檔示例代... 繼續閱讀 >
2016
11-28

如何用TypeScript開發微信小程序

微信小程序來了！這個號稱干掉傳統app的玩意兒雖然目前處于內測階段，不過目前在應用號的官方文檔里已經放出了沒有內測號也能使用的模擬器了。TypeScript:TypeScript是C#之父AndersHejlsberg的又一力作，相信喜歡C#語法的朋友們對TypeScript一定也會愛不釋手。簡單的聊一聊TypeScript吧TS是一個應用程序級的JavaScript開發語言。TS是JavaScript的超集，可以編譯成純JavaScript。TS跨瀏覽器、... 繼續閱讀 >
2016
11-28

微信小程序開發一周總結

編輯器我直接用vscode（其它編輯器同理，預覽還是用的微信開發工具），語法高亮將wxml設置成html,wxss設置成css"files.associations":{"*.wxss":"css","*.wxml":"html"}也可以安裝小程序相關插件開始寫代碼首先需要完整看完微信小程序文檔（框架，組件和API），方便后面用到時查找。view組件對應html里的divtext對應spanwxss里選擇器只支持element,#id... 繼續閱讀 >
2016
11-28

移動端商城（微信小程序源代碼） WebView離線緩存

功能包括：商品櫥窗，商品搜索，購物車，結賬等功能.tableView嵌套多個webView自適應高度，高度獲取較精準，速度快，有需要的童鞋可以借鑒。高性能多選圖片庫，類似于微信發布朋友圈中‘獲取相冊及拍照’模塊。獲取相冊照片部分可以多選，加載速度快，采用JFImagePickerController，并在此基礎上增加圖片數量選取限制；點擊圖片顯示大圖，并能進行雙擊放大縮小，雙指縮放、刪除等操作?；赮YCache和... 繼續閱讀 >
2016
11-28

wxSortPickerView：微信小程序首字母排序選擇表

wxSortPickerViewwxSortPickerView-微信小程序首字母排序選擇表特性目前為版本0.1，功能單一，但可擴展場景比較多。相關場景會在0.2中加入字符串數組首字母排序左側點擊abc跳轉點擊item返回數據擴展姓名排序選擇地址排序選擇功能預覽使用方式1.引入相關文件2.初始化varwxSortPickerView=require('../../wxSortPickerView/w... 繼續閱讀 >
2016
11-28

微信小程序入門教程 - 列表渲染多層嵌套循環及wx:key的使用

入門教程之列表渲染多層嵌套循環，目前官方的文檔里，主要是一維數組列表渲染的案例，還是比較簡單單一，給剛入門的童鞋還是無從入手的感覺。<viewwx:for="{{items}}">{{index}}:{{item.message}}</view>還有一個九九乘法表把數據直接寫到wxml里的，并不是動態二維數組的列表渲染。<viewwx:for="{{[1,2,3,4,5,6,7,8,9]}}"wx:for-item="i"><viewwx:for="{{[1,2,3,4,5,6,7,8,9]}}"wx:for-ite... 繼續閱讀 >
2016
10-18

微信小程序demo

9月22日凌晨，微信公眾平臺對200個服務號發送了“微信小程序”的測試邀請。微信方面表示，“小程序”目前只是測試階段，未來此類“小程序”的主體比較廣泛，不管是個人、政府、企業、媒體，抑或是其他組織開發者，均可以申請注冊和使用“小程序”，“小程序”發布后，在業內掀起了較大的反響。下面是我初步探究所做的簡單整理。目錄結構我們在微信提供的開發工具中新建一個項目，開發工具會給我們建立一個最基本的目錄結構和示... 繼續閱讀 >
2016
10-17

微信小程序開發支持 websocket

為什么需要websocket？傳統的實時交互的游戲，或服務器主動發送消息的行為（如推送服務），如果想做在微信上，可能你會使用輪詢的方式進行，不過這太消耗資源，大量的請求也加重了服務器的負擔，而且延遲問題比較嚴重。如果是自己開發的app，為了解決這些問題，很多團隊會自建socket，使用tcp長鏈接、自定協議的方式與服務器進行相對實時的數據交互。有能力的團隊，采用這種方式自然沒什么大問題。不過小團隊可能就要花費很多時... 繼續閱讀 >
2016
10-17

微信小程序官方文檔解讀：如何才能避開小程序的規則 “雷區” HOT

雖然微信小程序還處于內測階段，但得益于各種開發者、行業人士的廣泛討論，對微信小程序有深入了解的開發者已經初具規模。微信小程序的出現體現了微信的創新思維，也繼承了微信嚴密的內容管理風格，稍有不慎，就可能觸碰到微信的底線。對于開發者來說，如何才能在開發中避免違反微信的規則，順利上線小程序？這份解讀將可以幫助你全面地了解兩份微信小程序官方文檔——《微信小程序平臺運營規范》和《微信小程序平臺常見拒絕情形... 繼續閱讀 >
2016
09-29

微信小程序學習一初探“小程序” 推薦

最近這兩天，“微信小程序”這個詞占據了朋友圈，大有一番風起云涌之勢，當然，還不可能夸張到使原生App開發人員失業這種程度。當然，作為一名技術人員，時刻保持對新技術的好奇心是必須的，所以在網上找大神的教程，搭建了一下開發環境，來學習一下這個新的開發框架。一項目文件結構當打開微信小程序的Demo的時候，我個人習慣是先看整個項目的文件結構，先大致弄清這部分是干什么的，那部分又是干什么的，微信小程序基本的文... 繼續閱讀 >
2016
09-29

微信小程序開發:Flex布局 推薦

微信小程序頁面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一種新的方案，可以簡便，完整，響應式的實現各種頁面布局。Flex布局提供了元素在容器中的對齊，方向以及順序，甚至他們可以是動態的或者不確定的大小的。Flex布局的主要特征是能夠調整其子元素在不同的屏幕大小中能夠用最適合的方法填充合適的空間。flex布局Flex布局的特點:任意方向的伸縮，向左，向右，向下，向上在樣式層可以... 繼續閱讀 >
2016
09-29

不需內測賬號，帶你體驗微信小程序完整開發過程

微信小程序還沒正式發布就已經迅速成為大家討論的焦點，那么大家可能覺得只有收到內測邀請才能體驗小程序的開發流程，其實不然，大家都可以體驗，下面就帶大家一起了解。下載微信Web開發者工具首先，微信給我們提供了它自己的小程序集成開發工具，只需要到這個頁面下載即可：下載完成后，打開開發者工具，會有一個掃碼登錄界面。用你的微信掃碼就可以登錄進來了，然后開發者工具會幫我們創建一個默認工程，項目的文件結構... 繼續閱讀 >
2016
09-29

微信小程序開發使用第三方庫Immutable.js教程

Immutable 是Facebook開發的不可變數據集合。不可變數據一旦創建就不能被修改，是的應用開發更簡單，允許使用函數式編程技術，比如惰性評估。ImmutableJS提供一個惰性Sequence，允許高效的隊列方法鏈，類似map和filter，不用創建中間代表。immutable通過惰性隊列和哈希映射提供Sequence,Range,Repeat,Map,OrderedMap,Set和一個稀疏Vector。微信小程序無法直接使用require('immutable.js')進行調用,需要... 繼續閱讀 >
2016
09-29

微信小程序開發實戰——模塊化

JavaScript模塊規范在任何一個大型應用中模塊化是很常見的，與一些更傳統的編程語言不同的是，JavaScript（ECMA-262版本）還不支持原生的模塊化。Javascript社區做了很多努力，在現有的運行環境中，實現"模塊"的效果。通行的JavaScript模塊規范主要有兩種：CommonJS、AMD、UMD、CMD等CommonJSCommonJS規范是服務器端Javascript模塊規范。Node.js的模塊系統，就是參照CommonJS規范實現的。NPM也遵循了commonJS定義的包規范，... 繼續閱讀 >