README
2025-03-21
03
25
julyfun
notes
小程序开发教程
AIAI 开发文字版https://www.ruanyifeng.com/blog/2025/01/tencent-cloud-copilot.html小程序视频教程https://www.bilibili.com/video/BV1834y1676P?spm_id_from=333.788.videopod.episodes&vd_source=1acae9ee50868a5f41c09d12b0b85307&p=4另一个教程看一下: https://pan.baidu.com/s/1crZTQdIZ7OSDkZIpIWkhYw?pwd=1234#list/path=%2Fsharelink3232509500-440120063745026%2F1.%20%E6%89%8B%E6%8A%8A%E6%89%8B%E6%95%99%E4%BD%A0%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F&parentPath=%2Fsharelink3232509500-4401200637450262. HTML基础语法HTML简介什么是HTML?HTML的基本结构常用HTML标签<div>, <span>, <p>, <h1>-<h6>, <a>, <img>, <input>, <button> 等HTML属性id, class, style, src, href 等HTML表单<form>, <input>, <textarea>, <select>, <button> 等3. JavaScript基础语法JS简介什么是JavaScript?JS在微信小程序中的作用变量与数据类型变量声明:var, let, const数据类型:Number, String, Boolean, Array, Object, null, undefined运算符算术运算符、比较运算符、逻辑运算符控制结构if 语句、switch 语句、for 循环、while 循环函数函数声明与调用参数与返回值事件处理什么是事件?常见事件:onClick, onLoad, onShow 等4. 微信开发者工具介绍下载与安装下载微信开发者工具安装与配置界面介绍项目结构编辑器、调试器、模拟器创建第一个小程序项目新建项目项目目录结构介绍代码编辑与调试编写HTML和JS代码实时预览与调试5. 实战练习创建一个简单的页面使用HTML和JS创建一个简单的页面添加按钮并绑定点击事件调试与运行在微信开发者工具中调试代码查看效果并修改代码6. 总结与答疑回顾今天学习的内容解答学员疑问布置课后作业:创建一个包含表单的页面,并实现简单的交互功能7. 课后作业创建一个包含以下元素的小程序页面:标题输入框按钮点击按钮后,显示输入框中的内容8. 参考资料微信小程序官方文档MDN Web Docs - HTML[MDN Web Docs - JavaScript](https://developer.mozilla.org/z