前言一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,通过编写 脚本文件来处理用户的操作。小程序的主要开发语言是 JavaScriptJS 作用:开发者使用 JS来开发业务逻辑;调用小程序的 API 来完成业务需求。业务逻辑案例交互案例: 点击 button 按钮的时候,希望界面显示 “Hello World”,于是在 button 上声明一个
转载
2023-07-23 08:41:32
0阅读
微信小程序自学Demo地址对于小程序数据绑定,学习一种新语言也让我重新认识到了一门语言的新特性,学习不仅会充实自己,也会使我们从中获得快乐小程序 的绑定我们来看代码,这里我们以项目中输入姓名为例<!--姓名 -->
<view class='objectClass'>
<text>{{actualName}}</text>
&l
转载
2023-08-10 10:05:13
420阅读
小程序里面用的样式叫 wxss, wx 表示微信,ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件,每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面,可以用一个 class ,在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
WXSSWXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比,WXSS 扩展的特性有:尺寸单位样式导入尺寸单位rpx(responsive pixel)
转载
2023-12-25 08:36:27
460阅读
大家好,今天给大家带来为期三天的微信小程序之贪吃蛇小游戏开发过程解析。今天主要分享的是三点: 1:创建一个微信小程序项目 2:学会使用canvas画布 3:能够实现在模拟器上进行上下左右移动判别下面进入今天的正题:第一步:创建项目 去到微信公众号下载微信开发者工具后,打开下载好的开发编辑器,选择新建项目 在这
转载
2023-10-26 12:04:15
49阅读
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰,不知道怎么布局,怎么摆放位置,其原因是不了解CSS样式的属性,所以,今天这篇文章,给大家普及一下相关的知识。说起CSS布局,首先要讲解的就是FLex布局,这个可以说是一个万能钥匙,遇到什么复杂的布局,都可以通过Flex布局搞定,为了方便大家理解Flex属性,我将会一步步解析FLex的属性,并附上效果图。1、基本概念采用 Flex 布局的元素,
转载
2024-04-16 21:22:00
141阅读
WXS脚本语言是 Weixin Script脚本的简称,是JS、JSON、WXML、WXSS之后又一大小程序内部文件类型。截至到目前小程序已经提供了5种文件类型。 解构小程序的几种方式,其中一种方式就是通过文件类型:JS、JSON、WXML、WXSS、WXS。前面四种之前已经介绍过,今天主要是介绍WXS这种文件类型。如果你是PHP、JAVA、C#程序员的话写过服务端代码的话,就很好理解W
转载
2023-11-17 11:40:06
132阅读
一、创建小程序1、申请帐号、安装及创建小程序,请参照官方文档里面的操作 https://developers.weixin.qq.com/miniprogram/dev/。小程序在创建的时候会要求指定文件目录,后面可以在其他的编辑器中打开代码。创建的时候没有AppID的话,可以先使用一个测试ID。点击界面下的“使用测试号”生成一个即可。 2、创建好的界面如下: 二、代
转载
2024-04-19 15:43:55
152阅读
什么时候需要用到传值呢?比如,在列表渲染中,点击一个组件,要跳转到其相应的详情页。那么,在wxml中,要告诉js,现在点击的是哪一个组件,或者说,要告诉js,点击了当前组件,要处理什么样的数据。Table of Contents一、 wxml到js的传值1. 事件2. 事件对象targetcurrentTargetdataset二、 页面间传值一、 wxml到js的传值1. 事件事件是视图层到逻辑
转载
2023-12-21 16:06:02
51阅读
## 微信小程序与 jQuery 的结合使用
微信小程序是一种可以在微信内部运行的轻量级应用,特别适合快速构建移动端用户体验。然而,许多开发者习惯于使用 jQuery 来简化 JavaScript 编程,提升开发效率。那么,如何在微信小程序中使用 jQuery 呢?
### jQuery 与微信小程序
首先需要明确的是,微信小程序本身并不支持 jQuery。由于小程序的底层架构与传统的网页存
逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。 在js的基础上: 增加 getApp 和 getCurrentPages 方法,分别用来获取 App 实例和当前页面栈。由于框架并非运行在浏览器中,所以 JavaScript 在 web 中一些能力都无法使用,如 document,wi
转载
2018-01-04 15:58:00
113阅读
2评论
微信小程序 JS 架构是一个颇具挑战性但又充满机遇的领域。随着小程序生态的快速发展,许多开发者都在积极探索如何构建高效、可扩展的 JS 代码架构。这篇文章将深入分析微信小程序 JS 架构,从背景、技术原理、架构解析、源码分析、性能优化到扩展讨论,全面展示我对这个话题的理解和实践。
### 背景描述
自 2017 年小程序发布以来,微信小程序已经历了多个版本迭代,并引入了许多新特性。阶段性的变化
一、开发前的准备工作 1.申请AppID:一个账号对应一个小程序,个人/个体只能申请5个小程序 2.下载开发工具二、小程序的文件结构三、 1.数据绑定 1.1数据的设置Page(
data:{
name:'name',
age:18
}
)page.js的内容 1.2数据的调用<view>{{name}}</vie
转载
2023-06-27 09:45:09
2010阅读
ps:springboot结合mybatisPlus、mysql实现,简单易懂,一件粘贴使用,详细往下看↓步骤: 1.注册微信开发平台账号,并创建小程序,获取小程序的AppID和AppSecret。 2.在小程序中引导用户点击按钮触发微信登录,获取到code。 3.将code发送到后端,后端通过code
转载
2023-06-14 15:51:26
344阅读
现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,我也是因为新鲜感学习了一下,写了一个登录demo前言: 微信小程序开发者注册API等乱起八糟的东西我这里就不写了,是SpringBoot框架不会搭建的可以看我上一篇文章,SpringBoot整合Mybatis这一章我会讲一些。技术栈: 前端:小程序原生API 后端:SpringBoot+Mybatis+MySQL
转载
2024-03-24 19:58:59
59阅读
前言 现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。主要内容 springboot后端架构构建 小程序项目构建 小程序api调用 后台resetful接口编写 小程序调用后台接口 免费的https申请 linux下部署上线微信
转载
2023-08-28 15:04:56
59阅读
一、根据前端传过来的微信code,实现小程序登录二、一般业务需求小程序端和app端的数据都是保持一致的,而微信不同端(小程序,公众号)的openid是不一样的。这时候就可以用到 微信开放平台的unionId,来进行关联。import java.util.HashMap;
import java.util.Map;
import java.util.UUID;
import org.slf4j.L
转载
2023-05-30 17:15:28
369阅读
WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比,WXSS 扩展的特性有:尺寸单位样式导入3.8.1 尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕
转载
2021-05-31 14:57:02
1204阅读
微信小程序滚动Tab选项卡:左右可滑动切换 最终效果如上。问题: 1、tab标题总共8个,所以一屏无法全部显示。 2、tab内容区左右滑动切换时,tab标题随即做标记(active)。 3、当active的标题不在当前屏显示时,要使其能显示到当前屏中。 一、wxml结构 tab标题因一排八个,所以使用 scroll-view组件,使其可横向滚动。 
转载
2024-10-08 16:33:58
70阅读
小程序面试问题小程序中js与浏览器中js有什么不同就相当于问小程序中的javascript和javascript书写格式扩展增删改查 全局数据设置全局变量获取全局变量修改全局数据 火车是朝前开的,去哪儿并不重要,关键在于窗外的风景。 小程序中js与浏览器中js有什么不同就相当于问小程序中的javascript和javascript书写格式小程序中没有Dom和Bom对象小程序中新增了 App方法
转载
2023-10-31 22:14:34
74阅读