-
微信小程序基础开发(二)----模板语法
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... -
小程序全局mixin方法
2021/1/4 11:58:42
需求 最近接到一个需求，希望我这边可以后台配置微信小程序的导航栏颜色，但是目前小程序还不支持全局修改导航栏的颜色，只支持修改单个页面的导航栏颜色，所以我就想着能不能在所有的页面的onload函数中手动设置一下导航栏的颜色，但是这样一来就需要改每个页面，效率太低。我查了微信小程序的文档也没有提供全局混入onload的方法，所以想着能否实现一下小程序的混入功能。问... -
Taro 3 发布 3.0.19 和 3.0.20 支持使用 CustomWrapper 组件显式
2021/1/4 11:58:39
Taro 3 发布 3.0.19 和 3.0.20 3.0.19 为 View、Text、Image 组件做优化，当没有绑定任何事件时能使用简化模板，不去绑定冗余属性。 组件 View 增加 catchMove 属性，提供直接阻止滚动穿透的能。 3.0.20 VirtualList 组件支持 item 不定高。 支持使用 CustomWrapper 组件显式创建小程序的自定义组件，解决低端机层级过深卡顿问题。但需要注意： H5 未兼容此组件。querySe... -
小程序如何封装路由？这五个方法及使用场景要了解
2021/1/4 11:58:37
封装路由方法 路由方法有五个，常用的有三个switchTab、navigateTo、navigateBack 简单介绍一下这五个方法及使用场景 switchTab,跳转tabBar页面专用，其他页面出栈，新页面入栈 navigateTo最常用的路由跳转，会加入到页面栈，允许返回，也就是新页面不断入栈 navigateBack返回，只能返回到页面栈中存在的页面，页面不断出栈，直到到达目标页 redirectTo关闭当前... -
你或许不知道的小程序更新机制
2021/1/4 11:58:35
起因 后端监控发现有些用户请求的是旧版本中即将废弃的接口。 经过一番查找，推测有些用户使用的小程序可能不是最新版本，而是旧版本。为了避免这种情况，所以要在有新版本发布时强制用户更新小程序。 小程序的运行机制 developers.weixin.qq.com/miniprogram… 文档描述的很详细，这里只介绍主要的概念即可。前台和后台 小程序启动后，界面被展示给用户，此时小程序处于... -
小程序实战(十五)-自定义弹框组件
2021/1/4 11:58:33
一、需求说明 目前项目中的弹框用的都是 wx.showModal()，有以下几点改造需求： 调用弹框的方式尽量与 showModal 保持一致，避免过大改动目前项目中弹框分为两类，二次确认框和成功提示框，希望能简单地调用这两种弹框二、需求实现2.1 实现思路 确定组件入参，为了减少改动，参数名与 showModal 的参数名保持一致打开弹框方式：为弹框组件定义一个 showDialog 函数，函数接... -
小程序实战（十六）带你从零到一 在小程序引入echarts
2021/1/4 11:58:30
本文主要介绍从原生小程序如何引入echarts，文章末尾会给出原生小程序引入echarts的仓库地址和uniapp引入echarts的仓库地址。第一步：引入echarts 正常情况下，例如在web端，直接做法是npm install echarts --save 。 不过在小程序中直接安装的话，会导致编译后代码包过大的问题，因此，我们可以使用echart的压缩版本， echart.min.js。将这个文件放在ec-canvas文件夹下。或... -
小程序实战(十七)-版本自动更新
2021/1/4 11:58:28
一、需求说明 目前出现情况：每次发布新版本，如果用户正在使用小程序，都需要让用户将小程序销毁再重新启动，才能使用最新版本的代码希望当小程序版本更新后，用户打开小程序时自动检查是否有新版本，若有，则提示用户是否更新二、需求实现2.1 冷启动和热启动 用户打开小程序时有两种启动方式： 冷启动：若用户首次打开，或小程序销毁后被再次打开，此时需要重新加载，会检... -
微信小程序基础开发(五)----button以及选框
2021/1/4 11:58:26
1、button外观样式button的基本样式没什么特殊的，直接查看文档即可2、button的开放能力(open-type)contact ：直接打开客服对话功能，需要在微信小程序的后台配置<button open-type="contact">contact</button>contact的实现流程将小程序的appid由测试号改成自己的id登录微信小程序官网，找到"客服"，添加客服微信3.然后就能实现客服对话功能和意见反馈功能 share... -
微信小程序基础开发(六)----自定义组件
2021/1/4 11:58:23
(一)简单使用组件的三个步骤1.创建自定义组件类似于页面，一个自定义组件由json wxml wxss js4个文件组成2.声明自定义的组件在所需要用到组件的页面的json文件中进行声明{ "usingComponents": { "Tabs":"../../components/Tabs/Tabs" } }3.使用组件在页面中当作普通标签使用即可(二)组件的样式优化与标题激活选中//tabs.wxml <view class="tabs"> <... -
手把手带你用 Vue 3.0 写个小程序框架
2021/1/4 11:58:20
由于小程序的开发起来比较原始复杂且繁琐，跟我们主流的开发方式差距很大，所以为了提高我们开发小程序的效率，市面上出现过很多的小程序的框架：mpvue，Taro，uni-app 等等，这些框架或多或少地将我们带到现代化的开发方式中来，他们可以让你使用 React 或者 Vue 来开发小程序。今天就分享一个如何利用 Vue 3.0 来构建一个小程序的框架。1、Vue3 部分新特性Vue3 的新特性主要... -
微信小程序入门5--通信与缓存
2021/1/4 11:58:09
页面间通信 小程序自定义变量与发送参数 为了实现组件间的通信，首先需要自定义变量，操作流程如下 在页面A.wxml文件的组件中定义自定义变量，语法为data-'key',并且绑定点击事件onGoToDetail <view data-post-id="0" bind:tap="onGoToDetail"> </view> 复制代码 在A.js文件中定义点击事件onGoToDeatil onGoToDetail(event){ const pid = event.curre... -
小程序自定义导航栏中使用粘性布局无效的解决办法
2021/1/4 11:58:04
一、引言 最近公司在做一个类似购物商城的小程序项目，那就不免要自定义导航栏，但是我发现了一个问题，就是在使用自定义导航栏的页面中再次使用粘性布局是混乱的，它会粘在屏幕的最上面，这样就会覆盖导航栏的内容。二、自定义导航栏如果需要自定义导航栏并且适配所有手机型号就得知道导航栏的高度，而导航栏的高度是由手机设备状态栏的高度、胶囊的高度、胶囊距离状态栏的上...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
