小程序登錄導(dǎo)入依賴(lài) <!-- 阿里JSON解析器 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> </dependency> <dependency> <groupId>com.squareup.okhttp3</groupId> <artifactId>okh...

寫(xiě)在前面 ??在電商平臺(tái)，sku屬性選擇是產(chǎn)品模塊中的一個(gè)常見(jiàn)問(wèn)題。其實(shí)，解決這個(gè)問(wèn)題并不難，關(guān)鍵是要理清自己的思路，將這個(gè)大問(wèn)題拆分成幾個(gè)小問(wèn)題，再逐一擊破就好了。寫(xiě)這篇文章一來(lái)是對(duì)前段時(shí)間的小程序sku屬性選擇做個(gè)總結(jié)，二來(lái)是希望放在網(wǎng)上能幫助到大家。掘金上的內(nèi)容都系本人原創(chuàng)，如需轉(zhuǎn)載請(qǐng)注明出處，感謝！ 需求分析及解決思路 ??其實(shí)我個(gè)人更傾向于將這個(gè)問(wèn)...

常見(jiàn)的微信掃碼登錄邏輯有兩種 1、微信開(kāi)放平臺(tái) 2、微信服務(wù)號(hào) 這兩種都需要企業(yè)資料認(rèn)證，對(duì)個(gè)人開(kāi)發(fā)者是沒(méi)有權(quán)限的，無(wú)意間看到騰訊文檔掃碼登錄的時(shí)候打開(kāi)的是小程序，開(kāi)始還以為只有騰訊有權(quán)限（滑稽的笑了

大家好，我是坤哥前不久在朋友圈發(fā)了一個(gè)動(dòng)態(tài)（大家看到的封面圖），獲得了不少人點(diǎn)贊，所以寫(xiě)了這篇文章，希望對(duì)大家有些幫助。創(chuàng)業(yè)之后，由于前端遲遲招不到了，所以我們團(tuán)隊(duì)三個(gè)后端暫時(shí)兼任了前端小程序開(kāi)發(fā)的工作，做過(guò)前端的都知道，90% 的工作量其實(shí)是在 UI 的搭建上，另外你自己寫(xiě) UI 還有一個(gè)問(wèn)題是 UI 還原度不太可能 100% 還原 UI 稿，完工后 UI 要花不少時(shí)間在視覺(jué)...

1、微信小程序image圖片模擬器可以顯示，但是真機(jī)上無(wú)法顯示微信小程序中<image>引用的是網(wǎng)絡(luò)圖片，在模擬器里面可以看到，但是在真機(jī)上就無(wú)法顯示。 同樣是網(wǎng)絡(luò)圖片https://www.zhgjx-hr.com/upload/Images/4b96f7e0-88f4-4a5b-bc24-c86611842bca.jpg  真機(jī)上是可以顯示的，但是https://app.zhgjx-hr.com/upload/Images/4b96f7e0-88f4-4a5b-bc24-c86611842bca...

關(guān)于.acss文件在視頻中已經(jīng)說(shuō)過(guò)了，小程序的設(shè)計(jì)思想和原生app的設(shè)計(jì)思想頗為相似，基本的應(yīng)用單元為頁(yè)面。當(dāng)然對(duì)于一個(gè)頁(yè)面來(lái)說(shuō)每一個(gè)元素的放置位置在哪兒以及顯示成什么樣子這個(gè)是由樣式來(lái)決定的。我們知道在web開(kāi)發(fā)中樣式是在css文件中規(guī)定的，叫做層疊樣式表 (Cascading Style Sheets)。其實(shí)在A(yíng)PP中樣式的約束也是使用css，在支付寶小程序中也是使用css不過(guò)文件的后綴是.a...

微信小程序也已出來(lái)有一段時(shí)間了，最近寫(xiě)了幾款微信小程序項(xiàng)目，今天來(lái)說(shuō)說(shuō)感受。首先開(kāi)發(fā)一款微信小程序，最主要的就是針對(duì)于公司來(lái)運(yùn)營(yíng)的，因?yàn)?，在申?qǐng)appid(微信小程序ID號(hào))時(shí)候，需要填寫(xiě)相關(guān)的公司認(rèn)證信息如，營(yíng)業(yè)執(zhí)照等再次就是用一個(gè)未曾開(kāi)通過(guò)公眾號(hào)的QQ號(hào)或微信號(hào)來(lái)注冊(cè)一個(gè)微信小程序號(hào)。最后，下載微信小程序開(kāi)發(fā)工具。由于這里，我們更多的關(guān)注如何去開(kāi)發(fā)一些app...

