(六)小程序封装原生请求使用原生的XmlHttpRequest首先封装的要求就是,把相应的请求API地址,单独列出来,然后封装请求的格式及相应的拦截请求1.新建config文件夹,存放接口在公共目录下面新建config文件夹,新建api.js 放接口,//测试地址
const {get, post, addToken, delToken} from;
const BaseUrl = 'http
微信小程序由于生态圈的封闭性，很多功能不支持或者实现起来很繁琐，这次就分享一下项目里对于小程序服务器切换相关的配置及使用心得。首先要解释一下后面会出现的两个变量名：SERVER_MODE： 综合性的切换服务器模式，通过在代码里手动修改配置文件里的服务器模式值，用于测试、预发及上线时的版本切换及环境模式判断，包括各个接口服务器、h5域名服务器、第三方appId、自定义服务器等一键切换。SERVER_
转载
2024-09-11 21:11:29
369阅读
使用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
在写一个页面的刷新效果， 需求是在页面第一次进来时，做出一次数据加载，之后在页面有个评论操作，每次评论成功都将本页的数据进行刷新。考虑到如果刷新都用onLoad()的话，会造成比较大的资源浪费，所以，把需要进行数据刷新的部分放到onShow页面进行刷新。 因为我的函数在加载评论数据的时候，需要一个bookid数值，传参到服务器这样才能获取相对应的数据。但是bookid是从上个页面通过options
微信小程序入门级知识点1.小程序的生命周期onlaunch：当小程序初始化完成时，会触发 onLaunch（全局只触发一次）（app.js）； onLoad: 页面加载 小程序注册完成后，加载页面，触发onLoad方法。一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数（页面js）。 onShow: 页面显示 页面载入后触发onShow方法，显示页面。每次打开
通俗的讲，生命周期就是指一个对象的生老病死。 从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期：应用生命周期页面生命周期应用生命周期影响页面生命周期》》》应用生命周期用户首次打开小程序，触发 onLaunch（全局只触发一次）。小程序初始化完成后，触发onShow方法，监听小程序显示。小程序从前台进入后台，触发 onHide方
周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期：应用生命周期页面生命周期应用生命周期影响页面生命周期应用生命周期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
Vue 项目和微信小程序项目的区别与比较对于一些刚开始学 Vue 和微信小程序的人来说，二者有很多相似之处，非常容易记混，在此简单记录一些二者的共同点和区别。一、生命周期先贴两张图：Vue 生命周期小程序生命周期相比之下，小程序的钩子函数要简单的多。vue 的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad: 页面加载
一个页面只
转载
2023-12-18 20:45:16
99阅读
2020/7/231.在vscode里面使用sass工具开发原生小程序1.现在vscode插件市场里面找到Live Sass Compiler安装 2.然后配置根目录的.vscode里面的setting.json文件{
"liveSassCompile.settings.formats": [
{
"format": "expanded",
转载
2024-01-22 00:15:30
81阅读
小程序与 App 的区别技术微信小程序就是微信支持的一种第三方插件，微信向这种第三方插件开放了更多的功能接口，从丰富的界面控制到多种框架，特别合适提供了更多的对移动设备的访问能力。 运行环境原生 App 直接运行在操作系统的单独进程中（在 Android 中还可以开启多进程），而小程序只能运行在微信的进程中。开发成本原生 App 的开发涉及到 Android/iOS 多个平台、开发工具、开发语言、
转载
2023-07-04 13:28:49
607阅读
封装一个弹窗组件 1.新建component文件夹存放我们的组件，里边存放的就是我们所用的组件，我们今天要做的事弹出框，新建文件夹popup存放我们的组件模板，点击右键选择新建component，就会自动生成组件的模板wxss、wxml、json、js，如图： 2.我们可以写一些组件样式和布局，跟页面写法类似，我就不多说了，直接把代码贴出 :popup.
转载
2024-05-06 22:10:41
622阅读
！打好最基础的部分，为后期的项目做好准备** 学习注册App函数和Page函数** 认识一些常见组件，其余组件使用时查找文档** 对于wxss和css，两种区分好 App函数、Page函数1. 每个小程序都需要在app.js中调用该函数注册小程序实例注册时，可以绑定对应生命周期函数，执行对应代码可以做些什么事呢？小程序进入场景有很多种方式，可在app.js中调用 onshow
转载
2024-04-18 10:48:04
81阅读
1.小程序的权限列表少了智能控制接口
2.把图片转换成base64
将一副图片数据编码成一串字符串，使用字符串代替图片地址
可以减少http请求
加密：让用户一眼看不出图片的内容
方便引用
可逆的编码方式：
适合在http mime协议下快速传输数据
base64.encode()
base64.decode()
setCookie
getCookie3.组件之间的数据传递
视图容器组件：scroll-view 组件：可滚动视图区域，在 scroll-view 组件的内部滚动。使用竖向滚动时，必须要给 scroll-view 一个固定高度，而不能是由其子元素自动撑开，否则的话 scroll-view 的高度等于其子元素的高度，就不会滚动了。如果 scroll-view 组件要开启 flex 布局，需要设置 enable-flex 属性为 true。可以通过设置 scr
转载
2024-05-31 01:11:30
162阅读
1.小程序注册及开发工具的使用第一步： 注册 ，点击下方连接前往注册页面小程序主要为了拿到AppID（小程序ID）第二步： 开发工具下载稳定版 Stable Build | 微信开放文档下载微信开发者工具（安装一直下一步即可）创建项目: .json 是配置信息 pages 为页面 ，windows为配置属性信息，tabba
转载
2024-05-07 16:52:03
94阅读
1.微信小程序和网页开发的区别运行环境 + 开发调试环境 + 调用的api网页：浏览器中运行 —— vscode等编辑器 + 网页浏览器 ——小程序：在微信中运行 —— vscode + 微信模拟器（微信开发者工具）——（功能：网络请求、地理定位、扫码、支付、摄像头、蓝牙、微信登录等）2.小程序开发初始配置认识注册账号小程序代码发布必须发布到腾讯服务器。作用：1、账号登录腾讯管理后台。2、且要安装
转载
2024-01-25 10:47:11
42阅读
这里我开源了一个微信小程序的案例：https://gitee.com/xiaoshixiaoran/wechat-applet 相关后台接口我会有空用SSM重写一遍再挂上去由于微信小程序官网在2021-12-27号发布了组件功能调整 原来的获取微信用户头像和微信昵称方式需要重新填写首先分析一下，以前微信小程序是可以直接从组件获取到用户头像和昵称直接使用 现在的展示个人信息的能力将被回收在年后202
转载
2024-07-03 20:20:42
369阅读
