-
微信小程序開發問答《八十》實現 sticky header 效果 & input標簽中文字被
2021/3/31 23:38:37
1、微信小程序列表能否實現 sticky header 效果？就像 iOS 的列表一樣，上滑的時候每個 section 的 header 固定，直到滾動到下一個 section 的時候下一個 header 把上一個 header「頂走」。類似 https://codepen.io/chrissp26/...點擊預覽鑒于小程序沒有 DOM 相關 API，不知道如何實現這種效果。Update: 我看到京東小程序的首頁有類似效果，所以理論上是可以做到的？另，... -
微信小程序實戰-仿盒馬鮮生
2021/3/31 23:38:16
盒馬鮮生是阿里巴巴對線下超市完全重構的新零售業態，熱度十分項目功能* 用戶信息注冊 * 首頁幾個輪播和界面交互 * 分類商品管理購買 * 購物車界面交互及其操作 * 個人信息界面 小程序設計過程小程序是一個易上手的東西， 對于新手來說，多看官方文檔，可以初步做出比較完整的小程序，正是因為簡單上手，功能實現簡單，小程序是越來越火，商業價值也越來越大。1.項目工具... -
3分鐘實現小程序模版消息推送 | 基于Bmob后端云
2021/3/31 23:38:12
###作為小程序的開發者你一定會遇到這樣子的需求： 例如： - 當用戶購買后，你想向用戶發送消息提醒用戶已經發貨； - 當用戶購買VIP后，你想向用戶發送消息提醒用戶升級成功； - 當你的小程序更新后，你想向用戶發送消息提醒用戶更新的功能點.....等等都需要用到微信小程序的消息推送功能 如果你想實現微信的消息推送功能，必須要在后端處理一系列與微信的交互(ac... -
關于微信小程序webview的使用
2021/3/31 23:38:09
小程序微信小程序是一種全新的連接用戶與服務的方式，它可以在微信內被便捷地獲取和傳播，同時具有出色的使用體驗。同時提供一系列工具幫助開發者快速接入并完成小程序開發。關于如何注冊配置就不多言了，本文主要還是體驗了下web-view的功能。web-view詳解有了這個組件之后，小程序可以很好的嵌入一些頁面，可以環境小程序size告急的問題，同樣也使開發更加便捷，畢竟小程序開... -
微信小程序獲取用戶手機號詳解
2021/3/31 23:38:06
最近在做一款微信小程序，需要獲取用戶手機號，具體步驟如下：流程圖：1、首先，客戶端調用wx.login，回調數據了包含jscode，用于獲取openid（用戶唯一標識）和sessionkey（會話密鑰）。 2、拿到jscode后，將其發送給服務端，服務端拿它與微信服務端做交互獲取openid和sessionkey。具體獲取方法如下：（1）、需要寫一個HttpUrlConnection工具類："font-size:18px;">public c... -
微信小程序簡單收集formid無限次發送模板消息
2021/3/31 23:38:04
消息通知對于某些應用是非常有用的，APP發送消息通知基本是沒有限制的，而微信小程序是通過微信的模板消息通知實現的，微信模板消息目前來看還是通知非常有效，不存在垃圾信息過多的問題，還可以通過點擊消息直接進入應用詳細。如下圖所示但是，為了防止應用亂發通知，小程序做了一些限制，只有兩種方法可以給用戶發送模板消息，一是用戶支付后可發送3條模板消息；二是頁面發生... -
微信小程序 - dialog
2021/3/31 23:37:53
實現了 標題,內容和按鈕設置,可動態設置按鈕,以及按鈕點擊事件的回調可作為component 使用直接上代碼//遮罩的代碼 <viewclass="uiComponent uiComponent_mask uiComponent_mask_{{uiComponent.mask.show &&'active'}}" style="{{uiComponent.mask.style}}" ></view> //dialog的代碼<view wx:if="{{uiComponent.dialog.show}}" class="uiComp... -
微信小程序 使用filter過濾器幾種方式
2021/3/31 23:37:43
由于微信小程序 技術生態比較閉合，導致很多 現代前端框架很多積累出的成果都沒有實現(可能未來會逐一實現). 用慣了現代 再耍小程序 總感覺很不順手.需要結果的請直接看最后的WXS### View Filterfilter 理解為管道加工處理, 你扔給我一組數據 經過各種不同類型的管道加工 產出新的數據 但是又不會影響修改原數據, 最終展示給用戶.現有前端框架filter一般: time | dateTime('yyy... -
小程序上傳圖片到七牛
2021/3/31 23:37:40
小程序上傳圖片到七牛云存儲，服務端使用nodejs的thinkjs框架服務端'use strict' import Base from './base.js'; import qiniu from 'qiniu'; export default class extends Base{ async uploadAction(){ var accessKey = '注冊七牛云之后，七牛提供的accessKey'; var secretKey = '注冊七牛云之后，七牛提供的secretKey'; var bucket = '你... -
連勝--小程序中滾動條的使用，wx.pageScrollTo和<scroll-view>
2021/3/31 23:37:34
前言：近期小程序項目中用到了滾動條功能，官方文檔中提供兩種方式。即wx.pageScrollTo滾動到page頁面的指定位置，組件可以設置scroll-top或者scroll-left的值，今天探討一下使用哪種方式更合適。1、wx.pageScrollTo官方文檔地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/scroll.html示例代碼：wx.pageScrollTo({ scrollTop: 0})使用此方式，你需要知道以下幾點：1、... -
微信小程序公共組件的引用與控制
2021/3/31 23:37:31
思路：1.在組件wxml文件里實現布局、數據綁定、事件綁定；2.組件js文件里定義事件，并將文件所有內容作為一個對象export出去；3.在引用的文件引入組件（方式有兩種，一個是用include引入，一個是import引入，詳情：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/import.html);4.數據傳遞。在引用文件對應的js里定義要傳遞的數據，數據名稱與組件wxml文件里的... -
小程序頁面pv統計數過高，導致頁面轉化率低 問題
2021/3/31 23:37:29
小程序頁面pv統計數過高，導致頁面轉化率低 問題詳細描述對于業務開發者來說，業務數據和數據監控是不可缺失的。圖例是我們小程序掃碼付業務在數據體系搭建過程中的其中一步：技術流程拆解。 技術流程拆解 在數據選型上，我同時使用了微信自定義數據統計和公司內部第三方數據統計，并將之與微信主動上報的數據分析進行對比，來確保數據準確性。 微信自定義數據統計和公司內... -
實現微信小程序的wxml文件和wxss文件在phpstrom的支持
2021/3/31 23:37:10
最近下載了微信小程序準備好好看看，但是發現微信小程序用的后綴名是不一樣的，.wxml代表的就是平時用的.html，.wxss代碼的就是平時用的.css。但是phpstorm無法識別，為了更方便的碼代碼對wxml文件的支持：設置>編輯>文件類型>xml文件，右擊右邊的加號,增加通配符*.wxml,現在已經可以識別了。對.wxss的配置文件 -> 設置 -> 編輯器 -> 文件和代碼模板，點擊綠... -
微信小程序根據java后臺傳的type值鏈接不同的頁面
2021/3/31 23:37:07
思路：在js點擊事件函數中對后臺傳過來的type進行一個判斷確認就好啦上代碼wxml代碼：<view class='index-item-bg'> <view class='index-item'> <view class='index-item-box' wx:for="{{shortcutList}}" style='background-color:#b5d6f1' data-pos='{{index}}' bindtap='tiao'> <image class='index-item-box-image' src='{{icon}}'>... -
微信小程序--頭部導航滑動
2021/3/31 23:37:04
項目需求：實現頭部導航，可左右滑動。<view class="top-news"> <view class="self-box"> <view class="img-self"> <image src="../../images/self.jpg"></image> </view> </view> <view class="self-add"> <view class="img-add"> <image src="../../im... -
微信小程序分享到朋友圈之曲線救國
2021/3/31 23:37:01
遇到的問題經過多次重大更新，微信始終沒有開放小程序直接分享到朋友圈的相關api。曲線救國我們直接開門見山，用間接的方式來實現微信小程序分享到朋友圈 這里先來羅列一下實現思路通過微信api申請小程序二維碼獲取小程序二維碼接口文檔下載二維碼到服務器并返回url小程序接收url并從服務器下載圖片 wx.downloadFile小程序將下載好的圖片保存至用戶相冊 wx.save... -
微信小程序設置控件權重
2021/3/31 23:36:58
項目中最常用的兩種布局方式，水平布局和垂直布局，在微信小程序中實現起來也比較簡單。 1.橫向水平布局： 實現水平布局，需要四個view容器組件，其中一個是父容器。如下： class="content"> "flex:1;height:100px;background-color:green">box1 ... -
【小程序踩坑】 掃普通二維碼調起小程序bug:碼地址傳遞錯誤，傳為歷史地址 ...
2021/3/31 23:36:56
問題： 用戶掃碼二維碼A，小程序onload中傳遞q參數為二維碼地址B，且該二維碼地址為用戶歷史使用二維碼地址。 原因： 微信側掃碼啟動參數錯亂。 用戶使用微信“掃一掃”掃描二維碼A，微信通過系統事件啟動小程序，用戶使用完之后， 將小程序退到后臺，一段時間后小程序被系統回收。用戶再次掃描二維碼B， 微信仍然通過系統事件啟動小程序，但是實際上，系統先發出A二維... -
微信小程序 post 發送數據 終極大法
2021/3/31 23:36:50
好久沒有分享小程序的實踐了。這次放個大招吧。微信小程序wx.request(OBJECT)發起網絡請求。默認 method的值是GET，GET發送的數據量是有限制的，這個可以不斷試試數據來試驗出來。我們的微信小程序，因為需要發送幾十個變量的數據，是幾十，不是十幾。GET方式已經超過了。只能選擇用POST方式，在網上看了別人分享的POST發送數據，發送json。在我這里都不是很適合，因為我... -
說說微信小程序開發的那些坑--setData
2021/3/31 23:36:47
this.setData估計是小程序中最經常用到的一個方法，但是要注意其實他是有限制的，忽略這些限制的話，會導致數據無法更新setData的反模式：-- 短時間頻繁進行setData操作--頁面進入后臺后依然進行setData操作-- 使用setData一次性設置太多的數據這里重點說一下第3點，獲取更新列表的時候非常容易觸犯第三點，舉個栗子：假設Page中data有items的數據，裝著列表的數據 Page({ d...
推薦文章
- 2022國慶假期安排
- 云南網站制作流程
- 如何制作一個小程序
- 人人商城超級海邊活動海報不顯示bug修復 回復圖片功能錯誤修復
- Flex簡明教程，一看就會
- 小程序登陸設計-耐心看，講的很明白
- C# 生成縮略圖方法
- 網絡營銷的推廣方式都有哪些？如何快速獲客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 對話微信小程序產品經理：小商店不意味著騰訊要做電商
- 現在您還需要建網站嗎？
- “交管12123”小程序入駐支付寶 首次實現跨省查詢
- 電商平臺到底要怎么做？
- 直播帶貨開始降溫，淘寶、抖音、快手決戰新周期
- 云計算：多云策略的定義和三大優勢
- 域名怎么通過實名認證？
- “啤酒”域名Bier.de以114萬元登頂Sedo榜！
- 商標是買現成的還是去自己申請？
- 普通企業為何要做分銷系統？
