小程序

小程序的页面层级结构

房东的猫 提交于 2020-03-16 17:45:57
新建项目以后,可以看到官方的种子项目 这是首页 点击头像可以跳转到另一个页面 目录结构 wxml类似于html,wxss类似于css,.json通常用来做配置(可以没有) 应用程序级别文件 app.js 应用程序级别的逻辑 app.json 应用程序级别的配置 app.wxss 应用程序级别的全局样式 就近原则: 在app.wxss里设置 text{ color:lightblue; } 在index.wxss里设置 text{ color:pink; } 最终页面显示粉色 json配置文件也遵循就近原则 project.config.json 是小程序自动生成的,一般来说不需要去管理和改动 utils/util.js 帮助类文件,里面有一些功能性的函数 当然,这目录结构是官方推荐的目录结构,也不是一定要遵循的 这是一个简单的种子项目,有时并不能满足复杂的项目需求,可以根据实际情况修改目录结构 小程序的页面层级结构 小程序历史版本曾经对层级做过限制,随着版本更替也许会有不同的限制,也可能不做限制 但还是建议层级不要超过5层,层级太多非常影响用户体验;而且会导致小程序体积变大(一般限制是2M,但后期可能会调整) 如果因为某些原因小程序体积确实超出,可以使用【分包加载】 来源: https://www.cnblogs.com/chenyingying0/p/12503954.html

云-腾讯云:实时音视频

删除回忆录丶 提交于 2020-03-16 06:45:49
ylbtech-云-腾讯云:实时音视频 腾讯实时音视频( Tencent-RTC )是腾讯云基于 QQ 十多年来在音视频通话技术上积累,提供全 平台互通高品质实时视频通话服务 的一款产品;支持 微信小程序/H5页面/APP/PC客户端 等接入方式之间互通,通过本方案可快速从零开始搭建出实时音视频通信平台,很好的应用于 在线教育、保险定损、远程医疗与微警务 等场景。 1. 应用场景 返回顶部 1、在线教育 在线教育打破了线下传统教育模式受时间和空间的限制,微信小程序赋予在线教育更加碎片化学习的创新模式,进一步促进了优质师资力量资源共享最大化。针对 职业教育、小班教学、K12等1v1或1v多的场景 ,依托腾讯云实时音视频能力和专为教育行业定制的富媒体功能,实现老师、学生间实时 互动答疑,课件共享、屏幕分享、电子白板、课程录制 等功能。 2、视频客服 单纯通过文字与语音,有时客服无法很好的理解和解决客户的问题,例如大型家电厂商的技术支持人员,通过电话或者文字,用户比较难以将家电发生的故障描述清楚,通过使用腾讯实时音视频, 用户可以通过微信小程序/手机微信等向技术支持人员便捷的发起视频通话请求 ,技术支持人员通过视频知道用户操作,解决问题,提升厂商口碑。 3、互动游艺 腾讯云强大实时互动音视频能力,为在线抓娃娃解决方案提供便捷的音视频接入,及优质的互动体验。 4、企业办公

小程序-调用公共js对象方法/ app.js

二次信任 提交于 2020-03-15 10:14:04
在小程序中,如果在子页面想调用共公js的方法,需先在子页面js中先实例化app:具体过程如下 子页面js: 1 2 3 4 5 6 7 8 //调用公共js对象以便调用其方法 var app = getApp(); //获取应用实例 // console.log(app)//可查看公共js(app.js)的方法 Page({ data: { "headtxt" :app.productshead() //调用公共appjs的方法 } }) 公共js定义的方法 : 1 2 3 4 5 6 7 //app.js小程序公共入口文件 App({ // 自定义方法 productshead: function (){ return "公共js调用方法headertxt" } }) 来源: https://www.cnblogs.com/cqlb/p/9494067.html

高性能的小程序swiper组件

左心房为你撑大大i 提交于 2020-03-15 04:31:41
  小程序的社区总是觉得只有几个活跃的人,问一些问题的时候很难得到想要的答案,做过超过100个swipe-item的同学可能会发现低端机型会卡顿,使用小程序提供的组件满足不了业务的需求,多个swipe-item的使用场景是很多的,例如刷题,刷商品,刷视频等,刷商品swipe-item可能有上千个,这次的随笔就来分享如何实现一个高性能的swiper组件。 来源: https://www.cnblogs.com/shy-boy/p/12495603.html

