封装一个弹窗组件 1.新建component文件夹存放我们的组件，里边存放的就是我们所用的组件，我们今天要做的事弹出框，新建文件夹popup存放我们的组件模板，点击右键选择新建component，就会自动生成组件的模板wxss、wxml、json、js，如图： 2.我们可以写一些组件样式和布局，跟页面写法类似，我就不多说了，直接把代码贴出 :popup.
转载
2024-05-06 22:10:41
622阅读
index.wxml<!--index.wxml--><view class="selection"> <swiper
原创
2022-11-04 18:37:36
212阅读
为啥会有这篇文章TM快哭了。。。我瞅了眼微信支付相关代码，顿时想上去就是一Jao ! 我看到了这样的代码：我靠，你这么写，倒是一时爽；维护可就爽歪歪咯！！！怎么办，怎么办。。。支付模块重构别的先不说，重构之前我们先楼一眼微信部分支付流程图注：上面是部分支付流程图（完整图片，可上官网查看）官网：
https://pay.weixin.qq.com/wik
背景 SpringBoot项目涉及微信小程序支付，如何通透实现支付功能？ 分析 根据官方文档，要实现微信支付，先得进行微信支付的申请，这里就不多描述了。 申请后，可以得到了商户号，密钥，以及小程序appid。这些个参数是必不可少的。 接下来是要去理解整个支付的流程。 整个流程总体上可以分为4步： 1.后台生成预订单。
前言前一段时间微信公布小程序，瞬间引来了大量的关注。博主的公司也将其定为目标之一，遂派本菜为先头兵（踩坑侠）。这次开发了一个比较完整的DEMO，模仿自某个APP首页，由于保护隐私的目的我把数据拷贝出来而不是通过接口的方式访问，请求接口的方法我会在后面详细说明。废话不多说，先上原码：https://github.com/Darylxyx/wx-app/tree/master/tanqu-wx。有兴趣
转载
2024-05-07 22:31:32
220阅读
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阅读
徐州好玩实用的微信小程序，有分电脑版和手机端吗？徐州认为“游戏”天生就是无聊的致命敌人之一。所以每当人们感到厌烦的时候，他们会利用各种游戏和软件消磨时间。现在有一个更方便的“微博客小程序”，使游戏和生活应用更适合这个零碎的时代。徐州发现了很多高质量的小程序，而妈妈不必担心软件流、内存、钱、应用程序和游戏的风险。除了众所周知的“跳一跳”外，徐州还发现了16个
小程序小Demo 调用API，轮播图，排行榜，底部BabTar的使用。。。 board // board/board.js Page({ /** * 页面的初始数据 */ // 可以是网络路径图片，也可以引入本地图片地址 data: { imgUrls: [ '/image/111.jpg',
转载
2019-10-10 20:11:00
357阅读
2评论
小程序与 App 的区别技术微信小程序就是微信支持的一种第三方插件，微信向这种第三方插件开放了更多的功能接口，从丰富的界面控制到多种框架，特别合适提供了更多的对移动设备的访问能力。 运行环境原生 App 直接运行在操作系统的单独进程中（在 Android 中还可以开启多进程），而小程序只能运行在微信的进程中。开发成本原生 App 的开发涉及到 Android/iOS 多个平台、开发工具、开发语言、
转载
2023-07-04 13:28:49
607阅读
！打好最基础的部分，为后期的项目做好准备** 学习注册App函数和Page函数** 认识一些常见组件，其余组件使用时查找文档** 对于wxss和css，两种区分好 App函数、Page函数1. 每个小程序都需要在app.js中调用该函数注册小程序实例注册时，可以绑定对应生命周期函数，执行对应代码可以做些什么事呢？小程序进入场景有很多种方式，可在app.js中调用 onshow
转载
2024-04-18 10:48:04
78阅读
系列文章目录微信小程序开发【一】-- 初识小程序 传送门 微信小程序开发【二】-- 小程序入门 传送门 微信小程序开发【三】-- 项目结构概述 传送门 微信小程序开发【四】-- 配置详解 传送门 微信小程序开发【五】-- wxml详解 传送门 微信小程序开发【六】-- wxss详解 传送门 微信小程序开发【七】-- js详解 传送门 微信小程序开发【八】-- 页面栈和模块化 传送门 微信小程序开发
转载
2024-08-28 20:04:06
69阅读
视图容器组件：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阅读
微信小程序开发之路（七）Django视图一个视图函数，简称视图，是一个简单的 Python 函数，它接受 Web 请求并且返回 Web 响应。 响应可以是一个 HTML 页面、一个 404 错误页面、重定向页面、XML 文档、或者一张图片… 无论视图本身包含什么逻辑，都要返回响应。代码写在哪里都可以，只要在 Python 目录下面，一般放在项目的 views.py 文件中。 每个视图函数都负责返回
小程序基本要领全局三个文件，分别是app.js，app.json，app.wxss(名称都不可更改)创建pages目录文件（作用是用来放各个页面）创建页面{给页面起名字，并且创建4个文件} （1）js：页面逻辑实现 （2）json：负责标题栏和一些状态栏 （3）wxml：管理页面有什么 （4）wxss：页面排布 简便操作：首先创建app.js，app.json，app.wxss，并且在app.js
转载
2024-08-27 15:24:45
334阅读
在我们讲完了最基础的四个tabBar栏之后，商城也算是初现模样，本篇文章将会介绍商品详情页面的制作，包括把商品加入购物车的功能、分享商品信息的功能等等效果图如下： 首先是做了是个三图轮播的样式来展示该商品，然后是商品信息的介绍，接着是分享商品和商品类型的挑选，最后使用Vant Weapp中的GoodsAction 商品导航组件来返回首页和加入购物车等操作。具体的代码
转载
2024-03-21 22:49:47
157阅读
在PC浏览器上打开微信公众平台，登录小程序管理后台，点击左侧“微信支付”，选择开通。 ① 选择新申请 ② 填写公司联系人信息（一般是法人），如图。 ③ 填写商户简称以及经营类目进行选择，如图。 ④ 填写售卖场景、小程序、页面截图等，如图。 ⑤ 填写客服电话，以及补充材料的上传，如图。 ⑥ 商户营业执照信息的确认，如图。 ⑦ 企业法人信息的填写、上传，如图。 ⑧ 最后一步，结算账户的填写，填写完成
微信小程序教程系列 注册上线篇------------------------------------------------------------ 微信小程序之如何注册微信小程序微信小程序之小程序上线 基础篇 ------------------------------------------------------------微信开发者工具的快捷键微信小程序的文件结构 —— 微信小程序
转载
2024-08-29 16:08:19
85阅读
