微信小程序开发（自学笔记，初级）

最新推荐文章于 2024-04-20 18:24:03 发布
最新推荐文章于 2024-04-20 18:24:03 发布
阅读量172 收藏
点赞数
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31897241/article/details/104610766
版权

1.下载官方开发工具

2.选择开发类型

在这里插入图片描述

3.目录结构

app.js：生命小程序
app.json：设置程序的配置
app.wxsl：样式
utils：代码复用
在这里插入图片描述

数据绑定

在这里插入图片描述

  • 绑定属性：（所有的组件和属性要小写）
    在这里插入图片描述
  • 判断属性
    在这里插入图片描述

标签的属性

在这里插入图片描述

列表渲染，绑定

在这里插入图片描述

条件渲染

在这里插入图片描述

  • 生成1到3的随机数。

定义模板 template标签

可以在多处进行调用。
用is属性声明需要的是哪个模板

文件引用方式：

-1.import
在这里插入图片描述
-2.include
在这里插入图片描述

鱼雨羽
关注
专栏目录
微信小程序 一 小程序的创建、宿主环境、常用组件、开发上线等
m0_55170432的博客
07-02 1081
小程序简介 1. 小程序与普通网页开发的区别 运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 API 不同 由于运行环境的不同，所以小程序中， 无法调用 DOM 和 BOM 的 API。 但是，小程序中可以调用微信环境提供 的各种 API，例如： 地理定位、扫码、支付 开发模式不同 网页的开发模式：浏览器 + 代码编辑器 小程序有自己的一套标准开发模式： 申请小程序开发账号、 安装小程序开发者工具、 创建和配置小程序项目 2. 注册小程序开发帐号（获取小程序的 AppID） 点击注册按钮
零基础入门微信小程序开发
热门推荐
GitChat
07-03 34万+
本课程是一个系列入门教程，目标是从 0 开始带领读者上手实战，课程以微信小程序的核心概念作为主线，介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展，另外加上开发工具的安装、小程序发布等内容，共 9 篇文章。
最全教程：微信小程序开发入门详解
05-09 3万+
笔者由于工作需要，曾经参加过一个微信小程序同 SAP 系统集成的项目，因此从零开始学习了微信小程序的开发知识。这里通过系列文章把自己所学分享出来，希望对相关学习者有所帮助。 步骤1：微信小程序的申请和开发环境的搭建 本步骤主要是微信小程序的注册和开发环境的搭建。 首先我们要在​​微信官方网站​​申请一个属于自己的微信小程序： 点击按钮 ​​前往注册​​。注意我们需要使用一个没有注册过微信小程序或者微信公众号的邮箱。我用的是网易邮箱。注册之后，邮箱会收到一封激活邮件。 激活之后，就可.
零基础分分钟入门微信小程序开发，实战篇
黑马程序员官方博客
04-13 4540
学习目标： 从认识小程序开始搭建开发环境，以案例结尾。 学习内容： 1.认识小程序（相关概念） 2.知识储备 3.搭建开发环境 4.目录介绍 5.代码编写 6.文件配置 学习时间： 抽出20分钟基本就可以完成前期学习 文章目录学习目标：学习内容：学习时间：一、认识微信小程序1.了解应用如何开发2.微信、公众号、小程序3.小程序和公众号的区别3.小程序和APP的区别二、知识储备三、搭建开发环境1.安装开发环境2.安装：傻瓜式安装>>一直下一步3.长江见 一、认识微信小程序 1.了解应
微信小程序进阶篇
deepquiet的博客
05-30 7272
微信小程序
微信小程序开发 - 学习笔记
认真搞技术
02-01 370
主要用到的技术： 页面布局：WXML 页面样式：WXSS 开发者权限开通： 管理员在小程序后台管理中将开发者微信账号添加到成员中后，开发者才能有权限开发。 默认首页的设置： app.json->pages->第一行 如何新建页面： 在app.json->pages 中添加一行即可自动生成文件夹和文件 如何实现文本换行： 在文本内容的后面加入 \n 可实现文本换...
微信小程序开发、笔记
m0_59134070的博客
11-03 332
微信小程序入门 什么是微信小程序？ 小程序可以视为只能用微信打开和浏览的网站，小程序页面本质上就是网页 微信小程序的缺点 项目体积不能超过20MB 微信小程序的优势 微信 App 的功能（比如拍照、扫描、支付等等），小程序大部分都能使用 环境搭建流程 微信公众平台注册上注册开发者账号，得到APPID和APPSecret 下载微信开发工具，创建项目时填写自己的APPID 小程序的WXML 标签语言 <view> 标签表示一个区块，用于跟其他区块分隔, 类似
微信小程序开发之——个人中心-框架搭建(3)
2401_84149694的博客
04-20 1033
,“text”: “个人中心”},说明：| 属性 | 说明 || list | tabBar下的tab标签列表 || pagePath | 页面路径 || iconPath | 默认图标 || selectedIconPath | 选中图标选项 || text | tab显示文字 |
微信小程序开发之——列表渲染-wxfor(1)
2401_84149765的博客
04-20 652
二 wx:for渲染列表。
微信小程序开发之——mpvue开发小程序(1)
2401_84149570的博客
04-20 1120
我的面试经验分享可能不会去罗列太多的具体题目，因为我依然认为面试经验中最宝贵的不是那一个个具体的题目或者具体的答案，而是结束面试时，那一刻你的感受以及多天之后你的回味~很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，对此我整理了一些资料，需要的可以免费分享给大家在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含。
微信小程序之商品属性分类-——-微信小程序实战商城系列（4）
2301_79056696的博客
04-20 750
现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水！为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！Android架构师之路很漫长，一起共勉吧！
微信小程序之自定义模态弹窗（带动画）实例-——-微信小程序实战系列（8）
2401_84149256的博客
04-20 572
masktop: 0;left: 0;left: 0;超出父盒子高度可滚动.btn_ok{.top{.bottom {.title {color:#000;input {
微信小程序入门开发教程（详解）
wyyy2088511的博客
09-17 4万+
5、app.json是对整个小程序的全局配置（必须），用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的第一个页面是小程序的首页。如果不指定页面的样式表，也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。4、app.js是小程序的脚本代码（必须），可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富的 API。
从零开始自学微信小程序（一）
weixin_43898930的博客
02-18 1391
开发环境：MyEclipse2017 + Tomcat 8.5 + MySQL 5.7.26 + 微信开发者工具 emmmmm这些环境的搭建就不写了，网上太多了 之前通过看视频已经大概了解了微信小程序，现在开始实践 今天完成了简单的登录及登录成功后的页面跳转（还不完善，后期完善了会进行更新） 数据库设计： 前端部分代码（微信开发者工具实现）： 页面结构：（其中页面 tabMembers 和页面 ...
08-React redux
09-14
redux 相关代码以及 redux 开发者工具
C#中的数据库迁移是如何实现的
09-14
在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。 在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。
RS485数据收发程序示例
09-14
RS485数据收发程序示例
基于ssm的闲置图书分享平台系统设计与实现.docx
最新发布
09-14
基于ssm的闲置图书分享平台系统设计与实现.docx
C#中的Lambda表达式：简化委托与表达式树
09-14
在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以用于委托、表达式树、LINQ查询等多种场景。通过使用Lambda表达式，开发者可以编写更加简洁、可读和可维护的代码。理解Lambda表达式的工作原理和使用场景对于编写高效的C#程序至关重要。 在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以
"2022年微信小程序开发教程笔记及全面概述
下面是我对微信小程序开发的一些笔记，包括微信小程序的概述和新增属性等内容。这些笔记将帮助你更好地理解微信小程序开发的基本概念和技术要点，为你的实际开发工作提供指导和帮助。 微信小程序开发 - 1 微信小...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鱼雨羽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值