基于 Vue 3 script-setup 语法糖的俄罗斯方块项目实践

Posted 2021-08-17 前端开发博客

一个前端程序员，说起 Vue 3肯定不会陌生，作为时下最火的前端框架之一，很多人将它作为入门框架。

但是尽管 Vue 3很久之前就已经开始投入使用，也不免会有人抱怨 Vue 3的知识点太多太杂，更新太快。这不，最近 Vue 3又定稿了一项新技术：script-setup 语法糖。

既然是新技术面试中就难免会被问到，如果你回答不上来岂不是会被定义为不关心前沿技术？

而由于目前网上靠谱的教程不多，自学又会有一定难度。所以我给大家推荐一个应用级实战项目《撸个双人联机版俄罗斯方块》，以用户故事驱动开发，小步骤迭代开发思想， 单元测试提高开发效率，重构技巧， Vue 3 script-setup 语法糖的应用，来从0 到 1 的搭建整个项目。

不仅仅会涉及到新技术的使用，这个项目中还会应用到很多基础知识及前后端技术，帮助大家顺利串联起前后端零散的知识点，理解前后端的关系以及它们是如何联系起来的，解决因知识点太杂而理不清学习路线的问题。

我给大家争取到了一些优惠名额，现在扫描二维码，0.99元即可报名！

上课时间：7月20日-22日 每晚8点

赶快扫码报名吧

Ps.为了给大家更好的提供个性化服务，一定记得填写报名表激活课程哦！

之后一定记得添加助教老师微信，以便发送上课链接及相应学习资料，完课之后还有福利送给你哦！

你将学到：

1

主讲老师介绍

这次训练营的主讲老师崔效瑞， 是资深前端工程师，element3 技术负责人，mini-vue 作者，作为测试驱动学习实践者，对如何快速学习有一定的经验技巧。

崔老师也曾就职于好未来、白鹭时代，在教育行业，游戏行业等行业深耕多年，在H5游戏开发，重度前端架构设计、TDD和重构方向具备丰富的实践经验。

老师在B站及Github上也有不少技术知识分享，朋友们可以先去了解一下哦！（分别搜索阿崔cxr及 春去春又来就可以找到老师啦）

2

3天课程安排

本次训练营采用迭代式教学的方式，从具体的问题出发，驱动知识点，教给你从流程到实现如何设计一个程序，包括数据结构的选择，算法的实现等知识。

第一天，以「用户故事」为切入点，利用 script-setup 语法糖等技术点开始搭建俄罗斯方块游戏。你将学到功能核心，命令式外壳模式在Vue3 中的应用。

第二天，你将会学习到单元测试在 Vue 3 中的实战使用技巧，老师会教给你如何用它调试程序，提高效率。

同时，这一天老师还会带领大家对比3份简历，以面试官的角度带你了解让hr一眼看中的简历应该是什么样子。有面试需求的朋友们千万不要错过哦！

第三天：通过 webstock 实现双人联机版俄罗斯方块游戏，同时带你了解前后端是如何联通的。

3

社群答疑，保障学习效果

为了避免大家在学习过程中的“懒惰”心理，除了课程本身，训练营还提供了社群答疑的服务，带领大家巩固所学知识，有效吸收课程内容，有任何问题都可以询问助教老师。

4

课程惊喜福利

除了上课学习之外，3天训练营课程每天都会有学习资料领取，帮助你快速进阶，有效学习！

现在扫描二维码，0.99元即可报名！

上课时间：7月20日-22日 每晚8点

赶快扫码报名吧

Ps.为了给大家更好的提供个性化服务，一定记得填写报名表激活课程哦！

之后一定记得添加助教老师微信，以便发送上课链接及相应学习资料，完课之后还有福利送给你哦！