在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。 第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的
转载
2023-10-21 18:43:36
134阅读
小程序调试面板 模拟器 模拟器模拟微信小程序在客户端真实的逻辑表现，对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。 自定义编译 点击工具栏中的编译按钮或者使用快捷键 Ctrl(⌘) + B，可以编译当前代码，并自动刷新模拟器。 同时为了帮助开发者调试从不同场景值进入具体的页面，开发者可以
转载
2019-06-30 17:05:00
1218阅读
2评论
小程序里面用的样式叫 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阅读
小程序调试面板 模拟器模拟器模拟微信小程序在客户端真实的逻辑表现，对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。自定义编译点击工具栏中的编译按钮或者使用快捷键 Ctrl(⌘) + B，可以编译当前代码，并自动刷新模拟器。同时为了帮助开发者调试从不同场景值进入具体的页面，开发者可以添加或选择已有的自定义编译条件进行编译和代码预览（如图）。注：编译条件跟项目相关，每个项目可以保存
转载
2024-02-26 19:51:24
206阅读
前言一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，通过编写 脚本文件来处理用户的操作。小程序的主要开发语言是 JavaScriptJS 作用：开发者使用 JS来开发业务逻辑；调用小程序的 API 来完成业务需求。业务逻辑案例交互案例： 点击 button 按钮的时候，希望界面显示 “Hello World”，于是在 button 上声明一个
转载
2023-07-23 08:41:32
0阅读
0x00 前言 要用uniapp开发微信小程序，首先要用uniapp搭建框架，然后再IDE里面编写代码，然后通过uniapp的打
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解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阅读
在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sou
转载
2023-12-13 22:47:13
214阅读
逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。 在js的基础上： 增加 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈。由于框架并非运行在浏览器中，所以 JavaScript 在 web 中一些能力都无法使用，如 document，wi
转载
2018-01-04 15:58:00
113阅读
2评论
微信小程序 JS 架构是一个颇具挑战性但又充满机遇的领域。随着小程序生态的快速发展，许多开发者都在积极探索如何构建高效、可扩展的 JS 代码架构。这篇文章将深入分析微信小程序 JS 架构，从背景、技术原理、架构解析、源码分析、性能优化到扩展讨论，全面展示我对这个话题的理解和实践。
### 背景描述
自 2017 年小程序发布以来，微信小程序已经历了多个版本迭代，并引入了许多新特性。阶段性的变化
为了帮助开发者简单和高效地开发微信小程序，我们推出了全新的 开发者工具 ，集成了开发调试、代码编辑及程序发布等功能。
为了帮助开发者简单和高效地开发微信小程序，我们推出了全新的 开发者工具 ，集成了开发调试、代码编辑及程序发布等功能。扫码登录启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微
高效的断点调试，解决bug的利器
原创
2023-09-19 11:03:05
295阅读
北京时间4月2日，近日微信开始进行7.0.4的Android版本内测。这个版本中，微信对主界面和视频动态界面进行了大改，而近几年微信重点发展的小程序也进行了重大改版，可以说微信的2019年愈发值得期待。视频动态终于可以搜索背景音乐了！腾讯去年孵化了多个短视频应用，微信中也加入了视频动态功能，目的就是为了与抖音进行抗衡。在7.0.4版本中，用户终于可以同抖音一样，搜索背景音乐了。 微信7.0
背景项目上线两个小程序，运营有一段时间了，且版本迭代过程中发现一些性能问题。特从官方Wiki上查找说明，进行测试。近期运营数据如下：：方案一：性能 Trace 工具微信 Andoid 6.5.10 开始，我们提供了 Trace 导出工具，开发者可以在开发者工具 Trace Panel 中使用该功能。使用方法PC 上需要先安装 adb 工具，可以参考一些主流教程进行安装，Mac
前言写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。相比之下，小程序的钩子函数要简单得多。写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。一、生命周期先贴两张图：vue生命周期小程序生命周期相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并
微信小程序自学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阅读
