分类归档

小程序

FWQ
小程序
微信开发个人帐号申请的流程
个人账号与企业帐号相比,缺少支付等功能,与个人订阅号类似。 小程序开放个人开发者申请注册,个人用户可访问微信公众平台,扫码验证个人身份后即可完成小程序帐号申请并进行代码开发。 下面我们就来说说个人小程序的申请流程 1.首先进入微信公众平台微信公众平台,第一次使用点击立即注册(注意,以前有公众号的,需要重新注册小程序的这个类别,邮箱也是未注册过的才可以) 2.进入选择注册的账号类型 小程序可以看作是一种特殊的公众号,在微信开放平台的第三方平台那一栏拿它与公众号同等对待的。 3.然后进行注册信息,邮箱的填写,还有下一步的实名认证的操作,按照步骤一步一步来(注意一个邮箱只能申请一个小程序,推荐用163邮箱,可以注册五个) 4.以上步骤操作完成后,进入微信公众号首页登陆 5.然后用绑定的微信号扫一扫验证身份 6.进入后在设置->基本设置 完成小程序的设置 7.基本设置完成后,复制小程序ID 8.下载小程序开发工具下载地址为 下载 · 小程序 按照就不多说了,然后打开开发工具,扫一扫进行身份验证 9.选择调试类型 “本地小程序项目” 10.首次开发小程序点击添加项目 11.这时候第7步的小程序ID就起到了作用,将小程序ID复制到APPID,所有信息完成后,点击添加项目就OK了 12,创建quick start项目(对新手很重要) 上一步中,项目目录选择一个空的目录,下方会出现一个quick demo的选项,选中它,工具为自动为你创建一个小程序示例,可以直接运行的。 以上12步,我们完成了个人小程序的注册和初步开发的准备工作。 【相关推荐】 1.…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序下的单怎么退款?
方法:首先在微信中打开小程序,点击“个人中心”;接着点击“待发货”;然后点击“申请退款”按钮,选择“退款理由”,选择“提交申请”;最后等待卖家回复,等待退款即可。 操作方法:以拼多多为例,打开微信中的拼多多小程序,点击页面右下角的“个人中心”,点击页面上方的“待发货”,点击申请退款按钮,选择退款理由,选择提交申请,等待卖家回复,之后等待退款即可。 软件使用技巧: 1、拼多多可以查看消费记录,如果需要查看,打开软件,点击个人中心,点击全部订单,进入订单页面,可以查看购买记录。 2、拼多多可以点评商品,打开软件,点击页面底部的“个人中心”,点击待评价,找到需要评价的商品,输入评价即可。 3、拼多多可以使用果园功能,打开软件,点击个人主页,进入软件的个人主页,点击多多果园,可以种植果树,收获的作物可以兑换奖励。 4、拼多多具有极速退款功能,如果用户信用比较好,可以使用极速退款功能。 资料拓展:2015年9月,拼多多正式上线。2016年9月,拼多多与拼好货宣布合并。2018年7月26日,拼多多正式登陆美国资本市场,2018年10月,国美电器与拼多多已展开合作。 推荐教程:《》 以上就是微信小程序下的单怎么退款?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序之模块化详解
文件作用域 在javascript文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。 通过全局函数getApp()可以获取全局的应用实例,如果需要全局的数据可以在App()中设置,如: // app.jsApp({   globalData: 1}) 登录后复制 // a.js // The localValue can only be used in file a.js.var localValue = 'a' // Get the app instance. var app = getApp() // Get the global data and change it. app.globalData++ 登录后复制 // b.js // You can redefine localValue in file b.js, without interference with the localValue in a.js. var localValue = 'b' // If a.js it run before b.js, now the globalData shoule be 2. console.log(getApp().globalData) 登录后复制 我们可以将一些公共的代码抽离成为一个单独的js文件,作为一个模块。模块只有通过module.exports才能对外暴露。 需要注意的是: exports 是 module.exports 的一个,因此在模块里边随意更改 exports 的指向会造成未知的错误。所以我们更推荐开发者采用 module.exports 来暴露模块接口,除非你已经清晰知道这两者的关系。 小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中。 // common.js function sayHello(name) {   console.log('Hello ${name} !') }…
2024-11-25 阅读全文 →
FWQ
小程序
什么是懒加载?小程序中图片懒加载的两种实现方法
本篇文章给大家带来的内容是关于什么是懒加载?小程序中图片懒加载的两种实现方法 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 定义 懒加载,前端人都知道的一种性能优化方式,简单的来说,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。 实现原理 监听页面的scroll事件,判读元素距离页面的top值是否是小于等于页面的可视高度 判断逻辑代码如下 element.getBoundingClientRect().top 我们知道小程序页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件。 所以关于图片懒加载就需要在数据上面做文章了。 页面 页面上面只需要根据数据的某一个字段来判断是否显示图片就可以了,字段为Boolean类型,当为false的时候显示默认图片就行了。 代码大概长成这样 <view wx:for="{{list}}" class='item item-{{index}}' wx:key="{{index}}"> <image class="{{item.show ? 'active': ''}}" src="{{item.show ? item.src : item.def}}"></image>…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序 textarea 的使用方法
这篇文章主要介绍了微信小程序 textarea 详解及简单使用方法的相关资料,这里附有实现实例代码,及解决textarea没有bindchange事件,无法在输入时给变量赋值的方法, 需要的朋友可以参考下 微信小程序 textarea 简易解决方案 微信小程序中textarea没有bindchange事件,所以无法在输入时给变量赋值。 虽然可以使用bindblur事件,但是绑定bindblur事件,如果再点击按钮,则先执行完按钮事件后,再去执行bindblur事件,所以在js文件取不到输入值, 解决方法:结合from表单,textarea文本框输入后,再去点击提交按钮,这时会先执行textarea事件(获取文本框输入内容),再去执行数据提交,这样问题就解决了 wxml文件代码: 登录后复制               提交   js文件代码: var app = getApp(); Page({  data:{    evaContent  : ''  },  onLoad:function(){  },  onReady:function(){   // 页面渲染完成  },…
2024-11-25 阅读全文 →
FWQ
小程序
一起看看小程序开发小游戏注意事项
今天研究小游戏开发,总结了一些自己遇到的问题 : 一. 注册appId        用小程序开发的小游戏跟用小程序开发其他项目不是公用的一个appId        如果你现在的小程序账号已经选了别的类目(非游戏),那你就需要另外注册一个账号来单独申请小游戏appId了.步骤跟你注册别的类目是一样的,选择类目的时候选择游戏就可以了(必须重新申请,已经注册过别的类目的账号里面是没有游戏这一项的)         相关免费学习推荐: 二. Adapter       小游戏开发语言还是javascript,但是因为小程序的运行环境是没有DOM和BOM的,也就是没有document和window对象,这个时候微信转门为小程序开发封装了一个js文件weapp-adapter.js( 其实就是模拟DOM和BOM的API的适配层 ),叫做Adapter, 可以了解: https://developers.weixin.qq.com/minigame/dev/tutorial/base/adapter.html,同时Adapter,也作为游戏引擎适配层,使小游戏中可以使用基于HTML5 的游戏引擎    …
2024-11-25 阅读全文 →
FWQ
小程序
.net微信公众号开发消息与事件
本文介绍如何处理微信公众号开发中的消息与事件,包括:(1)消息(事件)概况;(2)验证消息的真实性;(3)解析消息;(4)被动回复消息;(5)发送其他消息。1 消息(事件)概况     当普通微信用户向公众号发消息或者微信服务器向公众号推送事件时,微信服务器将POST消息(事件)的XML数据包到开发者填写的公众号服务器URL上;公众号服务器然后对消息作出响应。1.1 消息的流转过程    为了便于区分,我们将微信服务器发往公众号服务器的消息称为请求(Request)消息;将公众号服务器发往微信服务器的消息称为响应(Response)消息;将推送事件看成特殊的请求消息。    请求与响应消息的流转过程如下图所示: 1.2 请求消息    请求消息有很多种,我们为其一一建立了对应的类,类层次结构如下图所示: 有些请求消息,我们可以做出响应,有些则不能,详见下表: 消息类型 是否事件 能够被动回复 备注 文本 × √   图片 × √   声音…
2024-11-25 阅读全文 →
FWQ
小程序
详解微信小程序开发相册选择和拍照实例代码
这篇文章主要详解微信小程序开发相册选择和拍照实例代码的相关资料,需要的朋友可以参考下 微信小程序 拍照和相机选择详解 前言: 小程序中获取可通过两种方式得到,第一种是直接打开微信内部自己的样式,第一格就是相机拍照,后面是图片,第二种是弹框提示用户是要拍照还是从相册选择,下面一一来看。 选择相册要用到wx.chooseImage(),具体参数如下: 直接来看打开相机相册的代码: Page({  data: {   tempFilePaths: ''  },  onLoad: function () {  },  chooseimage: function () {   var that = this;   wx.chooseImage({    count: 1, // 默认9     sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有     sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有     success: function (res) {     // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片      that.setData({      tempFilePaths: res.tempFilePaths     })    }   })  }, })…
2024-11-25 阅读全文 →
FWQ
小程序
小程序中搜索功能的实现方法(代码)
小程序中搜索功能是非常重要的,毕竟有了搜索功能会给该用户很大的方便,下面我们就来看看小程序中如何实现搜索功能。 1.页面 <!--pages/review/search/search.wxml--> <view class="page"> <view class="weui-search-bar"> <form bindsubmit="searchA" class="weui-search-bar__form" style="background-color:#eee;position:relative;"> <view> <view class="weui-search-bar__box"> <icon class="weui-icon-search_in-box" type="search" size="14"></icon> <input type="text" class="weui-search-bar__input" name="keyword" confirm-type="search" bindconfirm="searchB" placeholder="搜索姓名、节目名、年份、老师名" value="{{inputVal}}" focus="{{inputShowed}}" bindfocus=""…
2024-11-25 阅读全文 →
FWQ
小程序
小程序中如何实现小圆球的导航 (代码)
本篇文章给大家带来的内容是关于小程序中如何实现小圆球的导航 (代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 wxml <!-- 导航 --><view>     <view>         <image></image>         <view>{{item.name}}</view>     </view></view> 登录后复制 wxss /* 导航 */ .navBox{     display: flex;         flex-wrap: wrap;         height: 450rpx;         background: #fff;         margin-top: 15rpx;         padding: 20rpx 0;         box-sizing: border-box;         font-size: 9pt;     } .navBtn{      width: 25%;         text-align: center;          padding-top: 15rpx;          box-sizing: border-box;…
2024-11-25 阅读全文 →