微信小程序由于生态圈的封闭性，很多功能不支持或者实现起来很繁琐，这次就分享一下项目里对于小程序服务器切换相关的配置及使用心得。首先要解释一下后面会出现的两个变量名：SERVER_MODE： 综合性的切换服务器模式，通过在代码里手动修改配置文件里的服务器模式值，用于测试、预发及上线时的版本切换及环境模式判断，包括各个接口服务器、h5域名服务器、第三方appId、自定义服务器等一键切换。SERVER_
转载
2024-09-11 21:11:29
369阅读
(六)小程序封装原生请求使用原生的XmlHttpRequest首先封装的要求就是,把相应的请求API地址,单独列出来,然后封装请求的格式及相应的拦截请求1.新建config文件夹,存放接口在公共目录下面新建config文件夹,新建api.js 放接口,//测试地址
const {get, post, addToken, delToken} from;
const BaseUrl = 'http
使用mpvue开发小程序---Vuex（store）的支持mpvue提供了vue的语法编译为小程序的能力，但是还是有些局限，不过能做到跟vue差不多已经很不错了。我在项目中按照vue初始化 store 的时候，本以为能像vue里正常使用vuex的一些功能，发现报错 TypeError: Cannot read property 'state' of undefined，一下子懵逼了，在pages的
上一篇文章是对需求的分析，本次将逐渐进入代码阶段。本次主要的内容包括服务端wss的部署以及小程序端用户授权的时序及逻辑。 wss的配置与部署微信小程序出于安全考虑，要求所有涉及到网络的操作，必须使用安全的网络请求，如https和wss，却使用的域名必须备案以及不能带端口号。详情请参考微信小程序官方文档虽然在开发的过程中，微信提供的开发者工具可以忽略https和wss的校验，但程
在我看来小程序的生命周期虽然简单，但是他渗透了小程序开发的整个过程，对于小程序开发人员来说这是十分重要的，我们应该深入理解他。首先我们来看下小程序开发文档中的生命周期图。以下是官网给出的生命周期状态图为了更好地理解小程序生命周期我们也需要知道小程序路由。小程序路由 小程序以栈的形式维护页面，当路由发生变化时页面栈的表现如下：实际操作1、页面A入栈 注：onRea
通俗的讲，生命周期就是指一个对象的生老病死。 从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期：应用生命周期页面生命周期应用生命周期影响页面生命周期》》》应用生命周期用户首次打开小程序，触发 onLaunch（全局只触发一次）。小程序初始化完成后，触发onShow方法，监听小程序显示。小程序从前台进入后台，触发 onHide方
微信小程序入门级知识点1.小程序的生命周期onlaunch：当小程序初始化完成时，会触发 onLaunch（全局只触发一次）（app.js）； onLoad: 页面加载 小程序注册完成后，加载页面，触发onLoad方法。一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数（页面js）。 onShow: 页面显示 页面载入后触发onShow方法，显示页面。每次打开
在写一个页面的刷新效果， 需求是在页面第一次进来时，做出一次数据加载，之后在页面有个评论操作，每次评论成功都将本页的数据进行刷新。考虑到如果刷新都用onLoad()的话，会造成比较大的资源浪费，所以，把需要进行数据刷新的部分放到onShow页面进行刷新。 因为我的函数在加载评论数据的时候，需要一个bookid数值，传参到服务器这样才能获取相对应的数据。但是bookid是从上个页面通过options
周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期：应用生命周期页面生命周期应用生命周期影响页面生命周期应用生命周期image1、用户首次打开小程序，触发 onLaunch(全局只触发一次)。2、小程序初始化完成后，触发onShow方法，监听小程序显示。3、小程序从前台进入后台，触发 onHide方法。4、小程序从后台进入前台显示，触发 onShow
转载
2024-07-08 11:21:45
727阅读
带.的是类选择器<view class=" page-section-gap " />
.page-section-gap{
box-sizing: border-box; //指定边框的宽高
padding: 0 30 rpx; //每边的填充边距,上下为0,左右为30
padding-left: 30 rpx ; //右边填充多少
padding
1.小程序的权限列表少了智能控制接口
2.把图片转换成base64
将一副图片数据编码成一串字符串，使用字符串代替图片地址
可以减少http请求
加密：让用户一眼看不出图片的内容
方便引用
可逆的编码方式：
适合在http mime协议下快速传输数据
base64.encode()
base64.decode()
setCookie
getCookie3.组件之间的数据传递
前文在上一章节中我是给大家介绍了一下微信小程序的自定义组件,这一章我要说说小程序的另一个强大功能--自定义事件什么是自定义事件呢,你可以简单的理解为:在触发子组件的一些事件的时候,同时也能触发父组件对应的事件并对父组件中的某些数据进行修改的事件就是自定义事件.有翻阅学习过小程序官方给出的自定义组件教程的小伙们一定会有和我一样想爆粗口的冲动...因为上面说的真的有点乱...不过没事,今天在这里博主会
一、开通小程序红包权限在使用小程序红包之前，请前往开通小程序红包功能。操作路径：【登录微信支付商户平台——>产品中心——>小程序红包——>开通】。首次开通时需要选择一个具体的小程序进行权限申请，如下图所示：其他需要开通权限的小程序，可在页面自行设置。操作路径如下：【登录商户平台——>产品中心——>小程序红包——>产品设置】。(注：“产品设置”操作按钮仅当你开通小
转载
2024-07-08 13:27:24
182阅读
当小程序进入后台一定时间或系统占用资源过高后会被销毁，所谓的后台，就是用户点击小程序左上角的关闭或按HOME键离开微信。一直到小程序被销毁后，globalData就会被清空，也就是下次打开时会被初始化。一、缓存（StorageSync）本地存储1、小程序中的本地存储有同步功能，可用于保存用户信息(用户登录后的一些基本信息)2、缓存的更新需要使用setStorageSync方法。二、全局变量（glo
转载
2024-04-19 06:45:21
4823阅读
微信小程序项目实例——狼人杀 文章目录微信小程序项目实例——狼人杀一、项目展示二、首页三、游戏页四、特殊角色 项目代码见文字底部，点赞关注有惊喜一、项目展示狼人杀是一款多人参与的，通过语言描述推动、较量口才和分析判断能力的策略类桌面游戏玩家人数适于4-18人参与主要角色有：狼人 、预言家 、平民 、女巫 、猎人 、白痴 、守卫 、骑士等同时还有众多的玩家形象各角色的职能介绍 设置游戏人数和选择对应
转载
2024-08-11 10:27:22
151阅读
微信小程序——session今天做微信小程序的时候，遇到一个问题，就是微信虽然提供了类似于ajax的数据通讯工具wx.request，但是因为不是浏览器，因此这个请求是不会带有sessionid的，那么今天就写一篇来记录如果解决微信小程序session的问题。sessionid有什么用因为我只写java web多，所以就以java web为主。那么写过java web的都知道，request是一次
转载
2024-03-05 15:19:33
155阅读
微信小程序开发：学习笔记[2]——WXML模板快速开始介绍是小程序框架设计的一套标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。 打开开发工具的编辑器，在根目录下找到 app.json 文件，双击打开，在 "pages/index/index" 上新增一行 "pages/wxml/index" 保存文件。模拟器刷新后，读者可以在编辑器中找到 pages/wxml/index.wx
转载
2023-11-21 08:28:08
81阅读
现在小程序依靠微信越来越火，对线下商家的帮助也是有目共睹，于是不少商家都想制作一个自己的小程序，好多商家都想上线一个小程序，来吸引流量客户，推广商品，但是又担心自己不懂技术，做不好。其实这都不是问题，现在市面上有很多第三方小程序制作工具，比如码元素第三方小程序制作平台()零基础小白也能制作自己的小程序了，而且操作很简单。接下来就跟大家演示一下，怎么制作一个微信小程序。一、注册账号第一步：在微信公众
转载
2024-01-06 08:48:49
155阅读
开始开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。跟随这个教程，开始你的小程序之旅吧！申请帐号进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。 在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。登录 小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。&n
WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。在wxml页面中，只能在插值{{ }}中写简单的js表达式，而不能调用方法。wxs就是为了能在页面中使用js而存在的。WXS 中不支持let和const，不支持箭头函数。 注释：WXS 主要有 3 种注释的方法：// 方法一：单行注释
<!-- wxml -->
/*
方法二：
转载
2023-10-08 13:50:23
33阅读