优惠券设计

大兔子大兔子 提交于 2020-03-14 22:23:22
一、引子 促销活动的目的按对象可分为对用户、对产品、对公司;其中对用户的促销目的又可分为三种:拉新、促活、留存。 二、优惠券的生命周期 生成、审核、推广、发放/领取、使用、退还、统计/分析。 1. 生成 即创建一个你想要的优惠券,包含优惠券的类型、面额、有效期、使用门槛等。 (1)基本信息 类型:不同场景下需要有不同类型的优惠券来有针对性的去刺激消费者,基于不同场景初步可做以下几类: 新人券:面对新注册的客户,领取后满足使用条件即可抵扣xx元; 现金券:使用门槛较低,可直接使用抵扣xx元; 满减券:满xx元减xx元; 折扣券:满xx元打xx折; 免单券:使用该券面单; 包邮券:使用该券免邮费; 名称:方便活动运营人员标识,简洁明了的名称也可以直观吸引用户,了解活动大致内容。 面额:设置优惠券的面额,即可以减免多少的优惠金额,可设置为: 固定面额; 随机面额(设置面额区间)。 发放时间:这里发放时间指的是发放优惠券的活动时间区间,不要和优惠券的有效期弄混了。 发放总量:本次活动计划发放的优惠券总数量。 活动状态:活动状态可分为未开始、进行中、已结束。需要注意的是,已经发出去的优惠券,即时对应的活动是已结束,只要在优惠券的有效期内,是可以正常使用的。这点不要弄混了。 使用说明:对优惠券的一些使用说明和温馨提示,方便用户快速了解该优惠券的使用方法。 (2)领取门槛 客户

微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理

