第二阶段总结

总结经过两个阶段的培训增强了领悟、创新和推断能力。掌握自学的方法,学会条理、耐心的处理和完成任务。思考方式逐渐成熟,逻辑性逐渐规范明确。完成每个阶段的任务都能学到很多,在编程中代码不断符合规范,积累了很多代码片段。在任务中发现问题、解决问题并总结生命周期函数/methods/watch里面不应该使用箭头函数vue中生命周期函数, methods, watch 自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。对computed、watch、methods的认知computed属性的结果会被缓存,依赖的属性如果发生变化才会重新计算,把他当做普通属性来使用;watch属性,主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作,可以把他看作是computed和methods的结合体;methods方法表示一个具体的操作,主要书写业务逻辑;关于数据的请求如果可以的话,最好能在局部根组件里请求一次ajax数据,然后从局部根组件里把接收到的数据分别传给各个局部的子组件,而不是每个局部的子组件都发送一次ajax请求。localStorage可能用户会有不小...

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"...

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; }...