最近不想寫(xiě)論文，就想搗鼓點(diǎn)新東西吧，就邊看官方文檔，花了3天時(shí)間寫(xiě)了一個(gè)簡(jiǎn)單的仿豆瓣電影的微信小程序，給大家分享一下教程吧。源碼&效果圖源碼點(diǎn)擊這里，歡迎star運(yùn)行方法：下載微信web開(kāi)發(fā)者工具新建項(xiàng)目，項(xiàng)目目錄為代碼存放目錄點(diǎn)擊開(kāi)發(fā)者工具中的編譯即可在模擬器里看到效果圖如下開(kāi)發(fā)環(huán)境與項(xiàng)目簡(jiǎn)介微信提供了一個(gè)微信開(kāi)發(fā)者工具，可以完成小程序的 API 和頁(yè)面的...

給提問(wèn)的開(kāi)發(fā)者的建議：   提問(wèn)之前先查詢(xún) 文檔、通過(guò)社區(qū)右上角搜索搜索已經(jīng)存在的問(wèn)題。   寫(xiě)一個(gè)簡(jiǎn)明扼要的標(biāo)題，并且正文描述清楚你的問(wèn)題。   提交 BUG：需要帶上基礎(chǔ)庫(kù)版本號(hào)，設(shè)備信息（iOS, Android,開(kāi)發(fā)工具等等），操作系統(tǒng)信息（系統(tǒng)版本），以及可以讓他人重現(xiàn)的信息，最好能夠提供重現(xiàn) demo.   對(duì)于提供信息過(guò)少的...

為提升小程序使用體驗(yàn)，幫助用戶(hù)更便捷地獲取服務(wù)，小程序開(kāi)放手機(jī)號(hào)快速填寫(xiě)組件，非個(gè)人開(kāi)發(fā)者的小程序完成認(rèn)證后即可使用。 1. 在新用戶(hù)注冊(cè)、聯(lián)系方式登記等必要場(chǎng)景下，開(kāi)發(fā)者均可在頁(yè)面上部署手機(jī)號(hào)快速填寫(xiě)組件。2. 用戶(hù)點(diǎn)擊組件，完成彈窗授權(quán)后，即可直接將微信綁定的手機(jī)號(hào)填入，絕大部分情況下無(wú)需再進(jìn)行短信驗(yàn)證碼校驗(yàn)。3. 若用戶(hù)不愿提供微信...

有些項(xiàng)目和服務(wù)，是需要客服人員的，怎么在微信小程序中添加客服。添加好后，當(dāng)用戶(hù)在微信小程序中回復(fù)信息時(shí)，微信會(huì)把信息轉(zhuǎn)發(fā)到客服手機(jī)微信上。微信小程序添加客服要注意的地方最多添加100個(gè)客服需要小程序管理員掃碼驗(yàn)證身份需要客服人員設(shè)置好自己的微信號(hào)微信小程序添加客服流程和方法1. 登錄微信小程序，依次選擇‘客服消息/添加’2. 輸入客服人員的微信號(hào)，點(diǎn)擊搜索圖...

題外話(huà)：前兩天和專(zhuān)業(yè)老師探討最近的一個(gè)項(xiàng)目，涉及到對(duì)一個(gè)浮動(dòng)的盒子局中的問(wèn)題，老師的解決方法打開(kāi)了我的新思路。讓我有了總結(jié)一下平時(shí)的居中問(wèn)題的想法。不然可能忘掉了以后又要到處尋找解決辦法了。另外也給我一個(gè)啟示：?jiǎn)⑹窘鉀Q方法有很多，就看你能不能對(duì)知識(shí)靈活運(yùn)用。也是通過(guò)這件事我體會(huì)到了“靈活運(yùn)用”的真正含義。做事情是這樣，做技術(shù)尤其要這樣?！　∵@個(gè)總結(jié)...

之前都是使用LeanCloud為存儲(chǔ)，現(xiàn)在用傳統(tǒng)API調(diào)用時(shí)做如下封裝var HOST = 'http://localhost/lendoo/public/index.php/';// 網(wǎng)站請(qǐng)求接口，統(tǒng)一為postfunction post(req) { //發(fā)起網(wǎng)絡(luò)請(qǐng)求 wx.request({ url: HOST + req.uri, data: req.param, header: { "content-type": "application/x-www-form-urlencoded" }, method: 'POST', success: function (res) { req.succes...

首先需要看懂微信小程序開(kāi)發(fā)文檔的  開(kāi)放接口中的  登錄 和 用戶(hù)信息。wx.login(OBJECT)調(diào)用接口獲取登錄憑證（code）進(jìn)而換取用戶(hù)登錄態(tài)信息，包括用戶(hù)的唯一標(biāo)識(shí)（openid） 及本次登錄的 會(huì)話(huà)密鑰（session_key）等。用戶(hù)數(shù)據(jù)的加解密通訊需要依賴(lài)會(huì)話(huà)密鑰完成。code 換取 session_key?這是一個(gè) HTTPS 接口，開(kāi)發(fā)者服務(wù)器使用登錄憑證 code 獲取 se...

