当前位置: 首页 > 科技观察

使用Node.js和Strve.js@4.3.0练习一个全新的群聊应用

时间:2023-03-13 18:15:17 科技观察

前言Strve.js目前基本稳定在4.3.0版本。对比之前的稳定版,比如常用的Lifecycle钩子函数。此外,如果您想直接在浏览器中使用Strve.js,可以使用IIFE版本。亮点也很多,比如支持父子组件传值等等。其他的优化,大家可以打开官方文档仔细查看。最近对Strve.js文档进行了整理和优化,同时也部署到了gitee上。以下是优化后的文档。文档地址:https://maomincoding.gitee.io/strvejs-doc/zh/010203现在前端界有那么多的框架或者库,你有能力和信心与之抗衡吗?值得你努力吗?还是需要提高自己的能力。有人在用这个框架吗?与目前市场上的框架相比,它有什么优势吗?这些问题一直在我耳边回响。是的,开发框架或库并不容易。我之前也说过,Strve.js的开发完全是我自己的兴趣。我想用自己的能力实现一个自己的框架,而不是想着Vue和React。竞争。我觉得一个人很重要,知道自己想要什么,不要去管其他的,去做就好了。至于Strve.js的框架,我也会在自己能力不断提升的同时进行完善和优化。我上面说的,只是觉得国内文人看不起对方有点严重,所以我来说明一下我的观点。好吧,既然说了Strve.js这么好用,不如我们来实际项目试试,从实战中看个究竟。转回本文的主题,如何用Strve.js@4.3.0开发一个新的群聊应用?让我们开始吧!实战我们最终实现的群聊应用是这样的,客户端使用Strve.js@4.3.0搭建,服务端使用Node.js搭建。第一步,我们使用CreateStrveApp创建一个项目(使用方法可以参考文档,这里不做介绍)。04第二步大致介绍一下各个目录。服务器目录是群聊应用的服务端,其他文件和目录是群聊应用的客户端。05第三步由于群聊应用的界面比较简单,我们只关注App.js文件。你会看到我们不用任何babel插件也可以编译,而是直接在JS文件中写HTML标签,省去了编译。另外,每个函数都是一个函数,非常灵活。如果要更改页面数据,只需要关心页面链接的那几条数据即可。还有一点,如果我们要使用DOM元素的method属性,可以直接在标签上声明,使用domInfoAPI获取。06第四步服务端用Node.js写的,比较简单。核心是使用nodejs-websocket插件。07Demo080910结语感谢阅读。关于群聊项目源码,如有需要,可查看以下链接:https://github.com/maomincoding/newChartRoomByStrve另外,Strve.js会继续开发,谢谢大家。中文文档:https://maomincoding.gitee.io/strvejs-doc/zh/Github:https://github.com/maomincoding/strve