-
Taro 小程序路由全自动配置
2021/1/5 14:52:55
前言 使用过 Umi 框架的人一定会对它的约定式路由印象深刻。在约定式路由模式下，pages 目录下新建文件，其他页面即可直接书写链接进行跳转。 Taro 框架中自带了路由功能，但是每新建一个页面文件后，需要在 app.config.ts 文件中配置页面地址，在进行页面跳转时，还需要带上长长的一串链接，书写麻烦的同时还容易出错。 navigateTo({ url: `/package-appointment/pages/m... -
微信小程序转换器（四）—— 异步loader实现
2021/1/5 14:52:53
loader递归调用修改 判断loader返回值是否为promise，是就等待promise完成，得到值，否则直接获取返回值。 async function useLoader(source, loaders = []) { //...省略loader过滤阶段,假设loaderList = loaders const loaderList = loaders async function runLoader(source, loaderList) { const loader = loaderList.pop() let ne... -
使用uniapp开发字节跳动小程序的微信支付和支付宝支付
2021/1/5 14:52:51
使用uniapp开发字节跳动小程序的微信支付和支付宝支付（后端PHP,tp5） 准备工作 微信支付配置支付宝支付配置字节跳动配置 1，微信支付配置： 开通微信支付的h5支付，关联APPID，保存key，商户ID（mch_id ），配置回调域名，记得把字节跳动的回调域名也写进h5支付的域名配置当中：snssdk.com 2，支付宝支付配置： 开通支付宝的app支付，在网页&移动应用中创建一个应... -
uni-app 在小程序平台支持 vue 3.0 框架
2021/1/4 11:59:50
简介 随着 vue3 的发布，uni-app 也逐步支持 vue3。 目前小程序平台已支持，h5、App 平台暂不支持。 除支持 vue3 语法特性外，uni-app 特有的生命周期钩子支持 Composition API，如 onLaunch，onShow，onLoad… 下面介绍创建支持 vue3 的 uni-app 项目的流程，以及使用中的一些注意事项。vue3 相关问题请关注vue官方文档 vue3 中文文档。创建支持 vue3 的 uni-app 项目... -
uniapp实现微信小程序支付功能
2021/1/4 11:59:48
我这个项目是一个外卖小程序 首先要做支付功能，需要两个条件 1.必须是企业，个人用户不行 2.去微信支付平台提交资料审核 首先封装网络请求 api.js // 引进提示 import {errdata} from 'api/errdata.js' // GET let listing = function(urling){ return new Promise((resolve,reject)=>{ uni.request({ url:urling, method:'GET', }) .t... -
小程序：uniapp开发和原生开发语法区别
2021/1/4 11:59:45
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。所以使用uni-app开发的本质还是使用Vue，本文主要比较的是Vue和小程序原生开发的区别。 1.页面布局模板。 Vue：模板只有一个根标签 <template> <view>&l... -
微信小程序之无感知刷新token
2021/1/4 11:59:40
一.接口调用凭证token 微信小程序授权登录之后,会成生成token返回给客户端,客户端取得token之后,作为后续一系列接口的调用凭证,然后,服务器返回给客户端的token会有一个有效期,token一但过期,就会导致客户端后续的接口调用失败,因此,在调用接口之前,我们需要保证token是有效的,这样才能保证客户端的功能不会因为token过期而导致异常二.微信授权登录、token合法性及有效性校验 t... -
uniapp开发钉钉小程序使用web-view
2021/1/4 11:59:36
场景是这样的：公司的一个项目，使用uniapp开发钉钉小程序，其中一个应用是在 web-view 里面加载一个h5页面，h5页面有一个按钮，点击时返回钉钉小程序上一个页面。 是不是感觉很简单，拿起钉钉开发者文档或者uniapp开发文档使用CV大法就可以完成了 在web-view里面写onMessage方法，h5 使用 dd.postMessage 方法发送，触发onMessage方法就可以附上我的代码 ```js <w... -
TypeScript + uniApp + uView 搭建微信小程序项目框架
2021/1/4 11:59:33
一、创建 uniapp 项目 vue create -p dcloudio/uni-preset-vue ts-uni-mini(这里是项目名称） 选择 默认模版（TypeScript) 创建完进入项目 cd ts-uni-mini 二、在新项目的vue文件中使用内联ts 按需引入vue装饰器 import { Component,Vue ,Watch} from "vue-property-decorator"; 不管干啥先把下面这句话加上。 @Component({}) //必须 启动项目 npm run dev:mp... -
小程序---微信本地存储的方法
2021/1/4 11:59:30
注意：微信小程序需要存储的内容，只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。 同步方法会堵塞当前任务，直到同步方法处理返回。 异步方法不会塞当前任务。 1、同步 （1）wx.setStorageSync(); //存储值 try { wx.setStorageSync('key', 'value') } catch (e) { } （2）wx.getStorageSync(); // 获取值 try { var val... -
小程序登录及AppSecret(小程序密钥)
2021/1/4 11:59:27
在授权开发以后，需要提交小程序密钥，有小程序密钥第三方才有能力获取用户的一些信息，提供一些能力！ 平台分别提供多种方式实现微信登录： 调用wx.login接口，静默获取openid 适用场景：无需使用用户头像、昵称、Unionid信息复制代码 使用 open-data （小程序）或者开放数据域（小游戏）的方式展示用户信息（无需用户授权） 适用场景：需要在前端“展示”用户头像、昵... -
微信小程序集成融云 SDK （即时通讯） 集成必备条件
2021/1/4 11:59:24
前言最近公司需要用微信小程序做一个能够让用户沟通的功能，经过前期筛选和对比，最后还是选择了使用融云的即时通讯，下面是我用小程序首次集成融云的 SDK 碰到的问题，在此做个记录方便自己查看，同时也给有需要的同学作为参考。前端小鸟一枚，立誓要成为前端菜鸟，不足地方留言指出，小子谢过。准备工作1.官网注册进入开发者后台 - 创建应用 - 获取 appkey （很重要！很重要... -
微信小程序基础开发(一)----初步搭建
2021/1/4 11:59:22
小程序的目录结构小程序的配置全局配置(app.js)1、pages:表示当前项目的子页面，并且路径与左侧的pages下的路径完全对应"pages":[ "pages/index/index",//pages下的第一个路径就是小程序进入显示的页面 "pages/docu/docu", "pages/cander/cander", "pages/search/search", "pages/logs/logs", "pages/demo01/demo01" ], 2、window:定义小程序... -
微信小程序基础开发(二)----模板语法
2021/1/4 11:59:19
数据绑定.jsPage({ /** * 页面的初始数据 */ data: { msg:"hello mina", num:10000, isGirl:false, person:{ age:78, height:188, weight:166, name:"迷人软" }, isChecked:false }, }).wxml<!-- 1 字符串 --> <view>{{msg}}</view> <!-- 2 数字类型 -->... -
微信小程序基础开发(三)----事件绑定
2021/1/4 11:59:17
1、定义一个num,然后新建一个输入框,使两边的值能够进行双向绑定.jsPage({ data: { num: 0 }, //输入框的input事件执行逻辑 handleInput(e) { this.setData({ num: e.detail.value }) } }).wxml<!-- 1、需要给input标签绑定input事件 绑定关键字 bindinput 2、通过事件源对象来获取输入框的值 e.detail.val... -
微信小程序基础开发(四)----样式与标签
2021/1/4 11:59:14
(一)尺寸单位当设计稿page的宽度未知时，假设page内的一个元素的宽度为100px，那么元素的宽度height应该为：height rpx=750 rpx*100 px/page px但是页面中这样的写法肯定有问题，因此使用calc属性/* calc属性 css 和 wxss 都支持 注意：1、750和rpx中间无空格 2、运算符的两边无空格 */ view{ width:calc(750rpx*100/375); }(二)样式导入微信小程... -
微信小程序页面与web-view页面之间的跳转
2021/1/4 11:59:12
web-view组件的本质是使用浮动框架标记对 iframe来对src属性指定的页面进行加载。本文对web-view组件使用的一些注意事项进行总结。 一、web-view组件的使用 web-view组件可以使用src属性来指定要在小程序中显示的页面地址，这个地址必须满足下列两个条件。 必须是https域名地址。必须是在微信公众平台中配置为白名单的域名。 微信小程序页面的wxml文件的代码如下所示。 ... -
5分钟实现微信云小程序支付功能（含源码）
2021/1/4 11:58:54
1 先上效果图快速实现支付功能，有多快？有五连鞭这么快，不用搭建自己的服务器，不用买域名，不用备案域名，不用支持https。只需要一个简单的云函数，就可以轻松的实现微信小程序支付功能2 准备工作1，非个人小程序，个人小程序用不了支付（小程序appid）2，已经申请微信支付的商户号（商户id，商户秘钥）。3，小程序里关联你的商户号（小程序和商户号绑定）4，微信小程序开通... -
微信小程序开发技术之组件库介绍
2021/1/4 11:58:51
小程序组件库简介微信小程序提供了一套完整而又优美的组件库，里面包含了丰富的组件，并且可以进行多端的兼容，无论是在小程序端还是 H5 端都可以使用它进行组件的开发。本文将会对小程序组件库进行详细的介绍。小程序组件库由来传统开发方式效率低、维护成本高，而且往往随着业务的增长或者变更，系统的复杂度会呈现指数级的增长，经常出现的情况就是一个小小的改动或者一个小... -
uni-app系列二：微信小程序授权，获取用户信息和手机号码
2021/1/4 11:58:48
微信小程序中比较常用的就是通过微信的账号体系授权登录了，这样子省去了手动注册登录的流程，而且信息的真实性也是比较可靠的。 这一篇，就是说明在uni-app中怎么实现微信小程序的授权登录操作，结合后端PHP接口实现整个流程 老规矩，开始撸码一 微信小程序获取code传到服务端获取openid和session_key 步骤： 微信小程序调用 wx.login() 获取 临时登录凭证code ，并回传... -
微信小程序如何实现传参
2021/1/4 11:58:45
工作至今,接触过avalon,vue,微信小程序, ReactNative等多种前端技术, 到最后发现, 都少不了传参, 接下来看看微信小程序如何实现传参做下简单总结=.=微信小程序之传参的几种方法 我们先来看一张图, 这里面总结了几种方法: 接下来, 我就这张图做简单说明, 已经明白的大佬们可以直接跳过, 也还请多多指教~ 1. navigator组件实现页面跳转时可携带参数 // 假设在js...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
