-
微信小程序过长文本折叠效果的探索
2021/3/31 23:38:40
之前做小程序开发时，遇到要实现过长文本进行的折叠的效果（类型微信朋友圈那种）。主要交互有三点：让文本过长时折叠、并显示一个“全文”的点击文本当用户点击“全文”则会展开被折叠的文本，并切换该按钮为“收起”对不过长的文本则正常显示本质上，要实现这个效果得解决两个问题：判断文本是否过长的标准文本过长时样式如何折叠判断文本是否过长所谓文本过长就是文本占据的... -
微信小程序开发问答《八十》实现 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。在我这里都不是很适合，因为我...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
