07 2021 档案
摘要：第一次碰到下载文件用 post 的方法，之前都是用 get 方法，直接下载一个存在在服务器根目录下的文件。但是有时候碰到参数的数据量比较大的时候， get 方法就不合适了。这次后端定义的是 post 方法，返回给前端的是一个文件流。 get 方法这里不赘述，基本思路就是动态创建一个a标签，设置a标签
阅读全文
摘要：场景：开发中，父组件引入一个表单组件，例如点击父组件中的一个“保存”按钮，我们需要获取子组件的表单数据，而且表单有验证。 子组件中的 html 的表单代码： <el-form :model="form" :rules="rules" ref="formName" labelWidth="100px"
阅读全文
摘要：遇到一个需求是，选择区域的站点之后，用get请求，站点ID的数组参数可能会超过浏览器参数长度限制，最后无法下载。于是换成了post方式下载文件。 第一步：与后台沟通好response header的设置，并规定好fileName的编码方式，方便前端拿到后解析 content-disposition:
阅读全文
摘要：https://oktools.net/json
阅读全文
摘要：element ui提供了成熟的组件场景，但实际工作中难免会遇到认（sha）真（diao）的产品。比如，最近遇到的，要求实现手动上传特定格式文件（用户点击“上传文件”按钮，确定之后，只是单纯选择了文件，点击页面上的“提交”按钮才上传），并展示用户选择的文件名称，且只能选择一个文件，如果用户选择第2，
阅读全文
摘要：vue中使用query-string，主要是用来处理url中的参数问题。 安装 npm install query-string -s 使用 在 main.js 中： import querystring from "query-string"; Vue.prototype.$querystring
阅读全文
摘要：构造函数创建对象： function Person() { } var person = new Person(); person.name = 'Kevin'; console.log(person.name) // Kevin Person 就是一个构造函数，我们使用 new 创建了一个实例对象
阅读全文
摘要：一、vue代码层面 1、路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 2、代码模块化 咱们可以把很多常用的地方封装成单独的组件，在需要用到的地方引用，而不是
阅读全文
摘要：XSS与CSRF介绍 XSS是一种跨站脚本攻击，是属于代码注入的一种，攻击者通过将代码注入网页中，其他用户看到会受到影响(代码内容有请求外部服务器); CSRF是一种跨站请求伪造，冒充用户发起请求，完成一些违背用户请求的行为(删帖，改密码，发邮件，发帖等) 防御方法举例: 对一些关键字和特殊字符进行
阅读全文
摘要：网络状态码含义，常用（204，304, 404, 504，502） 200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务不可用 常见HTTP状态码大全 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说明 http状态码 100 （继续） 请求者
阅读全文
摘要：当我们做一些小项目，没必要用到vuex的时候，但是又要用类似vuex的功能，这个时候就可以用eventBus或者observable 一、先说一下eventBus 声明一个全局Vue实例变量 eventBus , 把所有的通信数据，事件监听都存储到这个变量上 在main.js中： Vue.proto
阅读全文
摘要：https://www.cnblogs.com/myfirstboke/p/11321191.html
阅读全文
摘要：https://zhuanlan.zhihu.com/p/65834362
阅读全文
摘要：ES5： <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script> //定义构造函数 function Person(name, age){ this.name=
阅读全文
摘要：vue + elementui 的项目中，通过后端返回的数据动态封装表单组件。 其中有些场景： 1、有些下拉框是联动的，例如前面的一个下拉框选择值之后，后一个下拉框才根据前面的下拉框选择的值加载数据； 2、有些输入框后面跟一个图形操作等等 上面的需求就需要用到插槽了。 这里只简单的介绍 具名插槽+作
阅读全文
摘要：使用axios发送get请求，参数写在query里 async getOrgList() { let res = await this.$axios.get('/user/b/getOrgList', { params: { pageNo: 1, pageSize: 99, type: 6 } })
阅读全文
