课程大纲

介绍

  • Alpine JS概述
  • 什么是 Alpine JS 指令

开始

  • 了解Alpine JS在现代网页设计中的作用
  • 学习使用 Alpine JS 以及何时使用成熟的 Web 框架
  • 安装 Alpine JS
  • 创建 Alpine JS 程序

使用 AlpineJs

  • 在 Alpine.data 中重用数据对象
  • 声明全局数据存储:Alpine.store

Alpine JS 指南

  • 声明网站数据:x-data
  • 添加切换开关:x-show
  • 使用 x-on 的自定义事件和事件修饰符
  • 设置动态 HTML 属性:x-bind
  • 使用 x-bind 进行高级属性绑定
  • 将数据绑定到表单元素:x-model
  • 设置元素的内容:x-text 和 x-HTML

Alpine JS 组件的初始化

  • 元素初始化时运行代码:x-init
  • 响应依赖项更改:x 效应
  • 按键引用元素:x-ref

故障 排除

摘要和后续步骤

要求

  • 对 Web 框架有基本的了解
  • 具有网页设计基本编码的经验
  • JavaScript 编程经验

观众

  • 开发 人员
 14 小时

人数



每位参与者的报价

客户评论 (5)

相关课程

课程分类