北慕城南 提交于 2020-03-14 17:51:48
前言:   小程序开发中诸如获取用户手机号码、调起微信支付、领取卡券等api都是会有一定的延迟的。也就是说通过点击按钮调用这些api的时候,从点击按钮调用api,到支付页面或者领取卡券界面展示出来是需要一定时间的,连续点击按钮,还是有可能会重复调用的。   虽然这种情况有点极端,正常用户是不会这么连续快速的点击按钮的,但是也不能排除有用户手抖,连续点了两下。如果重复调用的话,不仅体验不好,单击事件中涉及到后端接口操作的也可能引起其他异常。所以这个问题还是要处理下的。   刚开始想到的是使用loading开启模板来防止点击穿透,结果发现loading从调用到蒙板起作用也是需要一定时间的,还是解决不了这个问题(自定义loading加蒙板防点击穿透应该可以的)。后边就想到了采用给按钮添加启用/禁用状态来控制按钮点击的频率——点击按钮,按钮状态设置为禁用,一定时间之后,启用按钮可用状态。经多次验证,此法可行。 处理方法: 1. 设置按钮可用状态: Page({ data: { disabled: false //购买按钮是否可用,按钮默认可用,点击一次后置为不可用,一定时间之后恢复可用 }, /** * 购买按钮点击防重:禁用/启用 */ buyBtnDisable: function() { this.setData({ disabled: true }) var self = this

小程序获取授权手机号错误,无法被移除错误 Padding is invalid and cannot be removed

♀尐吖头ヾ 提交于 2020-03-14 15:37:14
一、出错说明 错误内容:Padding is invalid and cannot be removed 其次说一下为什么会第一次或间断性解密失败? 我开始的微信小程序代码 button 点击 -> 得到 iv,encryptedData -> wx.login -> 得到 code -> code,iv,encryptedData 发送服务器 -> 然后 code 得到 session_key 然后解密, 问题出在哪里呢,就出在点击 button 的地方,没有 wx.login 得到code 的时候,iv和encryptedData 就已存在一个session_key ,和之后得到的session_key 就不同了, 所以 在点击“获取信息”按钮 之前就应该先使用wx.login 得到code或者session_key,然后 点击 按钮 ,所以 在 onload 或者 onshow 里面 就应该 wx.login 得到 code或者 session_key 二、获取手机号接口调用解决方案: 1.在小程序 onload中 使用wx.login 获取code 2.在getphonenumber 事件中 获取iv,encryptedData 以及 code 的值去后台调用解密处理 3.在 后台相应成功后,调用 wx.login刷新code 小程序端代码: 1.onload 中 wx

实体店社交电商系统架构设计,兼顾导购管理及全渠道零售

て烟熏妆下的殇ゞ 提交于 2020-03-13 10:11:23
云集、拼多多上市,掀起社交电商行业热潮,传统电商受流量思维限制,获客成本攀升,难以拓展增量;传统实体门店受电商冲击,客流减少,业绩下滑。新零售让线上和线下打通,天网+地网深度融合;社交电商则利用人网+新零售,形成新的商业形态和生态闭环。新的商业模式,一定是经营人为核心,包括买的人,卖的人(商家+导购+创客+微商),本文探讨社交电商怎么做。 一、社交电商三大特征 1、流量获取 好友互动;跨平台分享;社交媒体; 2、销售场景 好友推荐;社群分享;达人推荐; 3、运营成本 销售成功支付推广费;用户成本低;复用私域流量池; 二、实体门店三大优势 1、地理优势:建立信任感 2、品牌优势:树立口碑形象 3、服务优势:购物配送方便 有和尚也有庙,基于实体店位置、供应链,可获取到最近的人,建立信任感,更好服务顾客利用社交关系,弥补实体店拉新获客,内容分发问题。 三、门店怎么做社交电商? (一)总体思路: 通过小程序+导购/创客端APP的轻型获客工具组合,开展轻量化数字营销;再结合全渠道ERP中台和门店智能UPOS销售系统,打通线上线下数据和场景。 第一步: 通过多版本小程序把顾客、商品、营销、交易数字化,实现门店在线化升级,转移存量。 例如: 快捷购物版小程序:实现门店扫码购、门店快送,如30分钟达; 导购社交版小程序:实现导购千店千面,轻量化运营; 裂变营销版小程序:实现拼团、砍价

零基础打造社区团购小程序

帅比萌擦擦* 提交于 2020-03-12 17:19:19
零基础打造社区团购小程序 前期需要准备的东西 1、 服务和域名(域名需要备案) 2、 营业执照(公司或个体都行) 3、 公众号和小程序(公众号需认证) 4、 微信支付商户号 一、服务器和域名 1.根据社区团购系统官方要求2U4G3M带宽以上配置,同时考虑商用200同时在线,建议带宽在5M以上。 2.域名: 没有域名的也可以在腾讯云注册,现在注册有免费送SSL证书。小程序连接后台服务器必须配置SSL证书,已经域名的也没关系,宝塔面板也支持申请免费SSL证书 域名购买成功后需要解析到服务器, 二、配置服务器环境 操作系统推荐选择linux系统,这里以centos7.6 为例。 服务器购买完成后,等待系统配置,完成后开始操作服务器。 操作linux服务器 需要使用SSH 连接工具,推荐下面两款软件。 PuTTY 下载:https://www.onlinedown.net/soft/2186.htm (注意这是64位软件,不是64位操作系统的去百度搜索下载32位的) WinSCP 下载:https://www.onlinedown.net/soft/20088.htm 下载安装以上两个软件 先从云控制台获取服务器IP,输入服务器IP地址没登记open,有跳出提示点“是”。 输入root,点击回车 输入你设置的密码,输入完成点击回车 (输入密码的时候界面不显示字符)

微信小程序scroll-view的scroll-into-view无效如何解决

为君一笑 提交于 2020-03-12 16:02:47
微信小程序scroll-view的scroll-into-view无效如何解决 最近在写小程序项目遇到这么一个问题:在使用scroll-into-view的时候无效。 在网上查了一遍,给出的答案有: 1.给scroll-view要设置高度,必须设置上scroll-y或者scroll-x为true(必须要的) 2.scroll-into-view初始化设置的时候,可能因为页面或者数据未加载不能跳转。需要在js里手动setData一下。 一顿操作猛如虎,一看还是没有效果。还是接着找原因吧。。 最后发现,原来是在给scroll-view设置高度的时候, 不能用%来设置高度 ,改成固定高度类似500rpx就可以了 最后贴上代码: < view class = "left" wx : for = "{{cateItems}}" wx : key = "{{cateItems}}" > < view class = 'title' bindtap = "navItem" > { { item . name } } < / view > < / block > < scroll - view class = "right" scroll - y = "true" scroll - into - view = "{{ intoindex }}" style = "height: 1100rpx;"