vue-happy-test

本项目为作者实现前端具体功能期间，附带记录的笔记。主要是留作以后阅览。也顺带补充了一些网上很少见到的实现方式。请先耐心阅读本文，再行阅读代码。
本项目启动方式：npm run dev
后端代码：点击前往

模块划分

本文中，非特殊情况，view文件夹中的每个文件夹都代表了一类问题解决实验。
另外，项目执行时，启动的首页，也会对当前具备的所有功能笔记进行罗列。

备注

1 如何让项目启动时自动打开浏览器

方法之一：在vue.config.js里增加配置
注：该方法也是解决"无法访问此网站网址为 http://0.0.0.0:8080/ 的网页"问题的思路，因为没有一处地方做加载路径配置的话，打开浏览器就是这个地址（也有可能是自己在某处配置错了）
devServer: { open: true, host: 'localhost', port: 10001 }

2 关于组件命名

eslint代码风格规范要求，除了根组件（App.vue）以外，其他自定义组件命名都要使用大驼峰命名方式或者用“-”连接单词进行命名

3 axios兼容问题

axios在IE浏览器中存在兼容性问题，如果是0.17.1，可以不做配置直接使用。如果是很新的版本(具体哪个版本开始未知)，则可能会出现IE SCRIPT1010: 缺少标识符 app.js、“promise"未定义等问题

4 nodejs

• 版本发布日志

5 webpack

• 查看最新版本命令：npm info webpack
• 查看当前项目依赖的版本：node_modules目录下找到webpack目录，查看package.json文件里的版本号

包含内容

1 前端进行密码学操作

• 解析证书
• 生成MD5、SHA1、SHA256、渐进式生成SHA256摘要

2 手动多文件上传（需结合后端）

3 echart的二次包装

• 时间轴面积折线图
• 基础折线图
• 饼状图

4 excel文件处理

• 生成N个sheet的excel文件
• 读取每个工作表的第一列的数据的Excel文件
• 读取每个工作表的指定范围列的数据的Excel文件
• 解析Excel里所有可能附带的数据

5 样式定制

• 样式穿透
• 滚动条样式

6 拖拽

• 多选框拖动功能

7 Element-UI组件定制化/解决一些问题

• cascader级联选择器定制使用示例
• form表单报错信息定制优化
• select组件二次封装成新的组件
• 日期选择器 disabledDate 传参

8 后端一些测试实例所需的前端内容

• 分页查询优化

9 动画

• 加载中动画

10 文件

• 文件保存
  • 证书
  • JPG图片
  • 通过URL下载图片
  • Excel
  • CSV