2019-03-08总结

今日目标完善项目已完成投票活动、调查问卷页修改原有代码实现根据路由请求数据顶部导航使用sessionStorage记录侧边菜单选中项api params 修改

2019.03.07总结

问题element-ui 自定义主题在项目中改变 SCSS 变量按照官方的方法新建 element-variables.scss 写入以下内容:/* 改变主题色变量 */ $--color-primary: #46c37b; /* 改变 icon 字体路径变量,必需 */ $--font-path: '~element-ui/lib/theme-chalk/fonts'; @import "~element-ui/packages/theme-chalk/src/index";重编译后无效目前解决方法使用 element-ui 官方 在线主题生成工具 下载生成的文件并修改 .babelrc 的配置{ "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "~theme"...

Oxygen Music 2019-03-05更新

Oxygen Music(2019-03-05更新!)目前支持使用手机号及userID登录,获取网易云喜欢的音乐,歌单

2019-03-06总结

GitLab今日目标划分功能组件与业务组件修改目录命名修改样式细节部分优化axios封装已完成1.划分功能组件与业务组件业务组件由功能组件组成2.目录命名采用驼峰命名3.利用sessionStorage记录底部APP下载的显示与隐藏4.修改顶部下拉菜单动画,与B站官网一致5.课程表页面BEM规范6.优化axios封装待完成untils.js 代码抽取查看vue官方文档,学习渲染函数 & JSX

第一阶段总结

bilibili 临摹静态页面项目问题下拉菜单的动画未能实现一致,存在差异课表页面功能默认加载当前周期课表根据选择的学期时间,显示课程月份,并加载相应数据不同课程背景不同,相同课程的颜色值相同由于 api 接口返回数据问题,可点击右上角...图标请求 mock 数据问题yarn run build执行命令打包后 CSS 多行省略失效 (-webkit-box-orient 失效)原始代码为:@mixin ellipsis($count: 1) { display: inline-block; text-align: left; display: -webkit-box; -webkit-line-clamp: $count; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }编译后,会过滤-webkit-box-orient: vertical;解决方法关闭 autoprefixer 然后再开启,用注释就可以做到,简直黑科技@mixin ellipsis(...

2019.03.01总结

遇到的问题使用 yarn 安装项目的所有依赖时每到安装 node-sass 总会报错 Command failedyarn install解决方法经过 Google yarn安装node-sass失败的解决方案//修改yarn 淘宝镜像 yarn config set registry http://registry.npm.taobao.org // 只指定node-sass的下载源 yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sassmap实例的属性和操作方法size属性 返回成员总数set(key,value) 设置键值对,返回Map结构get(key) 读取key对应的值,找不到就是undefinedhas(key) 返回布尔值,表示key是否在Map中delete(key) 删除某个键,返回true,失败返回falseclear() 清空所有成员,没有返回值遍历方法Map 结构原生提供三个遍...

2019.02.28总结

已完成功能通过请求的返回的数据中,currentxq & tody 字段获得当前学期及周期,并配置联动选择器通过计算属性 配置显示学期信息问题axios post 请求的发送这么写正常请求获取数据this.axios({ method: 'post', url: `base_term_listBySchoolYear`, params: { apiparams: {params: {campusid: 1615, userid: '172691'}, readonly: true} } })

2019.02.27总结

临摹静态 B 站手机端 布局已完成未完成下拉菜单动画轮播指示器props设置默认值// 对象或数组默认值必须从一个工厂函数获取 default: function () { return { message: 'hello' } }vue-router嵌套路由要在嵌套的出口中渲染组件,需要在 VueRouter 的参数中使用 children 配置vue-awesome-swiper使用vue-awesome-swiper实现手机端拖拽滚动,遇到的问题无法修改内部轮播指示器样式,实现不了自定义指示器字体加载优化方案只有IE 和 Edge在自定义字体加载完成之前显示降级字体。所有其他的浏览器都使用 FOIT,即在自定义字体加载时隐藏文本解决方案让浏览器支持FOUT,即在自定义字体加载完成之前,先显示降级字体。使用优秀的开源库可以在所有浏览器中实现FOUT的功能 bramstein/fontfaceobserverfontfaceobserver在底层使用了css,所以需要先如下定义@font-face { font-family: myfont; ...

2019-2-26总结

vue中使用sassnpm i node-sass -D npm i sass-loader -D // 修改build中的webpack.base.conf.js文件,在module >>> rules 中添加 { test: /\.scss$/, loaders: ["style", "css", "sass"] } // 使用时在 style 标签上添加 lang = "scss" element UI 的使用在使用element UI 的布局容器时踩的坑;在 el-aside 容器中 使用 NavMenu 导航菜单 并且可折叠,当菜单折叠后由于 el-aside 的 width 有默认值 会出现一片空白区域,不会随着 菜单自动收缩。el-asideel-aside 默认width为300px 清空默认的width时只需设置``即可css实现隐藏滚动条/*实现隐藏滚动条*/ ::-webkit-scrollbar { width: 0 !important; }...

OxygenMusic

Oxygen Music基于vue.js的音乐播放器,资源来至网易云音乐Demo:https://yun.yang143.cn本项目为移动端项目,pc端按F12调为手机模式查看,推荐使用手机查看,扫一扫二维码即可体验目标功能[x] 音乐播放、暂停 -- 完成[x] 播放列表、添加到播放列表、清空播放列表 -- 完成[x] 榜单 -- 完成[x] 歌手Top100、歌手详情页面 -- 完成[x] 搜索单曲、歌手、专辑 -- 完成[x] 热门搜索、搜索历史记录 -- 完成[x] 首页推荐(歌曲、歌单) -- 完成[x] 歌单 -- 完成[x] 我的收藏(歌单,歌手) -- 完成[x] 最近播放 -- 完成[ ] 歌词[ ] 搜索结果分类显示[ ] 切换播放模式[ ] 喜欢音乐[ ] 发现页面[ ] 侧边弹窗功能特性本项目所有数据来源网易云音乐,使用开源项目(NeteaseCloudMusicApi 网易云音乐 NodeJS 版 API)网易云音乐16个音乐排行榜网易新歌速递网易精选歌单,最新歌单本地收藏歌单,歌手,随时查看本地存储最近播放,最大存储99首,超过自动删除最早播放的歌曲搜...