小程序里面用的样式叫 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阅读
先给大家上效果图：想上传视频给你们看整体效果的，看了一下好麻烦哦~ 接下来进入正题：文件目录图 废话不多说直接上代码了啊~city.js文件里是一些配置数据，你们也可以直接写在组件的js文件data里，只是为了给你展示一下，这些城市列表数据按理来说应该都是后端给你返回的，城市列表的首字母展示不一定就是26个字母，也可以根据已有的城市首字母去展示。// city.js
let citylist =
前言一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，通过编写 脚本文件来处理用户的操作。小程序的主要开发语言是 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阅读
事件什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。<view id="tap
什么时候需要用到传值呢？比如，在列表渲染中，点击一个组件，要跳转到其相应的详情页。那么，在wxml中，要告诉js，现在点击的是哪一个组件，或者说，要告诉js，点击了当前组件，要处理什么样的数据。Table of Contents一、 wxml到js的传值1. 事件2. 事件对象targetcurrentTargetdataset二、 页面间传值一、 wxml到js的传值1. 事件事件是视图层到逻辑
转载
2023-12-21 16:06:02
51阅读
最近在做微信小程序，引入weui的时候踩坑了好久，这里记录一下遇到的问题。微信官方文档给了两种weui引入方式：通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。可以通过npm方式下载构建，npm包名为weui-miniprogram
但是注意！！！如果使用扩展组件的话必须使用npm的安装方式安装weui以使用tabs选项卡组件为例
逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。 在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评论
