摘要:
1.不应该使用箭头函数来定义一个生命周期方法2.不应该使用箭头函数来定义 method 函数3.不应该使用箭头函数来定义计算属性函数4.不应该对 data 属性使用箭头函数5.不应该使用箭头函数来定义 watcher 函数 原因:箭头函数绑定了父级作用域的上下文,this 将不会按照期望指向 Vue 阅读全文
摘要:
第一次碰到下载文件用 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是一种跨站请求伪造,冒充用户发起请求,完成一些违背用户请求的行为(删帖,改密码,发邮件,发帖等) 防御方法举例: 对一些关键字和特殊字符进行 阅读全文