-
使用uniapp,进行小程序的分包
2021/1/5 14:53:05
第一步先创建一个分包的目录 非必要的（用户第一次加载的时候没用到的代码、图片资源）资源不要放在代码里 必要的资源就放在主包 第二部 然后在把我们不常是很关键的用户意见反馈页面放到新建的分包文件 第三步需要在page.josn文件配置分包路径 root 表示分包根目录 pages:页面数组 ?path：相对路径 之后我们需要把跳转到该文件的路径修改一下就好了 分包就... -
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 ，并回传...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
