Skip to content

Index

AI

2. 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. 参考资料