-
微信小程序豆瓣電影項目的改造過程經驗分享
2021/4/30 11:42:59
在學習微信小程序開發過程中，一部分的難點是前端邏輯的處理，也就是對前端JS的代碼編輯；一部分的難點是前端界面的設計展示；本篇隨筆基于一個豆瓣電影接口的小程序開源項目進行重新調整，把其中遇到的相關難點和改進的地方進行討論介紹，希望給大家提供一個參考的思路，本篇隨筆是基于前人小程序的項目基礎上進行的改進，因此在開篇之前首先對原作者的辛勞致敬及感謝。1、豆... -
Prepack詳細介紹及微信小程序優化的新思路
2021/4/30 11:42:55
前言Prepack前幾個月剛出來的時候已經得到了前端界的大范圍關注，而在不久之后又逐漸退出了人們的視線。此時這篇文章出來可能顯得有些滯后，個人還是比較看好它未來對于前端代碼預編譯優化所帶來的收益。所以再詳細地介紹一下Prepack和它給我帶來的思考。在前端技術迭代更新速度較快、前端人力寶貴的情況下，面對新技術的不斷涌現我們需要保持冷靜和嚴謹的態度去接受這些新技術... -
微信小程序應用狀態管理工具Redux VS Mobx
2021/4/30 11:42:52
一、微信小程序自身的應用狀態是怎樣定義的呢？page({ data: { item: '', isLoading: true }, onLoad: function(){ this.setData({ isLoading: false }) }})二、為什么使用應用狀態管理工具？同一數據，一次請求，應用全局共享。 MVVM架構開發中清晰的數據流向——單向數據流。 將分散在不同頁面的數據與應用狀態統一管理，共享數據與狀態變化... -
微信小程序的探討--與外站進行數據傳輸、前后端交互
2021/4/30 11:42:49
與外站進行數據傳輸 <view class="bt-ok" bindtap="okClick">確定提交</view>1 Page({ //確認提交 okClick: function () { var that = this;//此處必須重定義，才能在回調函數里使用 wx.request({ //發起url請求 url: 'http://wq.ycwjwl.com/json.php', method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE... -
微信小程序實戰--王者圖鑒
2021/4/30 11:42:46
靈感源于今年很火的手游——王者榮耀，偶爾用手機上網查找游戲數據并不是很方便，于是有了開發“王者圖鑒”小程序的想法。從官網爬取數據，將英雄、裝備、銘文等信息整合在微信小程序中，隨時隨地查詢游戲信息。預覽效果展示線上體驗微信掃一掃下方的小程序碼，立即體驗：技術棧原型設計：sketch后臺數據爬?。簄ode.js + leancloud (開源地址)前端：小程序生態(WXML/WXSS/JavaS... -
微信小程序之頁面攔截器
2021/4/30 11:42:43
場景小程序有52個頁面，其中13個頁面無需任何身份，另外39個頁面需要系統角色。對于這39個頁面，如果微信用戶沒有系統角色，則跳轉到登錄頁。是否有系統角色信息需要通過異步請求來獲取。需求分析&實現對需求進行抽象，其實要的就是一個過濾器，對小程序頁面的訪問進行過濾，符合條件的通過，不符合條件進行其他處理。使用過php的laravel框架的童鞋，肯定一下子就聯想到了l... -
微信小程序入門bug--頁面跳轉，js數據無法在wxml中出現
2021/4/30 11:42:23
微信小程序入門bugbug--描述：在實現頁面跳轉的時候，js數據無法在wxml 中渲染（不知道這個詞對不對，有點逼格），沒有出現要跳轉頁面的js//detail.js var app = getApp() Page({ /** * 頁面的初始數據 */ data: { message: 'Hello MINA!', info: { ... -
蘋果松口，微信公眾號iPhone端贊賞功能或即將恢復
2021/4/30 11:42:19
據國外一家專門報道蘋果公司產品新聞的網站9TO5Mac報道，本周蘋果公司對 App Store 的開發審核指南進行了更新，進一步規定了開發者在開發應用的過程中應該注意的問題，比如在本次的更新中，就涉及到了ARKit、面容 ID、病毒和惡意程序等問題，其中最引人關注的是關于放開應用內購買(In-App Purchase)的改變： Apple now allows apps to offer monetary gifting from person to ... -
微信小程序添加視頻video組件
2021/4/30 11:42:16
小程序視頻組件video標簽 wxml<View>1.播放網絡視頻</View> <view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c0201010425... -
基本組件--(進度條、滑動選擇器、開關選擇器、復選框、)
2021/4/30 11:42:14
今天主要是簡單的講一下小程序當中的一些組件，微信文檔上也是有的。但我還是堅持寫一下，因為寫博客可以再一次得到提高，印象更深刻，雖然很簡單，但貴在堅持。先來看看效果圖： 今天主要是簡單的講一下小程序當中的一些組件，微信文檔上也是有的。但我還是堅持寫一下，因為寫博客可以再一次得到提高，印象更深刻，雖然很簡單，但貴在堅持。先來看看效果圖... -
5個套路看懂小程序開發
2021/4/30 11:42:08
你或許聽說過，快速入門就是要學最小必要知識。而我最近在看微信小程序的官方教程時發現，這個教程雖然簡單，但對于微信小程序開發來說，80%的套路都能從這里學習到，你的小程序從0到1可以從這里實現突破。 在開始之前，先做100字的鋪墊。 一個頁面 = 4個文件 小程序的每個頁面都是由4個文件組成的 ，前兩個最重要，是我們的重頭戲。先給這幾個文件一個簡短的解釋： ... -
微信小程序授權獲取用戶詳細信息openid
2021/4/30 11:42:01
小程序獲取用戶的頭像昵稱openid之類第一種使用wx.getUserInfo直接獲取微信頭像，昵稱wx.getUserInfo({ success: function (res) { that.setData({ nickName: res.userInfo.nickName, avatarUrl: res.userInfo.avatarUrl, }) }, })12345678第二種 我們在使用小程序wx.login API進行登錄的時候，直接使用wx.getUserInfo... -
微信小程序實現點擊圖片旋轉180度并且彈出下拉列表
2021/4/30 11:41:57
//index.wxml<view class="phone_one" bindtap="clickPerson"> <view class="phone_personal">{{firstPerson}}</view> <image src="../../image/v6.png" class="personal_image {{selectArea ? 'rotateRight' :''}}"></image> //三目法判斷圖片要不要旋轉180。 </view> <view class="person_box"> <view class="phone_... -
短信驗證功能的實現（附案例代碼/前后端/直接用）
2021/4/30 11:41:54
模塊效果展示（小程序界面）實現的功能小程序端：請求獲取短信驗證碼兩次請求之間間隔至少一分鐘填寫必填內容后，才能提交表單手機號合法性檢驗后臺：接前臺請求后，通過阿里云發送短信生成隨機數字驗證碼（默認6位）收到提交的表單后，對驗證碼字段進行判斷 驗證碼是否過期驗證碼是否正確通過驗證后，方能進行下一步操作 如保存表單信息至數據庫等結果反饋說明項目... -
微信小程序 如何在頁面直接傳遞信息 / 通信方法 / 附帶項目案例 ...
2021/4/30 11:41:49
場景如下需求是：點擊首頁的城市定位，進入選擇城市的頁面。選好后，將選中的結果返回首頁處分析：這是兩個不同的頁面。需要在它們之間傳遞信息，實現通信。我們需利用 全局數據 來實現這一目的。app.json... "pages": [ "pages/index/index", "pages/cityselector/cityselector”, ...12345而利用全局數據， 把大象裝進冰箱分三步：設置全局數據城... -
小程序腳本語言WXS，你想要的都在這里了
2021/4/30 11:41:46
WXS腳本語言是 Weixin Script腳本的簡稱，是JS、JSON、WXML、WXSS之后又一大小程序內部文件類型。截至到目前小程序已經提供了5種文件類型。解構小程序的幾種方式，其中一種方式就是通過文件類型：JS、JSON、WXML、WXSS、WXS。前面四種之前已經介紹過，今天主要是介紹WXS這種文件類型。如果你是PHP、JAVA、C#程序員的話寫過服務端代碼的話，就很好理解WXS這種腳本語言了。能夠更... -
微信小程序開發問答《七十三》登錄相關問題 & 上傳logo返回后不能同步 ... ...
2021/4/30 11:41:43
1、微信小程序登錄相關問題？先說下我所理解的：wx.checksession() 只能檢查用code換來的session_key在微信服務器中是否過期。而前端拿到后臺生成的3rd_session, 這個3rd_session的過期時間是服務器定義的。如果上面的理解沒錯的話（有錯誤望指出），我猜想就會出現下面兩種情況：wx.checkSession()檢測的微信服務器session_key并沒有過期。而我們服務器3rd_session 已經過期，... -
微信小程序實現頁面數據顯示、wx:if elif else的用法
2021/4/30 11:41:40
前段時間公司需要一個小程序去實現某項簡單的功能，本來作為一個后臺人員，只需要完成數據接口和文檔部分就可以了；后來對這小程序好奇再加上文檔蠻完整的，然后抽了好幾天時間去研究了一下，不多說了。。 1、首先來看簡單的目錄結構： 2、下面是app.json 需要注意的地方： 3、接著是index頁面的數據 4、最后是index頁面效果... -
微信小程序頁面效果--多選框(類似選擇題)
2021/4/30 11:41:32
今天給看微信小程序多選框時，自己寫了一個例子（類似選擇題），希望對大家有幫助多選框列表中，我添加了判斷如果沒有選任何一項，提交按鈕是不能點擊提交的；如果想要提示，把按鈕的disabled屬性刪掉就行；wxml：<view class="container log-list"><checkbox-group bindchange="checkboxChange"><label class="checkbox" wx:for="{{items}}" wx:key="ite...
推薦文章
- 2022國慶假期安排
- 云南網站制作流程
- 如何制作一個小程序
- 人人商城超級海邊活動海報不顯示bug修復 回復圖片功能錯誤修復
- Flex簡明教程，一看就會
- 小程序登陸設計-耐心看，講的很明白
- C# 生成縮略圖方法
- 網絡營銷的推廣方式都有哪些？如何快速獲客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 對話微信小程序產品經理：小商店不意味著騰訊要做電商
- 現在您還需要建網站嗎？
- “交管12123”小程序入駐支付寶 首次實現跨省查詢
- 電商平臺到底要怎么做？
- 直播帶貨開始降溫，淘寶、抖音、快手決戰新周期
- 云計算：多云策略的定義和三大優勢
- 域名怎么通過實名認證？
- “啤酒”域名Bier.de以114萬元登頂Sedo榜！
- 商標是買現成的還是去自己申請？
- 普通企業為何要做分銷系統？
