weixin_42636959的博客

vue render的使用

高版本中，饿了么组件的el-tabs里使用el-table会出现抖动现象，究其原因是里面的某些样式在被隐藏起来时自动变成了80px左右的小盒子，因此在重新显现时会出现el-table从小变大的情况。在遇到这个问题时百度了下没有什么好的解决方法，因此在解决后这里放一下具体代码，以方便后来的人能不被这个问题困扰：::v-deep .el-table__body, ::v-deep .el-table__header, ::v-deep .el-table__empty-block{ widt

在VUE.CONFIG文件的modle.export里面加入productionSourceMap: false,即可

如图所示，在没有这一步的时候，即使写好了路由文件，引入了其对应的组件，那么VUE依然还没有生成路由对象，所以代码还只是静态的写着，并没有被写入VUE的路由里，所以打开是一片空白。...

spring框架是一个集合了某些注解的体系，方便了人们搭建java项目的时间，核心在于切面和控制反转。spring mvc框架是一个面向web的框架，因为tomcat这个容器的规则遵循servlet规则，因此mvc也遵循了servlet规则，并且集中了一些spring没有的注解，将框架大体上分为model，view，control三个层次，因此一般搭建都会在spring上加spring mvc。spring boot框架是一个将ssm体系简化xml文件的配置版，与ssm没有任何差别。...

nginx的作用就不说了，只说总结：一、前端部署的时候可以通过在请求头加上允许跨域的头部来进行跨域，可这只是一种手段瞒骗过浏览器并不能真正的防止其他网站来去请求你。二、前端可以进行一种跨域手段，也就是nginx的初衷，那就是配置location，location作为一种拦截字段，可以拦截特定字段的正则去转发请求，如果拦截到则将请求带到配置的proxy_pass去请求并返回数据，因此前端的代码应该是请求自己本身，然后客户端访问前端页面，前端页面发出请求指向自己，通过nginx转发后端并返回数据来避免跨域并

baseUrl是在你发出请求的时候添加在请求的前面的字段，他指向你要请求的地址。proxy里面配置本地开发要监听的地址与端口，监听到了就拦截，并且还可以配置具体拦截哪些路径的正则，拦截下来后用target的字段进行转发，去请求服务端返回数据的地址，可以配置是否允许跨域与时候使用websock，并且可以对拦截到的端口后的路径进行rewrite。这里有一个非常重要的点就是development的pro.env.BASE_API字段不能放地址，只能放端口后的路径。不然就是跨域错误，并且因为本地开发只向自己请求

vue的config文件里面的proxy是开发时使用的[process.env.VUE_APP_BASE_API]: {//这里是api的变量，代表当你访问到该地址时转发target: http://127.0.0.1:${mockServerPort}/mock-api/v1,//这里是要转发的地址也就是你接口实际的地址changeOrigin: true, // needed for virtual hosted sites//这里配置跨域，因为客户端与服务端不在一个端口ws: true, //

一、vue-router路由懒加载懒加载是当路由被访问的时候才加载对应组件，而不是在首页就全部加载，以此来提高首页反应速度。方法和原理require-ensure 说明: require.ensure在需要的时候才下载依赖的模块，当参数指定的模块都下载下来了（下载下来的模块还没执行），便执行参数指定的回调函数。require.ensure会创建一个chunk，且可以指定该chunk的名称，如果这个chunk名已经存在了，则将本次依赖的模块合并到已经存在的chunk中，最后这个chunk在w

首先，import是es6语法，require是早期野生并得到认可的语法，import经过转义后也会变成require来运行。① CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。② CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。require与export来获得module导出引入import与export来获得module导出引入...

一、Flex布局是什么？Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{display: flex;}行内元素也可以使用Flex布局。.box{display: inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.box{display: -webkit-flex; /* Safari */display: flex;}注意，设为Flex布局以后，子元素的f

viewport 语法介绍：    width控制 viewport 的大小，pixel_value表示可以指定的一个值或者特殊的值，而device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。target-densitydpi一个屏幕像素密度是由屏幕分辨率决定的，通常定义为每英寸点的数量（dpi）。Android支持三种屏幕像素密度：低像素密度，中像素密度，高像素密度。一个低像素密度的屏幕每英寸

原型链看了网上的一些文章还是没看懂。。然后自己去翻了下JavaScript高级程序设计里面讲的章节，这里总结了一下，欢迎指正：每个function都有一个原型prototype，该原型其实就是一个class，有它的构造函数，也可以定义其他成员方法，但是这里有一点不一样的是，一般在function里面赋值成员变量，不需要定义可直接使用，而在原型里是找不到该成员变量的，也就是说一个function它的prototype就是一个不包含它自己的成员变量的class而已，当然记得它的构造函数指向的是它本身。而如果

tomcat是一个为了让别人能访问到你的web应用的服务，在spingboot中集成，它可以运行webapp目录下的web应用，也可以设置虚拟目录让其可以跨目录执行，也可以设置虚拟地址，使得可以通过非local的方式访问它，也可以设置虚拟主机，使得多个web应用在一个机子上运行。...

VUE项目兼容IE操作详情请看此处

接口逻辑应写的地方一开始以为在mapper里处理数据，可发现mapper是接口，只能定义不能写所以应该在control里面处理。