qq_37604998的博客

线上部署官网项目时，提示域名存在跨域问题，首先想到的是用Nginx来处理这个问题，处理流程如下：A：www.test.com 【网站访问域名】B：open.test.com 【前端请求接口域名】C：open.test.com/site/index 【B域名下面的一个接口】nginx处理主要是修改网站站点的www.test.com.conf文件server{ listen 80; server_name www.test.com; index index.php index

今天在处理一个需求时，需要table可以根据某些字段进行排序，使用ElementUI的table组件，发现本身就有这个功能，但是需要自己手动改动下，组件默认是对当前展示数据进行排序。从官网给出的说明，总共需要两步首先给要排序的字段加上sortable值为custom【custom则代表用户希望远程排序，也就是用户自己设置排序规则，需要监听Table 的 sort-change 事件】给table加上sort-change事件，用户点击排序触发该事件，该事件能够获取用户点击的字段和排序方式等信息

今天在处理echarts还遇到一个问题，就是在父组件异步请求拿到数据前，想要默认显示占位图并隐藏图表，开始是使用v-if进行处理，但是渲染报错，提示:Initialize failed: invalid dom【初始化失败：无效的dom】，说明图表渲染的时候，这个dom不存在，但是换成v-show的话就可以展示出来图表。然后看了下官方文档的关于v-if和v-show的区别，如下所示：由上述看目前只能使用v-show，但是v-show展示图表的时候出现了标题的问题，图表的大小一直为100px，可能是因为渲

在vue中引用Echarts图表，动态渲染数据时一直不展示数据。父组件异步请求获取数据传给子组件，子组件接收的打印的真实的值却为初始值，如下所示父组件子组件原因的话：加载渲染的时候，请求是一个异步的操作，子组件在拿到数据前就渲染了，子组件没有监控到值得变化父子组件加载渲染过程：父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父

最近在重构公司的系统后台，项目采用的是前后端分离模式，我负责的数据统计接口和前端模块的开发。上周出了数据统计的接口，这周的话，再写前端，前端主要就是用图表展示各种的统计信息，所以选择了echarts进行可视化开发。这里提下Echarts，大学的时候接触的比较多，感觉Echarts的扩展性比较强，自定义样式的话也提供配置项，当时网上的教程比较少，想要一些炫酷的效果也只能自己按照文档一点点尝试，其实按照官方文档操作的话，修改起来也比较方便。因为项目需要用到图表的地方比较多，所以对echarts图表简单的封装

刚刚前端将vue项目的路由模式由hash变成了history，刷新项目页面出现404，在官方提供的vue-router文档中讲解了怎么解决这个问题，并且给了配置例子。修改项目域名的Nginx站点conf文件配置，添加下面代码就可以了【修改完配置记得重启下Nginx】location / { try_files $uri $uri/ /index.html;}下面是完整的conf文件样子# 项目域名conf文件server{ listen 80; listen 443 ss

这是最终实现的效果总体的思路是，定义一个变量，通过循环该变量来渲染流程图。然后将该流程图文件封装成一个组件，父组件只需要按照要求格式定义好变量结构和值，然后传值给子组件。父组件传值变量结构如图：如图2，process为要定义的变量，该变量为对象类型，每一个值为对应图1的一行，一行多个值的话，需要在list增加多个数据。process变量结构含义：process: [ { num: // 代表当前区块数量，及一行要展示小方块的数量 list: [ { // 定义区块内容