当前位置: 首页 > 后端技术 > PHP

Vuejs实战观影体验C1

时间:2023-03-29 22:52:51 PHP

关于Vue.js简洁紧凑的核心(压缩后代码大小只有17KB),渐进的技术栈足以应对任何规模的应用高级功能,个人觉得是否是前端还是后端,技术不断更新迭代的过程中包含了很多的软件设计思想,如何解决高内聚低耦合的问题,如何解决复杂的软件设计流程,写出可维护的代码。还有一个重点是如何在快速迭代的软件开发周期中解放生产力。因此,许多优秀的开源框架和扩展库将大量涌现,以解决现实生活中的实际问题。视图和数据解耦可重用组件前端路由状态管理VirtualDom说说Vue.js使用MVVM的设计,也就是Model-View-ViewModel。作为一个在后端道路上耕耘了几年的人,对于MVC是非常熟悉的。MVVM作为一种源自MVC的架构思想,其独特之处在于View和ViewModel之间的双向数据绑定。这时候就会想到,在使用PHP框架搭建web项目时,controller层从数据仓库中获取视图数据,将数据绑定到指定模板,通过PHP模板输出到浏览器。往往我们会添加一层Presenter,类似于构建Api项目的Transformer层。当数据层更新时,相应的模板数据也会更新。对于传统的前端开发模式,Jqeury+SeaJS等,想一想在前端框架还没有全面开花的时候,添加Dom节点,修改子节点,拼接Dom节点,移除Dom节点等一大堆大量逻辑复杂臃肿的代码,随着项目的不断迭代和技术人员的逐步更替,项目维护难度越来越大,视图代码和业务逻辑紧耦合在一起。但是现在新的概念越来越多,比如ES6、前端工程、NodeJS、NPM等等,越来越能体现技术的快速创新。而这一切,都在朝着提高开发效率、降低维护成本的方向发展。然后回过头来看Vue.js。刚学的时候,我对这个代码结构非常熟悉。视图和数据的解耦正好可以让代码更清晰,更容易维护和扩展。初步了解搭建Vue项目,就像搭建LaravelWeb项目一样,一个基本的思路可能结合实际需求,引入合适的第三方库配置文件构建项目路由命名项目部署测试项目发布然后发布一个Vue项目的基本思路也应该是vue-cli脚手架初始化项目引入相应的前端工具库配置文件搭建打包文件配置vuex管理状态,vue-router管理路由文件语法检查,项目部署和测试项目发布以上只是一些个人意见。接下来,我将深入学习本书中的实战内容。总结和思考书中的思想。在博客Poros站点查看更多学习文章