Alpine.js 超轻前端
1小时11分钟
本套视频课程咱们看一看这一年来风靡全球开发圈的 Alpine.js, 我们在学习前端框架时遇到的最大问题就是学习曲线问题,哪怕是 Vue.js 这个渐进式的前端框架,不少人也没能坚持下去,而在实际的项目中,我们的项目可能并不需要使用到这些大前端框架,我们更希望前端工具能像 JQuery 那样简单易学易用,而且可以将逻辑梳理清楚。轻量级的 Alpine.js 就是这样的框架,两个小时的学习时间,足以轻松应对前端的工作,无需花费那么多的时间成本。
Alpine.js 像 Jquery 一样简单易学易用的前端框架
03:42
x-data 指令 - Alpine.js 的入口和渲染范围的指定指令
05:05
x-init 指令 - 明白它的设计初衷才是最重要的
02:51
x-show 指令 - 模拟真实的使用场景,演示 x-show 的使用
04:37
x-model 指令 - 数据双向绑定让数据实现联动
06:16
x-model 指令 - Radio Button,Checkbox,Select 实现数据绑定
07:22
x-bind 指令 - 属性绑定指令,想绑啥就绑啥
06:10
x-html 指令 - 使用 x-html 指令实现前端解析 markdown
05:36
x-for 指令 - 循环遍历时如何有效避坑,vue 同理
07:49
x-if 指令 - 我跟 x-show 的运行机制是完全不同的
04:34
$watch - 霸道的美国,我想监控谁就能监控谁
03:25
$el - 方便快捷得操作当前的节点目标
04:18
$refs - 实现代码、内容复制到粘贴板的小功能
03:41
x-on 指令 - 强悍的事件处理能力,你一定要去探索
06:09