微信小程序
从基础开始,到完整开发结束
web前端 zxp
最近不在线,消息暂时无法回复
展开
-
微信小程序的路由
wx.switchTab(Object object) 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.reLaunch(Object object) 关闭所有页面,打开到应用内的某个页面wx.redirectTo(Object object) 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面wx.navigateTo(Object object) 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBa.转载 2020-07-29 21:53:13 · 193 阅读 · 0 评论 -
微信小程序页面生命周期
完整生命周期//生命周期--------------------------------------------------------------- onLoad: function (options) {}, //监听页面加载 //一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数 onReady: function () {}, //监听页面初次渲染完成 //一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交.原创 2020-07-29 21:40:32 · 331 阅读 · 0 评论 -
微信小程序 富文本 editor 初始化时设置默认值(亲测有效)
前提你已经布置好初始化内容(就是已经显示富文本了)找打初始化时执行的事件在你放富文本的 wxml 里面<view class="container" style="height:{{editorHeight}}px;"> //下面本来是一行,为了观看换为多行 <editor id="editor" class="ql-container" placeholder="{{placeholder}}" bindstatuschange="o原创 2020-07-24 20:44:18 · 4881 阅读 · 0 评论 -
微信小程序 调试器的 console提示框 的 无用黄色警告关闭 --- 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引
内容Sat Jul 11 2020 17:51:58 GMT+0800 (中国标准时间) sitemap 索引情况提示VM18961:1 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引效果:每当我们执行一次操作都要显示,没什么用还碍眼开发阶段可以关闭,但当我我们上线的时候建议再弄回去关闭找到 project.config.json下的checkSiteMap 改为 false效果图当我执行的时候只打印我想打印的东西.原创 2020-07-11 18:04:20 · 4623 阅读 · 0 评论 -
微信小程序 通过点击事件将参数传递给要执行的函数
说明通过 bindtap 触发点击事件通过 data-xxx 传递数据通过 e.currentTarget.dataset.xxx 接收数据触发事件,传递数据<view wx:for="{{result}}" wx:key="index" bindtap="tapName" data-num="{{index}}">说明:通过 for遍历其他地方得到的数据通过 bindtap="tapName" 触发在 js 中的 tapName方法通过data-num="{{.原创 2020-07-11 17:27:42 · 1532 阅读 · 0 评论 -
微信小程序 实现搜索功能
阅读说明采用了组件的技术点来整理代码使用到了数据库操作使用到了 input 标签书写了 loading 加载中等操作涉及到了组件的传值仅供参考search 页面 书写请求界面<view> <view class="select"> <input type="text" placeholder="{{subtitle}}" value="{{search}}" bindchange="handlerSearch" /> </v.原创 2020-07-02 21:45:31 · 7141 阅读 · 2 评论 -
微信小程序 云开发 调用云函数并传参
传参在调用 云函数的时候有一个 data 能够传递参数 async development(){ let res = await wx.cloud.callFunction({ name:"ceshi", data:{ //传递 a:1, b:2 } }) console.log(res) }接受在 云函数中有一个 event 可以接受传递过来的参数可以接受 data 传递过来的.原创 2020-07-02 12:07:12 · 7136 阅读 · 0 评论 -
微信小程序 云开发 云函数调用数据库并且实现对参数的操作
微信小程序 云开发 云函数创建及应用微信官方文档链接数据库// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init({ //设置云环境,有一个的话就是默认不用写,但最好写上 env:"text-modle-t3tox" //云 ID})const db = cloud.database() //链接数据库对数据进行操作(以添加为例)注意:在云函数中是可以进行多条插入的// 云函数.原创 2020-07-02 11:42:57 · 3443 阅读 · 0 评论 -
微信小程序 云开发 云函数创建及应用
云函数的创建新建的云函数已经初始化完成了云函数功能书写云函数的上传上传成功此时云服务里面就可以看到对应的云函数云函数的调用 async development(){ //这个是事件函数,我点击调用的 let res = await wx.cloud.callFunction({ //因为是请求异步,所以用上 async await name:"ceshi" //请求的云函数名称 }) c..原创 2020-07-02 11:23:13 · 1312 阅读 · 0 评论 -
微信小程序 云开发 根据数据的数字进行查找(大于/小于/等于)
说明官方文档说明eq 指令比对象的方式有更大的灵活性,可以用于表示字段等于某个对象的情况(可以是 number, boolean, string, object, array, Date)neq 表示字段不等于某个值,和 eq 相反lt 找出进度小于 xxlte 找出进度小于或等于xxgt 找出进度大于 xxgte 找出进度大于或等于xxin 找出进度为 x 或 xxnin 找出进度不是 x 或 xx 引用指令const _ = d.原创 2020-07-01 20:08:16 · 4751 阅读 · 0 评论 -
微信小程序 云开发 上传图片
说明在微信小程序里面,在我们初始化好程序的那一刻,微信已经自动生成了一个页面就是 index 页面,这里面有一个 上传图片功能(已经写得很完整了),直接拿过来使用就可以了代码展示在下面 ------------- 点击直达官方文档说明地址如何获取代码ctrl + c / ctrl +v注意:const cloudPath = 'my-image' + Date.now() + filePath.match(/\.[^.]+?$/)[0] //上传图片的名字自带的只是上.原创 2020-07-01 19:20:02 · 2583 阅读 · 0 评论 -
微信小程序 云开发 对数据库的增删改查(基础版)
前提官方说明文档需要先引入数据库const db = wx.cloud.database() //直接复制即可,无需添加其他东西寻找增删改查的代码模板(自己写太麻烦,复制简单快)增加只能添加一条,添加多条的话请百度查询(ps:我没找到,要不然就放链接了)可以试试 for 循环,当然可能会触发超时的事件外面的是函数,当我点击的时候执行 增删改查 等工作add(){db.collection('test') //这里是你的集合的名称 .ad.原创 2020-07-01 17:52:28 · 1382 阅读 · 0 评论 -
微信小程序 云开发初始化(第一次操作)
新建项目云开发初始化按照步骤做就可以(非常简单)绑定环境新建完环境以后可能不会出现,重启一下就可以了上传并部署到这一步已经算布置完成了,也可以再部署一下环境云环境选择当你有多个云环境的时候云 ID在这里:...原创 2020-07-01 15:56:36 · 1126 阅读 · 0 评论 -
微信小程序 封装自定义组件
官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/api/Component.html新建组件建议在根目录新建一个用于存放组件的文件夹注册组件可以全局注册也可以局部注册全局注册写在 app.json 里即可局部注册写在对应页面 的 json 文件中直接写在根部的 {} 即可,上面没有其他包裹 "usingComponents":{ "product":"/componen.原创 2020-07-01 12:03:30 · 1307 阅读 · 1 评论 -
微信小程序 页面跳转时导航栏标题显示加载中,结束时显示对应标题
效果图第一步 ------------ 设置加载中的导航栏标题 (完整参考代码在对下面)在当前页面的 json 中文件设置{ "usingComponents": {}, "navigationBarBackgroundColor": "#000", //导航栏颜色 "navigationBarTextStyle":"white", //字体设置 "navigationBarTitleText": "加载中..." //在这里设置⬅⬅⬅⬅⬅⬅}.原创 2020-06-30 20:18:54 · 1599 阅读 · 0 评论 -
微信小程序请求端口的书写的两种方式 (内部直接请求/外部创建请求函数进行调用)
请求的关键字 wx.request(Object object)官方使用说明文档注意:在微信小程序里面是不存在跨域的问题的内部直接请求wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.原创 2020-06-29 20:32:01 · 1542 阅读 · 0 评论