場(chǎng)景 小程序有52個(gè)頁(yè)面，其中13個(gè)頁(yè)面無(wú)需任何身份，另外39個(gè)頁(yè)面需要系統(tǒng)角色。對(duì)于這39個(gè)頁(yè)面，如果微信用戶(hù)沒(méi)有系統(tǒng)角色，則跳轉(zhuǎn)到登錄頁(yè)。 是否有系統(tǒng)角色信息需要通過(guò)異步請(qǐng)求來(lái)獲取。 需求分析&實(shí)現(xiàn) 對(duì)需求進(jìn)行抽象，其實(shí)要的就是一個(gè)過(guò)濾器，對(duì)小程序頁(yè)面的訪(fǎng)問(wèn)進(jìn)行過(guò)濾，符合條件的通過(guò)，不符合條件進(jìn)行其他處理。 使用過(guò)php的laravel框架的童鞋，肯定一...

是什么一種網(wǎng)絡(luò)通信協(xié)議（握手階段使用的是http 1.1),如果需要服務(wù)端主動(dòng)向客戶(hù)端推送信息可以使用它。優(yōu)勢(shì)全雙工，服務(wù)端和客戶(hù)端可以互通消息。相對(duì)于各種論詢(xún)，不僅省掉多次握手消耗，節(jié)省帶寬資源，而且不用多次去詢(xún)問(wèn)是否有新數(shù)據(jù)可消耗。存在的問(wèn)題需要服務(wù)端配合，學(xué)習(xí)成本高些如果需要獲取新數(shù)據(jù)的頻次少，一直保持鏈接的話(huà)，浪費(fèi)服務(wù)器資源。使用方式(ps: 我使用...

 之前介紹過(guò)微信小程序wxs功能的相關(guān)知識(shí)：微信小程序：新功能WXS（2017.08.30新增這里做了一個(gè)比較常用的實(shí)例：根據(jù)檢測(cè)輸入內(nèi)容格式是否正確，來(lái)改變相關(guān)顯示。工具函數(shù)： /src/wxs/common.wxs// 通過(guò)正則來(lái)檢驗(yàn)郵箱是否有效var validateEmail = function(email) { var reg = getRegExp('^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|("...

注意（來(lái)自官方文檔） wxs 不依賴(lài)于運(yùn)行時(shí)的基礎(chǔ)庫(kù)版本，可以在所有版本的小程序中運(yùn)行。 wxs 與 javascript 是不同的語(yǔ)言，有自己的語(yǔ)法，并不和 javascript 一致。 wxs 的運(yùn)行環(huán)境和其他 javascript 代碼是隔離的，wxs 中不能調(diào)用其他 javascript 文件中定義的函數(shù)，也不能調(diào)用小程序提供的API。 wxs 函數(shù)不能作為組件的事件回調(diào)。 由于運(yùn)行環(huán)境的差異，在 iOS ...

一個(gè)簡(jiǎn)單的預(yù)約類(lèi)型的表單，效果 主要代碼： <form bindsubmit="bindSave"> <view class="form-box"> <view class="row-wrap"> <view class="label">聯(lián)系人</view> <view class="label-right"> <input name="userName" class="input" type="text" placeholder="姓名" valu...

1、微信小程序列表能否實(shí)現(xiàn) sticky header 效果？就像 iOS 的列表一樣，上滑的時(shí)候每個(gè) section 的 header 固定，直到滾動(dòng)到下一個(gè) section 的時(shí)候下一個(gè) header 把上一個(gè) header「頂走」。類(lèi)似 https://codepen.io/chrissp26/...鑒于小程序沒(méi)有 DOM 相關(guān) API，不知道如何實(shí)現(xiàn)這種效果。Update: 我看到京東小程序的首頁(yè)有類(lèi)似效果，所以理論上是可以做到的？另，非回答類(lèi)...

在學(xué)習(xí)微信小程序開(kāi)發(fā)過(guò)程中，一部分的難點(diǎn)是前端邏輯的處理，也就是對(duì)前端JS的代碼編輯；一部分的難點(diǎn)是前端界面的設(shè)計(jì)展示；本篇隨筆基于一個(gè)豆瓣電影接口的小程序開(kāi)源項(xiàng)目進(jìn)行重新調(diào)整，把其中遇到的相關(guān)難點(diǎn)和改進(jìn)的地方進(jìn)行討論介紹，希望給大家提供一個(gè)參考的思路，本篇隨筆是基于前人小程序的項(xiàng)目基礎(chǔ)上進(jìn)行的改進(jìn)，因此在開(kāi)篇之前首先對(duì)原作者的辛勞致敬及感謝。1、豆...