小程序
文章平均质量分 66
淘淘是只狗
努力码代码,给我的淘淘挣狗粮
展开
-
微信小程序使用云函数
一开始初始化的界面// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => {}使用 tcb-router + request-promise 将数据请求转换为 async,await 风格。// 云函数入口文件const cloud = require('wx-server-sdk')const TcbRoute原创 2021-09-20 15:11:32 · 378 阅读 · 0 评论 -
kbone入门学习
1, Kbone 简介小程序作为一种新兴地链接用户与服务的方式,相信大家都或多或少接触过。对于开发者来说,它是一种类似 Web 但又不同于 Web 的开发模式,它提供了一套自定义的 API 和文件组织方式,这无疑带给开发者一定的学习成本和维护成本,所以我们也在尝试能否提供一个方案来抹平这个差异。——引自Kbone作者june在云加社区微信群中的分享随着小程序的发展,Web 端和小程序同构的呼声也越来越大,为此微信官方提供了 Kbone 这一套方案。旨在让开发者可以用最熟悉的方式来完成一个多端 APP 的原创 2020-05-20 08:36:46 · 945 阅读 · 0 评论 -
微信小程序架构分析
一,微信小程序是啥本质其实就是(混合)的app 介于web app与native 原生app之间,具备丰富的调用手机各种功能的接口,同时又具备灵活性,跨平台。1. 运行环境差异微信小程序运行在三端:iOS、Android 和 用于调试的开发者工具。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的:在 iOS 上,小程序的 javascript 代码是运行在 JavaScriptCore 中,是由 WKWebView 来渲染的,环境有 iOS8、iOS9、iOS10 。在 Andro.原创 2021-05-19 20:13:38 · 15007 阅读 · 7 评论 -
微信小程序封装音乐播放器组件
微信小程序的官方文档中,已经有 audio 组件。<!-- audio.wxml --><audio poster="{{poster}}" name="{{name}}" author="{{author}}" src="{{src}}" id="myAudio" controls loop></audio><button type="primary" bindtap="audioPlay">播放</button><button原创 2021-04-15 15:21:57 · 1561 阅读 · 0 评论 -
微信小程序云开发之那些必须的配置
用微信开发者工具开发小程序非常的方便。但是里面有几点是需要注意的项目的目录一定是空文件夹。APPID 可在微信公众平台中获取。如果是云开发的话,记得不要选测试号。不然构建好的项目中,是没有云开发这个选项的。创建好项目之后,点击 云开发 按钮,填好信息,就可以愉快的进行开发了。之后的项目开发中,使用到 云开发时,记得打开这个 云开发,不然调用是会报错的。项目初始化好之后,在根目录下的 app.js中,填写 env: '云环境ID'项目目录如下使用云开发之前,要指定云开发环境这个过程可.原创 2020-08-19 21:02:29 · 660 阅读 · 0 评论 -
微信小程序中使用 token 验证及解决error code”:40029, invalid code
1.首先获取 token这里需要服务端的配合,要么自己写一个,要么找一个,在需要使用 token 验证的界面onGetToken() { wx.login({ success: (res) => { if (res.code) { wx.request({ // 获取 token 地址 url: 'http://localhost:3000/v1/token', method原创 2020-08-05 21:08:20 · 2617 阅读 · 0 评论 -
微信小程序中使用 iconfont 图标的四种方法
1. 先去 iconfont 官网选择自己需要的图标,添加到项目中点击红框在浏览器中输入地址,得到的文件另存为 iconfont.wxss,放入项目的根目录下打开 app.wxss@import "iconfont.wxss"现在分两种情况,第一种是在 pages 下的 .wxml 中使用,第二种是在 components 下的 .wxml 中使用。第一种<text class="iconfont icon-fabu"></text>后面的名称可以在 i原创 2020-07-20 20:24:33 · 6637 阅读 · 0 评论 -
微信小程序云开发遇到的 bug
1. 微信小程序云开发|Error: ResourceNotFound.FunctionName, FunctionName 指定的资源不存在。 (ba44dbba-7730-4209-9a18-6111f手动创建一个空的文件夹(名字与要上传的文件夹名字相同!!!)之后重新上传你的文件夹就解决了。2. Uncaught (in promise) Error: errCode: -501005 invalid env | errMsg: Environment not found这个填的是环境的原创 2020-07-18 16:57:15 · 2327 阅读 · 0 评论 -
mpvue项目使用 mpvue-router-patch插件不生效
我猜我应该是为数不多遇到这种情况的人,使用 mpvue-router-patch不生效怎么说不生效呢?就是触发点击事件,然后页面不跳转。这个一开始让我感到很奇怪。在里面打印一段话,是可以打印出来的。声明点击这个事件是触发的,但是页面并没有跳转。之后,我重新 npm install ,发现结果是一样的。还是不能跳转。我以为是自己初始化项目的时候出现问题,所以我重新初始化一遍,结果是,还是不能触发...原创 2020-04-04 17:48:57 · 451 阅读 · 0 评论 -
mpvue + express + MongoDB + flyio 实现数据请求
这篇文章涉及的东西有点零散mpvue 搭建微信小程序 链接Node + Express + MongoDB 搭建后台服务链接基于express 实现商品的插入和查询 链接这篇文章是基于这些之上的请求是基于 flyio 的,使用之前,对 flyio 进行封装src/utils/request.jsfunction createFly () { // mpvue框架提供的全局变量,判...原创 2020-04-03 16:32:52 · 179 阅读 · 0 评论 -
微信小程序之tabbar配置
微信小程序官方文档链接配置 tabbar 要在 app.json 里面配置{ "pages": [ "pages/index/main", "pages/classify/main", "pages/cart/main", "pages/me/main" ], "window": { "backgroundTextStyle": "light...原创 2020-04-03 16:00:43 · 556 阅读 · 0 评论 -
微信小程序之image标签处理
说实话,感觉微信小程序里面的这个 image 标签这是让我挺头疼的。今天想要把图片展现出现<div class="banner-wrapper"> <p class="img1"> <image :src="'https://cdn.pixabay.com/photo/2020/03/27/04/04/ornamental-cherry-4972439_...原创 2020-04-03 14:38:18 · 2430 阅读 · 0 评论 -
使用mpvue搭建微信小程序
vue版本 3.0.4 node 12.15.0 npm 6.13.41. 脚手架工具搭建vue init mpvue/mpvue-quickstart my-projectmy-project 是自己项目的名称2.配置相对应的参数Project name (mpvue-love) mpvue-love? Project name mpvue-love? wxmp appi...原创 2020-02-10 14:39:55 · 495 阅读 · 1 评论