当前位置: 首页 > 后端技术 > Node.js

Vue.js写一个手机新闻

时间:2023-04-03 18:55:04 Node.js

Vue.js写一个手机新闻在线预览在线预览地址:Vue新闻ps:电脑端预览请切换到移动端,搜索时可能会有点慢(API问题)预览图像技术栈Vue2:采用最新的Vue2语法Vuex:状态管理,实现不同组件之间的连接状态共享vue-router:路由管理,实现路由跳转axios:发起http请求通过改变font-size,使用rem解决移动适配问题。使用BuildSetup#installdependenciesnpminstall#servewithhotreloadatlocalhost:8080npmrundev#buildforproductionwithminificationnpmrunbuild#buildforproduction并查看bundleanalyzerreportnpmProblemsencounteredinrunbuild--reportLayoutproblem:Beforestartinga项目,应该构思一个大概的布局结构,思考各个构件的结构设计和连接。做这个项目是因为排版有问题,导致后来修改了很多东西,这个项目也是重做了两次。异步编程问题:本项目使用极速数据的API,后端API编写也需要解决请求数据的异步问题。JS实现异步的方法有callback、Generator、Promise、Async。回调层级多,存在回调地狱问题,代码复用性和可观察性不好;generator需要手动执行(co模块可以解决)。相比之下,Promise和Async更为理想。组件间通信:父组件可以通过props属性与子组件通信,子组件通过监听和触发事件与父组件通信。兄弟组件呢?vue2.0有eventBus来解决这个问题,不过我还是喜欢用vuex,集中管理状态,确实方便。综上所述,Vue.js真的很轻,数据驱动让代码更简洁,vue-router免去了传统前端跳转页面带来的页面全刷新,组件体系让我们构建大-使用独立且可重用的小组件扩展应用程序。ps:18届软件工程专业学生找前端实习工作我的简历