-
git ignore
-
vue-cli 脚手架
-
vue-router 模块化
- 关闭带 # 的 url(路由的 history 模式)
-
组件复用
- 登录页隐藏复用组件,path为login,display: none()
- 不要在全局注册 topbar 和 sidebar,只把登录页注册在全局
-
引入 elementUI
- 默认样式修改不成功(①父子通信 ,深度选择器>>>,需要在父元素上手写 class 再用 ②直接在编译好的元素身上写样式,在全局作用域)
- 引入样式后的白框(父元素高度不能写死)
- The template root requires exactly one element.(所有的组件用一个 div 包裹起来)
- html\body\app 高度问题(先用100%写,快速完成样式)(获取屏幕高度 clientHeight 充满屏幕引导页)
-
登录逻辑
- 状态切换:可复用组件隐藏,v-show="false"
- 登录验证:前端正则验证
- 发送请求:
- 登陆后重新刷新退出登录
- 跨域
- axios 接口封装
- 发送请求功能封装成组件
- 登录、注销后页面跳转
- vue 生命周期
- 跳转后显示复用组件(父子组件通信)
-
图表
- echarts 引入需要在 dom 加载之后才能渲染
- echarts 需要容器有宽高,如果没有可以在 init 时,设置 resize
echarts 引入 - 异步处理
- 图:①分层连接扩散 ②热点越来越大
-
CSS
- 宽度问题(凝胶布局,margin:0 auto)
- 内容区高度不够的时候怎么办?(html,body高度设为100%,内容区的height: calc(100% - topbar的高度))
- 上下两行 list 对齐(flex-grow空间分配)
- flex
- npm run build 后 CSS 错乱(webpack 打包后的 CSS 顺序问题???)
-
JS
- 脚本要写在 vue 的 script 里面()
- 一个一个拿数据——遍历对象——created生命周期观测——拿到后怎么存放数据——怎么用数据
-
http
- axios
- localStorage
- 服务器
- ssh -i ~/Downloads/ssh-key/test/kp-yt3obrlg root@192.168.1.4
- df -h
- cd /mnt/data
- cd server
- mkdir frontEnd
- vi /etc/nginx/vhosts/athena_admin.conf
- fab
- 需要改的细节
- input 左边有一个padding
- 登出功能
- 设置默认日期(一周)
- 动态获取 echarts 宽高
- ‘今日新增’小 bug
- echarts 颜色
- echarts hover 时的数值
- 应用概况数值,逗号分隔
- vscode
- 控制台 command + shift + p
- 合并行,join lines
-
修改后端回传的数据结构
- 多重遍历
- 遍历中拿到数据,新建自己想要的结构
-
VUE scope.row 的值如何动态获取?
网友评论