小程序里面用的样式叫 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阅读
前言一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，通过编写 脚本文件来处理用户的操作。小程序的主要开发语言是 JavaScriptJS 作用：开发者使用 JS来开发业务逻辑；调用小程序的 API 来完成业务需求。业务逻辑案例交互案例： 点击 button 按钮的时候，希望界面显示 “Hello World”，于是在 button 上声明一个
转载
2023-07-23 08:41:32
0阅读
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解CSS样式的属性，所以，今天这篇文章，给大家普及一下相关的知识。说起CSS布局，首先要讲解的就是FLex布局，这个可以说是一个万能钥匙，遇到什么复杂的布局，都可以通过Flex布局搞定，为了方便大家理解Flex属性，我将会一步步解析FLex的属性，并附上效果图。1、基本概念采用 Flex 布局的元素，
转载
2024-04-16 21:22:00
141阅读
什么时候需要用到传值呢？比如，在列表渲染中，点击一个组件，要跳转到其相应的详情页。那么，在wxml中，要告诉js，现在点击的是哪一个组件，或者说，要告诉js，点击了当前组件，要处理什么样的数据。Table of Contents一、 wxml到js的传值1. 事件2. 事件对象targetcurrentTargetdataset二、 页面间传值一、 wxml到js的传值1. 事件事件是视图层到逻辑
转载
2023-12-21 16:06:02
51阅读
逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。 在js的基础上： 增加 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈。由于框架并非运行在浏览器中，所以 JavaScript 在 web 中一些能力都无法使用，如 document，wi
转载
2018-01-04 15:58:00
113阅读
2评论
微信小程序 JS 架构是一个颇具挑战性但又充满机遇的领域。随着小程序生态的快速发展，许多开发者都在积极探索如何构建高效、可扩展的 JS 代码架构。这篇文章将深入分析微信小程序 JS 架构，从背景、技术原理、架构解析、源码分析、性能优化到扩展讨论，全面展示我对这个话题的理解和实践。
### 背景描述
自 2017 年小程序发布以来，微信小程序已经历了多个版本迭代，并引入了许多新特性。阶段性的变化
微信小程序自学Demo地址对于小程序数据绑定，学习一种新语言也让我重新认识到了一门语言的新特性，学习不仅会充实自己，也会使我们从中获得快乐小程序 的绑定我们来看代码，这里我们以项目中输入姓名为例<!--姓名 -->
<view class='objectClass'>
<text>{{actualName}}</text>
&l
转载
2023-08-10 10:05:13
420阅读
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阅读
@作者 : SYFStrive 目录✔✔ 1、 WXSS 模板样式 - rpx 1.1、 什么是 rpx 尺寸单位 1.2、 rpx 的实现原理 1.3、 rpx 与 px 之间的单位换算 &nb
这周还是没新项目，所以开始学习我认为挺重要的vue.js，目前为止主要是学习了一点基础vue介绍vuei（读音/vju:/，类似于view)Vue是一个渐进式的框架，什么是渐进式的呢?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现，那么可以使用Vue的核心库以及其生态系统。 比如Core+Vue-router+Vuex，也
转载
2024-02-02 07:40:07
67阅读
微信小程序中的JS作用：JS主要是用来做交互，比如：响应用户的点击、获取用户的位置等等。通过编写 JS 脚本文件来处理用户的操作。简单来说，WXML决定有什么内容，WXSS决定内容长什么样子，JS呢，决定了页面和用户操作的交互，体验好不好就看JS了。例如，页面中有个按钮，<view>{{ msg }}</view>
<button bindtap="clickMe"&
转载
2023-10-18 08:35:06
195阅读
小程序加入 JavaScript 脚本，做出动态效果，以及如何跟用户互动。学会了脚本，就能做出复杂的页面了。本篇的难度要大于前两篇，如果觉得不好理解，可以先跟着例子，动手做一遍，然后再读文字说明，可能就容易理解了一、数据绑定前面的所有示例，小程序的页面都是写死的，也就是页面内容不会变。但是，页面数据其实可以通过脚本传入，通过脚本改变页面，实现动态效果。小程序提供了一种特别的方法，让页面可以更方便地
转载
2023-12-11 10:09:27
264阅读
目录一、配置文件1、module.exports = {}2、require(js的路径);3、如何全局使用此host二、页面配置1、pages2、window3、tarBar三、WXML基本语法1、数据绑定2、列表渲染3、条件渲染4、template 模版5、swiper 轮播 一、配置文件1、module.exports = {}新建config.js，使用var定义变量存放后台地址。var
转载
2023-10-23 07:48:16
69阅读
微信小程序：JS 交互逻辑 一、JS 交互逻辑 一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。 点击 button 按钮的时候，我们希望把界面上 msg 显示成 "Hello World"，于是
转载
2018-08-28 15:01:00
214阅读
2评论
经过上一章节的介绍，我们知道了在微信小程序当中组件的.json文件的作用其含义之后，本文将继续来刨铣组件当中的每一个文件的作用其含义，这次介绍的是组件当中的 .js 文件。 其实呢这个js文件你自己结合我们之前讲解过来的这么多内容了你应该也是可以猜得出这个是用来监听组件的生命周期和组件的数据存储逻辑
原创
2023-04-06 00:19:00
149阅读
# 从微信小程序 JS 转到 Java 的完整指南
在学习如何将微信小程序中的 JavaScript (JS) 代码转换到 Java 代码之前，我们需要了解整个过程的基本步骤。以下将通过表格和流程图来展示这个过程，并详细解释每一步需要完成的任务和代码实现。
## 处理流程概述
我们需要经过几个步骤来完成这个迁移过程：
| 步骤 | 描述 | 备注 |
|------|------|----
1、小程序不提供获取dom的操作，而是让我们直接将事件绑定写入到组件内。区别在于bind不阻止冒泡，而catch阻止冒泡。<view id="tapTest" bindtap="tapName"> Click me! </view>2、currentTarget和target两个属性，前者是绑定事件的组件，后者是触发事件的组件源。<view id="tap1" dat
转载
2024-10-21 14:20:23
143阅读
