前言一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，通过编写 脚本文件来处理用户的操作。小程序的主要开发语言是 JavaScriptJS 作用：开发者使用 JS来开发业务逻辑；调用小程序的 API 来完成业务需求。业务逻辑案例交互案例： 点击 button 按钮的时候，希望界面显示 “Hello World”，于是在 button 上声明一个
转载
2023-07-23 08:41:32
0阅读
什么时候需要用到传值呢？比如，在列表渲染中，点击一个组件，要跳转到其相应的详情页。那么，在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阅读
小程序面试问题小程序中js与浏览器中js有什么不同就相当于问小程序中的javascript和javascript书写格式扩展增删改查 全局数据设置全局变量获取全局变量修改全局数据 火车是朝前开的，去哪儿并不重要，关键在于窗外的风景。 小程序中js与浏览器中js有什么不同就相当于问小程序中的javascript和javascript书写格式小程序中没有Dom和Bom对象小程序中新增了 App方法
转载
2023-10-31 22:14:34
74阅读
这周还是没新项目，所以开始学习我认为挺重要的vue.js，目前为止主要是学习了一点基础vue介绍vuei（读音/vju:/，类似于view)Vue是一个渐进式的框架，什么是渐进式的呢?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现，那么可以使用Vue的核心库以及其生态系统。 比如Core+Vue-router+Vuex，也
转载
2024-02-02 07:40:07
67阅读
小程序加入 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 脚本文件来处理用户的操作。简单来说，WXML决定有什么内容，WXSS决定内容长什么样子，JS呢，决定了页面和用户操作的交互，体验好不好就看JS了。例如，页面中有个按钮，<view>{{ msg }}</view>
<button bindtap="clickMe"&
转载
2023-10-18 08:35:06
195阅读
微信小程序：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阅读
经过上一章的页面.json文件的介绍，我们知道了页面的.json文件可以覆盖全局文件的配置项。本章主要讲解一下页面目录当中下的.js文件，该文件主要作用于页面的数据管理和生命周期。 官方文档：https://developers.weixin.qq.com/miniprogram/dev/refer
原创
2023-04-05 19:50:00
209阅读
目录?小程序代码的构成 - WXML 模板1. 什么是 WXML2. WXML 和 HTML 的区别?小程序代码的构成 - WXSS 样式1. 什么是 WXSS2. WXSS
原创
2023-05-05 16:00:20
192阅读
1、小程序中的js和浏览器中和node中的区别 浏览器中的JS：ES、DOM、BOM Node中的JS：ES、NPM、Native 小程序中JS：ES、小程序框架、小程序API 2、小程序中js的模块化 在小程序中实现JS模块化，和node中、ES6中是一致的，大家还可以使用之前的方式进行JS的模块 ...
转载
2021-10-11 22:39:00
330阅读
2评论
需求 列表中存放对象，根据对象的指定的属性进行排序，按数字排序、中文按拼音进行排序。 测试用数据 l = [ {'name': '张伟'，'age': 23}, {'name': '王伟'，'age': 24}, {'name': '李娜'，'age': 16}, {'name': '孙文'，'ag
原创
2022-05-04 10:30:09
5032阅读
JS交互逻辑详解——data数据变更时同步（setData 函数） & 视图层更新是异步js和wxml交互流程分析js与模板是如何交互的？App() 该函数是微信小程序api的一部分，App名称是固定的getApp() 作用：在子页面中使用全局实例对象中的数据和方法
不可以显示的调用全局生命周期函数但是可以直接操作自定义的数据或者函数这app.js中通过this的方式获取小程序实例Pag
一、简介1、目录结构首先，我们使用微信公众平台提供的开发者工具，创建一个简单的小程序项目，观察项目的目录结构不难看出，一个典型的微信小程序，通常包含一个描述整体的主体部分，以及一个描述页面的 pages 文件夹主体：用于描述整体的程序，位于根目录下，通常由三个文件构成
app.js：小程序的逻辑代码文件，遵守 JavaScript 语言规范
app.json：小程序的公共配置文件，遵守 JSON
