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

iOS程序员在实践中学习Vue

时间:2023-03-11 23:24:49 科技观察

前言最近老板说要重构项目--hybridAPP。作为一名iOS开发者,虽然之前学过一点HTML,但始终无法实践,于是主动调研学习了Vue.js。就这样,开始了vue的学习之路。逛完官网,开始思考实战。上网查了资料,看到了黄奕的vue-music,就开始模仿了。..Demo地址概览项目基于Vue.js,成品为手机音乐播放器,来自imooc实战课程渲染数据源所有数据来自QQ音乐,抓取自QQ接口,大部分接口为JSONP,比较容易抓包,有些接口限制主机,不能直接抓包。使用的方法是使用axios代理,设置header,绕过宿主机技术栈的限制。本项目所学可直接应用工作的13个基本组件confirm:确认对话框组件listview:通讯录列表组件loading:加载状态组件no-result:无结果显示组件progress-bar:进度条组件progress-circle:圆形进度条组件scroll:移动端滚动组件search-box:搜索框组件search-list:搜索列表组件slider:轮播组件switches:开关切换组件top-tip:顶部消息提示组件song-list:歌曲列表组件15业务组件add-song:添加歌曲到列表组件disc:歌曲列表详情页组件m-header:页面头部组件music-list:歌曲列表页组件player:播放器核心组件playlist:播放列表组件rank:排行榜页面组件recommend:推荐页面组件search:搜索页面组件singer:歌手页面组件singer-detail:歌手详情页面组件suggest:搜索提示列表componenttab:顶部导航栏组件top-list:排行榜详情页组件user-center:***编写的用户中心页面组件具体代码可以查看github。通过vue-music项目,学习了项目目录结构设计、组件封装、移动端适配、路由拆分、性能调优,通过vue-music项目对vuex有了更深刻的理解。我也学到了很多关于节点编写服务器的知识。eslint代码风格检查工具,让编写更加规范。总之,我学到了很多东西。再次感谢开源精神。革命还没有成功,还有工作要做。