分类归档

小程序

FWQ
小程序
详解微信小程序左右滑动切换页面
微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend。 这三个事件最重要的属性是pageX和pageY,表示X,Y坐标。 touchstart在触摸开始时触发事件;touchend在触摸结束时触发事件;touchmove触摸的过程中不断激发这个事件; 这三个事件都有一个timeStamp的属性,查看timeStamp属性,可以看到顺序是touchstart => touchmove=> touchmove => ··· =>touchmove =>touchend。 第一步:在wxml文件中绑定事件(需要左右滑动的界面) <view>  // do something </view> 登录后复制 第二步:在js文件中处理左右滑动逻辑 var touchDot = 0;//触摸时的原点 var time = 0;// 时间记录,用于滑动时且时间小于1s则执行左右滑动 var interval = "";// 记录/清理 时间记录 var nth = 0;// 设置活动菜单的index var nthMax = 5;//活动菜单的最大个数 var tmpFlag = true;// 判断左右华东超出菜单最大值时不再执行滑动事件 // 触摸开始事件 touchStart:function(e){    touchDot = e.touches[0].pageX; // 获取触摸时的原点   // 使用js计时器记录时间  …
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序关于组件的hidden属性的使用建议
1,先看一个作者的实验 微信官方文档里有提到,hidden是所有组件都有的属性,在实际编码中发现,它的表现与描述不能完全想符。 例如如下布局: 你会发现hidden没生效。 经实验发现hidden元素对块状布局才生效,所以这段代码里导致hidden没生效的罪魁祸首是display:flex,把这个去掉就可以了。 为了验证作者说的话,我翻了css文档,一一实践了所有display样式可能的值: 值    描述     none    此元素不会被显示。     block    此元素将显示为块级元素,此元素前后会带有换行符。     inline    默认。此元素会被显示为内联元素,元素前后没有换行符。     inline-block  …
2024-11-25 阅读全文 →
FWQ
小程序
详解python自定义模块、包
1、保存一个hello.py文件在f:/data/目录下 hello.py >>> def hello(x): print x 登录后复制 目录 立即学习“”; 导入 >>> import sys>>> sys.path.append('F:/data/python') #添加路径,此添加是一次性的>>> import hello>>> hello.hello(5) #调用5 登录后复制  2、不改变sys.path导入自定义模块: 第一种方法:将hello2.py文件放在D:/Python27/lib/site-packages目录下 >>> import sys,pprint>>> pprint.pprint(sys.path) ['',…
2024-11-25 阅读全文 →
FWQ
小程序
小程序审核在看什么
小程序审核在看什么呢?代码还是功能?审核规范是怎样的呢?下面一起来看下吧! 小程序审核在看什么 1、看帐号基本信息是否侵权、是否规范 小程序名称、简介、logo、服务范围、服务标签、账号基本信息文字均不得: (1)侵犯他人权益(著作权、商标权、肖像权、名誉权等)。包括但不限于,使用或包含不属于该小程序主体的品牌或商标、标识等内容或与之相似的内容、信息、特殊角标。示例:检查名称、简介中是否含有该小程序不属于该帐号的权益。 (2)含有商业化用语的、热门小程序名称、“国家级”、“最高级”等新广告法明令禁止或其他无关的词语。 (3)含有政治、色情、敏感、暴力血腥、恐怖、其他国家法律法规禁止的词汇及违法内容。 2、看小程序名称、简介及头像logo 小程序名称、简介: (1)小程序的简介需明确介绍小程序的功能点,不能使用模糊的词义表达,比如:该小程序旨在提高用户的生活品味、该小程序旨在提高用户的购物体验。示例:能在简介中提炼该小程序的几个功能点。 (2)名称、简介的信息表达的意思必须有关联,具有一致性,并应与实际提供的功能一致,不含有与功能无关的搜索热词。示例:简介中能找到小程序名称或者分拆出来的词汇。 (3)小程序名称不能以电话、邮件、日历等广义归纳类、普遍且不具有识别性词语来命名。示例:名称不是是单词汇,必须是两个词以上的组合,当无法判断时,审核人员可主观判断。 小程序头像 logo: (1)小程序头像 logo 清晰度不够时,不予通过。示例:无法看清、分辨、识别图片中包含的各个元素,如:文字、物体、形状等。 (2)小程序头像logo应与名称、简介保持一致 小程序的服务范围和服务标签: 小程序所设置的服务标签,应与所选的服务范围保持一致。标签不能超出服务范围。示例:服务范围是家政,服务标签是美食。 3、看小程序服务类目是否正确 服务类目是指开发者按照小程序所提供的服务类型和所涉及的服务内容,在平台提供的分类分级表格中选择对应的行业范围。 小程序的类目要和自身所提供的服务一致。不存在违法违规或不符合与腾讯所签署的相关协议、腾讯公布的相关规则、规范等内容。 4、对小程序整体审核规则 小程序所实际提供的功能点,需与小程序的简介一致。; 小程序所提供的所有服务类目功能,必须在小程序首页得到体现; 小程序实际所提供的服务不得属于尚未开放的服务范围; 小程序中若存在隐藏或付费功能,开发者提供的测试号需可完整呈现和体验该功能;…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序的授权登录流程讲解
这篇文章给大家分享的内容是关于小程序的授权登录流程讲解,有一定的参考价值,有需要的朋友可以参考一下。 公司业务开展,最近完成了一个微信小程序的开发。场景是这样:同一微信开放平台下拥有相同主体的APP和微信小程序来完成同样的业务,用户进入app或者微信小程序时必须获取用户的unionid来确认当前的用户身份,完成登录。小程序“获取用户信息”api(getUserInfo)的调用方式和之前相比有了较大更新,优雅的实现用户授权和登录非常重要,以下是我在微信小程序授权登录相关流程在开发时候的实现思路和总结,分享如下。 一、微信小程序登录流程时序 说明: 小程序调用wx.login() 获取 临时登录凭证code ,并回传到开发者服务器 开发者服务器以code换取 用户唯一标识openid 和 会话密钥session_key。 临时登录凭证code只能使用一次 什么是openid? 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯一的。对于不同公众号,同一用户的openid不同)。——微信公众平台开发者文档 普通用户的标识,对当前公众号唯一 不同的公众号,同一个用户,openid不同 你可以简单的理解为 openid = hash(uid + app_id) 登录后复制 什么是unionid? 如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的unionid是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的。UnionID机制说明 如果开发者在多个移动应用、网站应用和公众帐号之间有统一用户账号的需求,需要前往微信开放平台(open.weixin.qq.com)绑定公众号后,便可利用UnionID机制来满足上述需求。 一个微信开放平台帐号下可以有多个移动应用,网站应用,公众账号和小程序…
2024-11-25 阅读全文 →
FWQ
小程序
微信封面红包怎么注册申请与设置制作(2021最新视频+图文)
2021年很火的微信封面红包是怎么注册申请的呢?注册成功后又是怎么设置制作的呢? 开通微信封面红包必须满足以下两个条件中的一个才具有申请开通权限:1. 若是个人,必须是已经开通视频号且完成兴趣认证或者职业认证;2.若是企业,则需要完成公众号服务号或者订阅号认证。 本教程操作环境:windows10系统、微信开放平台、Dell G3电脑。 若是具体以上条件,那就可以开始申请了! 今天小编全程演示一遍: 一:微信封面红包怎么注册申请 第1步:百度搜索“微信封面红包开放平台”,点击打开如下网址 第2步:点击右上角【注册】,点击【下一步】,点击【同意】,到达【选择认证类型】 本演示选择的是【企业认证】,点击【下一步】 第3步:完善注册信息,输入邮箱,发送验证邮寄后,接收后点击邮箱发送的激活链接 第4步:用微信公众号管理员的微信扫描生成的二维码 第5步:扫描后,选择要注册的公众号,我们这里选择的是【米云教程】公众号,点击【完成认证】 这样,微信封面红包平台就注册申请完成了 二:微信封面红包怎么设置制作 第1步:点击下载设计模板(PSD文件) 第2步:点击【去定制】,按照要求完善信息 第3步:重点是封面素材的制作,使用之前下载的封面PSD模板,进行设计即可 以上就是微信封面红包怎么注册申请与设置制作(2021最新视频+图文)的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序MUI数字输入框效果的实现方法
本文主要为大家详细介绍了微信小程序实现mui数字输入框效果,我们会以代码的示例来教大家,希望大家能根据这个实现思路来完成自己的mui数字输入框效果。 WXML <view>  <view>默认</view>  <view>  <view>   <button>-</button>   <input>   <button>+</button>  </view>  </view>  <view>限定最小值0,最大值10</view>  <view>  <view>   <button>-</button>   <input>   <button>+</button>  </view>  </view></view> 登录后复制 WXSS .tui-number-group{  display: table;  table-layout: fixed;  width: 300rpx;  text-align: center;  border-radius: 6px;  border: 1px solid #bbb;…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发之图片拖拽功能的实现
本文主要和大家分享微信小程序开发之图片拖拽功能的实现,拖拽功能我们会经常遇到,希望能帮助到大家。 1.编写页面结构:moveimg.wxml <view><view><image></image></view></view> 登录后复制 2.编写页面样式:moveimg.wxss .container {     box-sizing:border-box;     padding:1rem; }  .cnt{     width:100%;     height:70%;     border: 1px solid #ccc;     position:relative;     overflow: hidden;     z-index:9999; } .image-style{ -webkit-transform:translate(-38px,0px);   } 登录后复制 3.设置数据:moveimg.js var app = getApp() Page({ data: {      imgwidth:0,     …
2024-11-25 阅读全文 →
FWQ
小程序
分享几款常用的小程序开发框架
小程序是现在非常火的一个项目,它是一种全新的连接用户与服务的方式,很多人都试着开发一个属于自己的小程序。 那么我们个人该如何快速开发出属于自己的小程序呢?下面就为大家介绍一下几款常用的小程序开发框架。 1、WePY 腾讯官方开源的小程序组件化开发框架,目前有1.4w+Star ,一直在更新着,社区活跃,掉坑能快速的找到方法爬出来。 特性 wepy开发资源汇总 GitHub:aben1188/awesome-wepy 里面有大量的开源项目,开源组件,相关工具,相关文章。同学们不用重复造轮子了,有需要的直接用,加快开发速度~ 2、MpVue 美团出品,使用 Vue.js 开发小程序,从底层支持 Vue.js 语法和构建,目前有1.3w+Star 。框架基于 Vue.js 核心,熟悉Vue的同学可以快速上手。 美团火车票12306抢票、美团汽车票 和 美团充电都是mpvue开发的。 特性: 小编有几个项目都使用了这个框架,还开源了一个,送上GitHub地址“SmallRuralDog/cloud-doc-v2” 3、Taro 京东出品,使用 React 语法规范来开发小程序,目前 9k+Star 它不仅可以开发小程序,还可以开发H5、React Native的端,一套代码,打包成不同的客户端,要不要这么强!!…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发入门(十)登录态维护
》什么是登录态? 所谓登录态,就是程序在运行时,能够识别当前用户,能够证明自己的唯一性且合法。 我们知道,WEB服务器通过浏览器携带的获取来判断是否是同一用户(或浏览器);Restful服务通过客户端传过来唯一ID,来识别调用用户。 》为什么需要维护登录态? 有自身用户体系的应用 用户敏感数据,只对用户可见 涉及用户相关的业务,比如我的订单、个性化推荐等 》小程序登录态维护实现流程 通过wx.login获取登录态。 通过登录返回的code发送给服务器,服务器用code换取session_key和openid后。 获取session_key后一般使用缓存框架保存登录态,服务端随机生成一串唯一字符串3rdSessionId为key,session_key为value组成键值对并存到缓存当中,缓存时间视情况自行决定。 将3rdSessionId返回给客户端 客户端将3rdSessionId缓存到localStorage中,后续接口从缓存中读取3rdSessionId,传递给服务器;服务器根据3rdSessionId来判断用户身份。 如果服务器根据3rdSessionId在缓存中查找是否存在session_key,如果存在正常执行;如果不存在小程序未登录,重新从第一步流程走。 以上流程是官方推荐使用的流程,并不是维护登录态的唯一途径。 另外,你也可以在小程序中使用wx.checkSession()检查登录态是否过期。如果过期重新调用wx.login接口。session_key在微信服务器有效期是30天,建议服务端缓存session_key不超过30天。 【相关推荐】 1. 2.  3.  以上就是微信开发入门(十)登录态维护的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →