微信小程序学习

微信小程序学习记录（2）视图层之wxml（数据绑定大括号，wx:for,wx:if）

1，数据绑定WXML中的动态数据均来自对应Page的data。用双大括号将变量包起来，可以作用于(参考：https://www.w3cschool.cn/weixinapp/weixinapp-data.html)内容{{message}}Page({data:{message:'HelloMINA!'}})组件属性（需要在双引号之内）Page({data:{id:0}})控制属性（需要早双引号之
Spider_man_·2024-08-29 21:56

微信小程序学习记录——4.框架-视图层

文章目录1.WXML数据绑定简单绑定运算组合列表渲染wx:forblockwx:forwx:key条件渲染wx:ifblockwx:ifwx:ifvshidden模板定义模板使用模板模板的作用域引用importimport的作用域include事件什么是事件事件的使用方式事件分类事件绑定和冒泡事件的捕获阶段事件对象timeStamptargetcurrentTargetdatasettouches
赈川·2024-03-12 13:01

微信小程序学习指南：从基础知识到代码展示

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序学习指南：从基础知识到代码展示文章目录引言一、微信小程序的基础知识1.1小程序的概念和特点1.2开发工具的选择和安装1.3
Java Fans·2024-02-09 23:59

微信小程序的学习（2018.4.18）

微信小程序学习页面跳转的两种方式：a).新闻跳转b).在微信里面alert没法用，带window的都不可以用index.wxml跳转到新闻界面index.jsaaa(){console.log(111)
zn_Liujiang·2024-02-09 15:58

微信小程序学习笔记（ 小程序框架 ）

必看这个只是我的学习过程算是日记形式吧，过程是按微信的官方文档的循序来，从指南中的小程序框架开始，指南中这一节之前还有页面配置，目录结构，还有很多介绍，没有写但是是非常重要的，一定要看，像指南后面的框架，组件，API更像是字典形式很细，所以*指南*这里很重要，建议学之前先学一点框架vue，react都可以，当然学框架之前也要了解一点node（深入浅出nodejs这本书挺好的的，至少了解一下前两章N
BYE＆·2024-01-22 09:33

微信小程序学习笔记（1）

微信小程序学习笔记1.小程序代码结构2.逻辑层和视图层3.小程序的宿主环境（通信模型、运行机制、组件、API）4.数据绑定和事件绑定1.小程序代码结构当开发者新建一个工程时，项目文件包括下图所示的各部分
东篱_Y·2024-01-08 23:18

微信小程序学习笔记，知识点全面概括总结

目录一、安装依赖包二、小程序简介2.1小程序与普通网页开发的区别？2.2使用2.3项目文件结构介绍2.4运行机制：2.5组件2.6API：事件监听、同步异步API三、数据绑定四、事件对象属性4.1常用事件4.2bindtap的使用4.3访问和修改data中的数据、data-*事件传参五、事件绑定5.1条件渲染1.block包裹性容器：条件成立渲染2.wx:if：动态创建移除元素控制展示与隐藏3.h
秋绥冬禧.·2024-01-08 23:17

微信小程序学习笔记(二)模板与配置

文章目录1.WXML模板语法1.1数据绑定1.1.1数据绑定的基本原则1.1.2在data中定义页面的数据1.1.3Mustache语法的格式1.1.4Mustache语法的应用场景1.1.5动态绑定内容1.1.6动态绑定属性1.1.7三元运算1.1.8算数运算1.2事件绑定1.2.1什么是事件1.2.2小程序中常用的事件1.2.3事件对象的属性列表1.2.4target和currentTarge
凉宫凉宫凉·2024-01-08 23:47

微信小程序学习记录8（云开发专题）

绑定事件的名称不能是生命周期函数！——某名人。为了使前端开发成员能够在没有后端支持的情况下独立完成开发调试，微信退出了云开发的功能，可以建立一个小型数据库为前端开发者提供支持。这个数据库基于微信云，使用简单方便，并且具有数据库的增删改查能力。同时，作为前端成员的利器，后端成员往往也需要学习这个小型数据库来进一步理解数据库，为将来将数据库MySQL部署到服务器上做准备。首先，在使用云开发功能前，我们
飞猪0_0·2024-01-01 22:21

【微信小程序开发零基础入门】——微信小程序入门

微信小程序学习前言学习小程序跟学习网页开发有什么不同1.运行环境不同网页运行在浏览器中，而微信小程序运行在微信中2.开发模式不同网页开发一般用浏览器+编译器而微信小程序也有自己的一套标准开发模式：申请小程序开发账号安装微信开发者工具软件创建和配置小程序项目
Belle_Daisy·2024-01-01 21:31

自己的微信小程序学习笔记【3】——第三方UI库Lin-Ui的加载及使用

其他微信小程序的学习笔记自己的微信小程序学习笔记【1】——小程序开发工具的使用及项目文件说明自己的微信小程序学习笔记【2】——从零开始新建项目文章目录其他微信小程序的学习笔记前言一、Lin-UI组件库1
小小河神纠结多·2023-12-17 15:23

自己的微信小程序学习笔记【1】——小程序开发工具的使用及项目文件说明

系列文章目录文章目录系列文章目录一、小程序开发工具的设置二、文件夹说明1.完整文件结构2.页面文件夹的文件说明3.重点文件说明一、小程序开发工具的设置快捷键设置及查看：项目设置勾选不校验合法域名二、文件夹说明├─components————>组件文件夹├─images————>图片文件夹└─pages————>页面文件夹├─base————>第一个页面└─cloud————>第二个页面1.完整文件
小小河神纠结多·2023-12-17 15:22

自己的微信小程序学习笔记【2】——从零开始新建项目

系列文章目录自己的微信小程序学习笔记【1】文章目录系列文章目录一、从零开始创建项目文件二、三种基础组件1.图片组件(1)图片的通常显示方式(2)图片的样式设置2.文件标签3.按钮三、flex布局1.容器概念
小小河神纠结多·2023-12-17 15:22

【课程文章】微信小程序学习指南

本文章是配合【微信小程序】视频教程的指南目录文章准备软件：这些软件可以在（点击这里）【微课百家】下载。1.MySQL数据；2.Navicat工具；3.TodoDemo或者TeachDemo，配合小程序使用的后端对接平台源代码；4.JDK和Tomcat；
潭池先生·2023-12-16 12:19

微信小程序学习12--在小程序中使用npm

npm包用法npm基本用法小程序目前不支持直接引入node_modules,开发者需要使用到node_modules时候建议拷贝出相关的代码到小程序的目录中，或者使用小程序支持的npm功能。#初始化$npminit-y#安装mime模块$npminstallmime//pages/index/index.js//直接不会导入成功！constmime=require('mime');小程序默认不支持
木蓝茶陌*_*·2023-12-04 11:39

微信小程序学习笔记（三）-- 首页及详情页开发

一、常用组件在上一个章节中讲解了封装请求数据的模块，在此处请求轮播图的数据1.首页轮播图数据的请求以及渲染1.1轮播图数据的请求pages/home/home.jsimport{request}from'./../../utils/index.js'Page({​/***页面的初始数据*/data:{bannerlist:[]},​/***生命周期函数--监听页面加载*/onLoad:functi
千锋HTML5学院·2023-12-01 09:19

微信小程序学习——数据库的初始化及数据处理

目录一、数据库的初始化二、插入数据三、数据的查询四、结果总结一、数据库的初始化1、首先新建一个文件夹，命名为testuser，然后在新建page，命名为testuser2、然后在testuser.js中的onLoad（）中添加数据库初始代码：constdb=wx.cloud.database()//数据库的初始化方法。3、点击云开发，新建数据库，命名为testuser4、引用数据库。在testus
m0_7Ella·2023-11-28 11:50

微信小程序学习——使用外部UI库

前言使用外部UI库可以更加迅速高效的提高开发效率，节省一些时间。一、安装vantweapp组建库1、安装nodejs及配置环境变量（1）搜索下载|Node.js中文网（2）选择“全部安装包”，选择需要的版本进行下载，可以选择v11.0.0版本，然后将其解压，就安装好了。（3）打开nodejs文件夹，在里边建立两个文件夹，一个是node_cache:用来存储缓存一个是node_global:用来存储
m0_7Ella·2023-11-28 11:50

微信小程序学习

微信小程序学习声明：本文章是基于黑马程序员的课程所编写，本人才疏学浅，内容仅作参考项目和markdown文件资料：微信小程序:基于黑马程序员的微信小程序笔记与项目文章目录微信小程序学习1.环境准备2.小程序结构目录
cocochimp·2023-11-25 06:24

微信小程序学习入门(一)

1.基础知识1.开发工具：微信专门配备的微信Web开发者工具。2.微信Web开发者工具可以通过扫码登录，发布小程序需要企业级认证的公众号，个人学习可以直接使用quickstart选项生成新项目。3.程序基本的代码结构微信的编码格式是固定的，每个文件夹下含.wxml，.js，.wxss和.json，且文件名相同。.js文件：存放逻辑代码，即保存方法和数据，主要内容在Page()中，json格式Pag
a095·2023-11-23 12:18

微信小程序学习笔记（一）

需要在微信公众平台注册小程序，完成资料填写等，微信公众平台：https://mp.weixin.qq.com然后需要下载微信开发工具，可通过微信公众平台的工具栏下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html扫描登陆小程序后，选择文件路径，默认打开小程序后的界面如下：然后对小程序的代码目录进行一些了
BriskNo1·2023-11-23 11:36

微信小程序学习

1、微信小程序主要目录和文件的作用project.config.json：项目配置文件，用的最多的就是配置是否开启https校验App.js：设置一些全局的基础数据等App.json：底部tab，标题栏和路由等设置App.wxss：公共样式，引入iconfont等pages：里面包含一个个具体的页面index.json：配置当前页面标题和引入组件index.wxml：页面结构index.wxss：
今日份学习·2023-11-21 06:56

原生微信小程序学习之旅(一) -来简单的使用

文章目录取消导航栏标头组件创建添加Component组件接收传入的数据页面创建(Page)关于tabBartabBar自定义样式自定义跳转轮播图轮播图指示点样式改变微信小程序快速获取用户信息路由跳转获取url路径中的参数bindtap(click)传参wx:if编写用户登陆关于默认工程目前的获取方法尝试一下服务端(登陆)初始化nodejs获取openid获取access_token视频播放二维码扫
结城明日奈是我老婆·2023-11-21 01:46

微信小程序学习笔记

一、简介1、组件视图容器view普通视图区域类似于HTML中的div，是一个块级元素常用来实现页面的布局效果scroll-view可滚动的视图区域常用来实现滚动列表的效果swiper和swiper-item轮播图容器组件和轮播图item组件基础内容表单组件导航组件媒体组件map地图组件canvas画布组件开放能力无障碍访问2、API事件监听API特点：以on开头，用来监听某些事件的触发举例：wx.
winnerFly·2023-11-20 20:14

微信小程序学习笔记（二）

1、微信小程序跳转页面的几种方法wx.navigateTo()，跳到下一子级的页面（现在可跳转十层），有返回按钮，当前页面触发的是onHide()事件，但是不能跳到tabbar页面。wx.redirectTo()，是平行页面跳转（关闭当前页面），无返回按钮，触发的是onUnload()事件，但是不允许跳转到tabbar页面。wx.switchTab()，跳转到tabBar页面，并关闭其他所有非ta
pisces辰·2023-11-05 22:29

微信小程序学习笔记（四）

1、微信小程序不支持jquery，不支持dom操作，小程序采用数据绑定形式。可以通过判断条件控制组件，在wxml添加if语句例如：if语句形式为wx:if，wx:elif，wx:else2、微信小程序提供的交互方法（常用）wx.showToast和wx.hideToast，显示消息提示框。wx.showToast({title:'成功',icon:'success',duration:2000})
pisces辰·2023-11-03 18:38

微信小程序学习（02）

页面导航-声明式导航1.导航到tabBar页面tabBar页面指的是被配置为tabBar的页面。在使用组件跳转到指定的tabBar页面时，需要指定url属性和open-type属性，其中：⚫url表示要跳转的页面的地址，必须以/开头;⚫open-type表示跳转的方式，必须为switchTab2.导航到非tabBar页面非tabBar页面指的是没有被配置为tabBar的页面。在使用组件跳转到普通的
板砖拍在墙上·2023-10-27 11:21

微信小程序学习

Window导航栏设置上拉触底的距离概念：上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。设置步骤：app.json->window->为onReachBottomDistance设置新的数值注意：默认距离为50px，如果没有特殊需求，建议使用默认值即可。tabBartabBar是移动端应用常见的页面效果，用于实现多页面的快速切换。小程序中通常将其分为：⚫底部t
板砖拍在墙上·2023-10-27 11:50

微信小程序学习（9） —— 视图层数据绑定

数据绑定WXML中的动态数据均来自对应Page的data。只要把data中的数据改变，视图层就会自动改变，无需使用DOM操作。简单绑定数据绑定使用Mustache语法（双大括号）将变量包起来使用方法：{{内容}}在组件中使用！不论是在组件包含在内，还是在组件属性内的，都是需要使用双花括号！示例：index.wxml：index.js：运行：在控制台可以查看到wxml的id，是data的数据内容转自
na_xie_nian·2023-10-24 14:33

微信小程序学习（3） —— 修改视图层数据

我们在正常的开发上，一般都比较少把视图层上面的数据写成固定形式的，很多都是通过动态获取数据时并更新页面上的数据显示出来下面让我们来一些学习，如何动态修改视图层的数据需求：创建一个按钮，点击这个按钮，改变视图层上面的数据示例：新建一个微信小程序的HelloWorld项目，找到index.wxml文件index.wxml:使用一个元素，使用bindtap事件作为点击事件index.js：在Page({
na_xie_nian·2023-10-24 14:03

微信小程序学习--weui学习1

写在前面：微信官方的文档写的真的好烂，连demo都没有，学起来麻烦死了。这里记录一些我的demo文章目录安装与使用扩展组件SearchbarToptips顶格的提示安装与使用app.json加入"useExtendedLib":{"weui":true}安装就成功了然后在想要的页面json加入想要的插件"usingComponents":{"mp-searchbar":"weui-miniprog
一只小余·2023-10-24 09:17

微信小程序商城 java后台

微信小程序学习最近工作正好有闲暇时间，根据公司安排先前期学习调研一下“微信小程序”，以供后期解决相关的运营需求，而本篇文章就是我对此次学习的一次总结。什么是小程序？如何全面具体的学习？
qq_41149326·2023-10-21 05:55

微信小程序学习笔记三

WXSS样式文件组成项目公共样式：会被注入到小程序的每个页面；页面样式：与app.json注册过的页面同名且位置同级的WXSS文件；其他样式：可被项目公共样式和页面样式引用，尺寸单位rpx，以375个物理像素为基准，即在一个宽度为375物理像素的屏幕下，1rpx=1pxWXSS引用CSS中，开发者这样引用另一个样式文件@importurl('./test_0.css')这种方法在请求上不会把tes
mm jiao·2023-10-20 16:35

微信小程序学习记录——3.框架-逻辑层

文章目录1.逻辑层简介2.注册程序App()onLaunch，onShow参数getApp()3.场景值4.注册页面Page()生命周期生命周期中的函数初始化数据页面相关事件处理函数事件处理函数setData()函数Page.prototype.setData()setData()参数格式5.路由页面路由页面栈getCurrentPages()路由方式6.模块化文件作用域模块化7.API简介1.逻
赈川·2023-10-16 05:12

微信小程序学习笔记

项目结构pages用来存放所有小程序的页面utils用来存放工具性质的模块（例如：格式化时间的自定义模块）app.js小程序项目的入口文件app.json小程序项目的全局配置文件app.wxss小程序项目的全局样式文件project.config.json项目的配置文件sitemap.json用来配置小程序及其页面是否允许被微信索引pages目录.js文件（页面的脚本文件，存放页面的数据、事件处理
SoWhat~·2023-10-11 19:47

微信小程序学习笔记3.0

第3章资讯类：仿今日头条微信小程序3.1需求描述及交互分析需求描述仿今日头条微信小程序，要具有以下功能。（1）首页新闻频道框架设计，包括底部标签导航设计、新闻检索框设计及新闻频道滑动效果设计。（2）首页新闻内容设计，包括新闻标题、新闻图片及新闻评论设计。（3）首页新闻详情页设计，显示新闻的详细内容包括标题、发布人、发布时间、正文内容及底部评论区域。（4）“我的”界面列表式导航设计，采用列表式导航来
蔬菜院院长·2023-09-30 14:07

微信小程序学习笔记

目录一.小程序与普通网页开发的区别：二.小程序代码的构成：项目结构小程序代码的构成：JSON配置文件WXML模板：WXSS样式:JS逻辑交互:三.小程序的宿主环境小程序的宿主环境—宿主环境简介小程序的宿主环境—通信模型小程序的宿主环境—运行机制小程序的宿主环境-组件小程序的宿主环境-API四.小程序—模板与配置WXML模板语法WXSS模板样式:全局配置：网络数据请求五：小程序-视图与逻辑：页面导航
前端小马·2023-09-28 03:45

基于微信小程序的学习资料销售平台

文章目录第一章简介第二章技术栈第三章总体设计第四章系统功能的具体实现4.1小程序端4.2后台管理员功能模块第五章源码咨询第一章简介本次设计任务是要设计一个微信小程序学习资料销售平台，通过这个系统能够满足微信小程序学习资料销售平台的管理及用户的学习资料销售功能
计算机毕设徐师兄·2023-09-25 13:07

微信小程序python+nodejs+php+springboot+vue 学习资料销售平台

综述了本文的研究背景，分析了微信小程序学习资料销售平台的结构；更好的从用户的角度出发，发现当今学习资料销售管理中的不足，同时要指出本次系统中的特色。3、系统的设计与实现。
QQ511008285·2023-09-23 10:22

微信小程序学习笔记1.1

1.5微信小程序视图层微信小程序框架的视图层用WXML和WXSS编写，由组件来进行展示。将逻辑层的数据在视图层中进行渲染，同时将视图层的事件发送给逻辑层。WXML（WeiXinMarkupLanguage）用于描述页面的结构，WXSS（WeiXinStyleSheet）用于描述页面的样式，组件（Component）是视图的基本组成单元。1.5.1绑定数据通过双大括号（{{}}）将变量包起来，在WX
蔬菜院院长·2023-09-21 05:43

微信小程序学习笔记1.0

第1章微信小程序基础1.1微信小程序介绍1.1.1什么是微信小程序微信小程序的特点：①微信小程序是不需要下载和安装的；②它可以完成App应用软件的交互功能；③用户扫一扫或者搜一下就可以使用小程序；④微信小程序无处不在，随时随地可以使用；⑤微信小程序无须卸载，应用方便。1.1.2微信小程序发展历程①2016年1月9日，微信团队首次提出“应用号”概念。②2016年9月22日，微信公众平台对外发送小程序
蔬菜院院长·2023-09-19 00:31

漫漫前端之路 CSS -- Flexbox和Position布局讲解

之前因为客户端引入Facebook的YOGA库，以及微信小程序学习的原因，对于前端的布局有一定的了解。书读百遍其义自见，不经常使用的工具还是需要时不时学习，比如Flexbox和Position布局。
李周·2023-09-17 12:34

微信小程序——生命周期详解（代码解读）

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序——使用Vant组件实现Popup弹出层（各位置弹出详细代码分享）文章目录一、生命周期分类1、应用生命周期2、页面生命周期二
Java Fans·2023-09-17 05:15

让梦随风

微信小程序学习活动将于今天下午在华园酒店进行。公交车站离华园酒店还有一段距离，我下了公交车，慢慢向酒店走去。这时天上渐渐飘落起毛毛细雨，我抬头看看天空，不觉加快了脚步。
朗月乘清风·2023-09-08 20:58

微信小程序——van-field中的left-icon属性自定义

当前专栏：微信小程序学习分享✨特色专栏：国学周更-心性养成之路本文内容：微信小程序——van-field中的left-icon属性自定义文章目录前言原始效果期望效果前言  在小程序中，我们是用Vant组件库时
Java Fans·2023-08-26 02:23

微信小程序学习笔记

欢迎访问我的博客https://qqqww.com/，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~文章目录1一些资源2小程序在线Demo3微信小程序文件结构3.1主体文件结构3.2页面文件结构4微信小程序全局配置4.1app.json配置项列表4.1.1pages4.1.2window4.1.3tabBar4.1.4networkTimeout4.1.5debug4.1.6functional
这里王工头·2023-08-21 12:27

微信小程序学习笔记 ( 小程序主体学习 一 配置 app.json 基础食用方法)

目录结构上图是我建立的的微信小程序的目录结构主体学习app.jsonjson简介json在我们web开发中一般是作为前后端数据交互的方式,他是以键值对的形式来进行数据的传输,而他的书写规范也是极为简单的,以{}来包括住整个json文件之后在里面使用健值对的形式来,保存信息,如"key";"value""key":{"valuekey":"value"}"key":["value1","value2
cdhjava·2023-08-21 12:56

微信小程序学习路线

为了适应当前公司业务需求，着手学习微信小程序；为了更快上手公司业务，现在制定以下学习路线，不足之处，还请指证。一、前期准备工作1.1、开发工具安装1.2、开发帐号申请1.3、工程目录结构浏览二、了解小程序工作流程2.1、根据官方文档了解小程序代码组成2.2、了解WXML模板、WXSS样式、JavaScript基本语法；特别是数据绑定、模版引用、事件响应等概念。三、微信小程序UI微信小程序有提供各种
huoshe2019·2023-08-21 00:05

微信小程序学习者必用笔记

1、全局配置1.1window节点常用配置1.2tabBar注意：它是与window和page同级的1.2.1tabBar的6个组成部分1.2.2tabBar的结点配置项1.2.3每个tab项的配置选项1.3局部配置2、新建小程序页面3、常用组件标签3.1view：相当于div3.2scroll-view：可视区滚动scroll-y属性：允许纵向滚动scroll-x属性：允许横向滚动注意：使用竖向
打不着的大喇叭·2023-08-20 09:55

前端笔记：微信小程序学习笔记

#目录[TOC]一、初识微信小程序1、什么是微信小程序Ⅰ-小程序历史2017年度百度百科十大热词之一微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用(张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程)小程序刚发布的时候要求压缩包的体积不能大于1M,，否则无法通过，在2017年4月做了改进
前端小趴菜~时倾·2023-08-08 05:44
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他