- Vue2 到 Vue3 的转变
- MongoDB 数据库的使用
- websocket 开发
- 使用 Vue3 进行复杂组件库编写
- 使用 Node.js 进行全栈开发
- Nginx、PM2、Tomcat 等轻量级服务器
本次课程将基于 Vue 3、Node.js、MongoDB 及 Socket.io 实现一个聊天室包含整个项目的前后端以及部署知识。 课程前期以讲解 Vue 3 在项目中的使用,自定义属于自己的 Vue 组件库、Vue 3 开发避坑。后期将涉及 Node.js 后端开发、websocket 、MongoDB 的使用、以及如何搭建后端脚手架,同时会讲解如何在云服务中部署项目等。
课程中介绍了 Vue 项目开发知识和开发经验,其中也有一些思维引导,以及 Vue2 过度 Vue3 需要注意的地方,学习本课程需要有一定 Vue.js 基础。
从一定程度来说,本课程是给想要深入 Vue.js 和 Node.js 的初学者提供一些经验和思路,特别是 Node.js 现在能做的事情太多了很值得学习。但是技术的迭代太快,人的精力又是有限的怎么都追不上,好在编程思维和开发习惯等一些意识形态的东西是共通的。所以课程除了技术外会更多的讲解这些共通的点如:设计模式,思维导图。
代码运行没有错误,功能符合需求,这是编程的基础。但是这并不意味着这份代码就合格了。
从实验八开始,就是 Node.js 后端开发相关的部分了。在本节中,会先介绍了解云服务器相关的知识,然后主要针对项目部署相关如 Nginx
、反向代理、项目部署 等运维及架构方面的知识进行讲解。
实验九主要介绍 Mongodb 数据库,课程中主要介绍 Mongodb 的搭建特点以及如何使用 JavaScript 库对 Mongodb 进行操作。
实验十主要学习网络编程相关的内容,网络编程是 Web 开发中相当重要的概念,通过对网络编程相关知识的铺垫后,进而学习 Websocket 的使用。
实验十一需要使用前几章所学知识搭建 Node.js 服务手脚架,并完成课程目标,完整实现在线聊天室这一项目。
前面这三章铺垫,把标签页从简单讲到复杂,也没把vue3 setup讲好,铺垫了太多知识跨度很不自然,个人感觉宁愿直接详细讲动态组件增删减那一块,学习体验会更好
学习了网络编程的基础知识及socket.io
介绍了MongoDB及Mongoose.js库和数据库进行的交互。按实验步骤很容易实现该学习目标。
介绍了服务器环境的搭建,nginx,tomcat的基本操作,反向代理、负载均衡等基本概念。值得进一步深入学习。
实现chat-main, chat-tab, 对vue的知识点要求比较高,建议先熟练掌握vue基础,否则这一章会比较困难。
本实验的二个不足之处及一个使用经验: 1,本实验一开始应该声明IChat项目与前几章建立的vue-tabs有没有关系,是重新建一个还是在之前的文件夹上修改, 2,实验介绍了阿里的iconfont基本使用,但是没有介绍需要多少个图标文件,还以为是需要自己购买添加到本实验项目里(如果是这样的话应该告诉用户需要多少个图标文件)。还好本实验提供了下载链接,可以直接使用。 3,无关实验,关于iconfont好像不能批量购买,这也太傻了。需要按F12在console里加一小段脚本如下,可以批量加入购物车,供参考。 var ll = document.getElementsByClassName('icon-gouwuche1'); for (var i=0; i<ll.length;i++){ll[i].click();}
学习了:Vue 的生命周期、父子组件通讯、setup 及渲染函数 render 难度等级八颗星
通过计算出有多少个 tab-page 组件并且提取出 props 或者 data 属性值,根据计算所得的个数去渲染 tab-button 按钮。 tab-page 组件在这之前我们已经实现了自动辨别是否激活,通过 $parent 去获取当前激活的标签页 key。 程序改的非常巧妙,但是难度陡然上升,正如文章里所说,需要大量的代码练习。
使用 v-show 取代 v-if, 每次切换tabs时不用重新渲染标签页内容(tabs-content)。减少了性能开销。
讲解了MVC与MVVM的区别。动态组件,v-if及v-show的差别。
环境建立没有任何问题,按步骤可以很容易实现。
本课程不在于 "实现tab", 更侧重于深层次的优化与原理讲解. 适合有vue开发经验的小伙伴学习
有点莫名
学完了该章节,未填写评价内容
学完了该章节,未填写评价内容