JS交互逻辑详解——data数据变更时同步(setData 函数) & 视图层更新是异步js和wxml交互流程分析js与模板是如何交互的?App() 该函数是微信小程序api的一部分,App名称是固定的getApp() 作用:在子页面中使用全局实例对象中的数据和方法
不可以显示的调用全局生命周期函数但是可以直接操作自定义的数据或者函数这app.js中通过this的方式获取小程序实例Pag
Promise 对象Promise 的含义基本用法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.resolve()Promise.reject()应用Promise.try()Promise 的含义Promise 是异步编程
转载
2024-07-26 18:10:05
45阅读
properties属性 在小程序组件中,properties 是组件的对外属性,用来接收外界传递到组件中的数据 properties定义properties: {
// 第一种方式:简化的定义方式(没办法指定默认值)
// max: Number
//第二种方式:完整的定义方式(可指定默认值)
max: {
type: Number,
va
转载
2024-05-29 11:25:11
544阅读
最近又在做小程序开发的工作。这次需要获取用户的地理位置,就是在界面上显示用户所在的城市。准备工作准备工作就是看小程序的文档-小程序-获取位置。 这里小程序提供了一个接口(OBJECT)。接口参数 这里主要是那个type参数。success返回 这里我们可以看见返回的数据里面和位置相关的只有经纬度latitude和longitude。但是这个是数字,用户并不需要关系这些也看不懂,用户只需要知道当前
微信小程序文档中提供的组件有限,一定程度上限制了开发需求,这里就需要我们自定义一些控件,实现开发需求。自定义控件有两种方式,一种是选择模板的方式,另一种是选择组件的方式来创建。这里我选择了组件方式来创建,这样只需引入组件和外部添加数据,内部展示数据,即可实现重用。1、文件目录结构这里一定要注意我们目录结构,个人喜好把项目中的业务文件放在pages中,图片放在与pages同级的images文件中,第
现在WEB开发门槛越来越高,不想java 会了就可以有工作,前端不行 ,不仅JavaScript要求不低,基础的HTML+CSS还要扎实,jquery也是必须要会,现在的前端框架 Vue Ng React 还必须要会使用一个,不然出去都不存在找到工作,几年前前端要求都是应用层,现在面试都是看基础,比如面试官出一道题[]+[]
[]+{}
{}+[]
{}+{}
1+"1"+2
1+1+"2"
前端的框架太多让人眼花缭乱,很多相似的地方,优秀的地方大家都会借鉴,同时又会有各自的一些特点。小程序也好,其他框架也好,理解他们的设计缘由、实现原理,还是能学到很多很多东西的。一切始于双线程技术选型目前来说,页面渲染的方式主要有三种:Web 渲染。Native 原生渲染。Web 与 Native 两者掺杂,也即我们常说的 Hybrid 渲染。前面也说过,小程序最终的呈现形式,是 WebView +
一、view组件及其重要属性view最主要的功能是布局1.1 相关属性属性1:hover-class 指定按下去的样式类这个属性指定按下去的类样式,让容器有一个单击效果, 当hover-class="none"时,或者没有设置这个属性时,就没有单击态的效果。 单击、再松开手指之后,容器组件恢复之前的状态。<view hover-class="bc_red" class="section__t
转载
2024-05-16 08:41:24
121阅读
微信小程序包含以下四种类型的文件:
.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件1 JSON 配置JSON 是一种数据格式,在微信小程序中,JSON 文件用于实现静态配置
经过上一章节的介绍,我们知道了在微信小程序当中组件的.json文件的作用其含义之后,本文将继续来刨铣组件当中的每一个文件的作用其含义,这次介绍的是组件当中的 .js 文件。 其实呢这个js文件你自己结合我们之前讲解过来的这么多内容了你应该也是可以猜得出这个是用来监听组件的生命周期和组件的数据存储逻辑
原创
2023-04-06 00:19:00
149阅读
经过上一章的页面.json文件的介绍,我们知道了页面的.json文件可以覆盖全局文件的配置项。本章主要讲解一下页面目录当中下的.js文件,该文件主要作用于页面的数据管理和生命周期。 官方文档:https://developers.weixin.qq.com/miniprogram/dev/refer
原创
2023-04-05 19:50:00
209阅读
星空学堂starSchool1.项目搭建2021.11.1bug1(使用less)HbuilderX使用less报错在uni-app官网导入hx也失败解决办法:进入hx安装目录并在控制台执行npm installbug2(组件跳转)组件内使用路由跳转使用相对路径不能跳转,需要使用绝对路径bug3(tabbar1)多用户切换,根据进入的用户不同显示不同的tabbar,因为uni-app只在pages
转载
2024-08-01 19:41:08
177阅读
前言微信小程序保存到内存中有两种方法,一种是同步一种是异步,两个方法有着独特的用处,在小程序控制台中的Storage中可以查看保存到内存中的数据。保存到内存中也就是我们平常说的本地存储,有一个内存限制,但是一般都可以满足开发的一个数据大小话不多说 直接说操作下面是如何保存数据 代码。 注意!!!:同步与异步写法不同// 比如如何将一个数据保存到本地数据中,方便后续的开发取相应的数据
//这里存储数
转载
2024-06-21 08:15:49
168阅读
简介Trello是一款团队管理工具。本文介绍的是使用微信小程序做一个积分排名的项目,从微信小程序端去调用Trello的接口、获取掘金上面的文章,按照特定的规则去积分。项目开始之前需要做一些准备工作:注册 Trello 账号-->注册为开发者 -->获取 trello 开发者的key -->生成 token。然后进入Trello API 文档获取需要的接口。成为微信小程序开发者,具
最近在做微信小程序,引入weui的时候踩坑了好久,这里记录一下遇到的问题。微信官方文档给了两种weui引入方式:通过 useExtendedLib 扩展库 的方式引入,这种方式引入的组件将不会计入代码包大小。可以通过npm方式下载构建,npm包名为weui-miniprogram
但是注意!!!如果使用扩展组件的话必须使用npm的安装方式安装weui以使用tabs选项卡组件为例
自定义组件 - 组件的创建与引用 1. 创建组件 ① 在项目的根目录中,鼠标右键,创建
components
->
test
文件夹 ② 在新建的 components -> test 文件夹上,鼠标右键,点击“
新建 Component
” ③ 键入组件的名称之后回车,
1.微信小程序公共组件封装由于有些页面上会出现重复的代码,就需要把它提炼成组件的形式,方便后期的应用,也可以提高开发效率,接下来我就把上一篇文章里做过的一个简单的顶部导航菜单封装成公共的组件。1.1. 创建组件首先在components中新建一个文件夹,在此文件夹上右击选择新建component选项,建好的目录结构如下1.2 在子组件topnav.wxml里面写入标签<!-- 顶
转载
2024-09-20 16:01:36
386阅读
微信小程序 组件的使用微信小程序支持简洁的组件化编程。好的组件可以多次重复使用,引入方式简单,代码量少,页面简洁好维护,看起来逻辑比较清晰,代码也比较好看。今天我们来讲一下 怎么自定义一个自己的组件,并使用它。首先先放官方的文档,介绍的还是比较清楚详细,有能力的同学请直接阅读官方文档小程序组件官方文档自定义自己的小程序组件页面使用组件一、自定义组件1、新建一个组件文件夹文件夹下面包涵我们需要的4个
在做过一系列小程序之后,对小程序的登陆鉴权的流程也有一定的理解,类似于 B 端小程序自不必说,要用户信息手机号地址可以一把梭。做一个引导页面进行判断然后要求用户给与绑定,用户自然不会多说什么,毕竟这是企业级别应用。但是当涉及到 C 端小程序时候。想让用户进行绑定,就势必要给与用户便利。预先绑定类该类小程序在使用之前就需要绑定用户信息。常见于线下门店类功能性小程序。线下操作时有大量的优惠活动来支持小
事件什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。<view id="tap