myl_0808的博客

vue2 methods: { //mapMutations中方法 ...mapMutations(['setLogin', 'setIndex']), toShow(){ //使用mapMutations方法 this.setIndex('3'); this.$router.replace("/couple"); }, logOut(){ //使用mapMutations方法 this.setLogin({Authorization:'',

背景在vue中，使用axios向后台请求数据，但只接收返回的response并不能实现浏览器下载，所以需要借助于blob实现文件的浏览器下载，分为两种情况，一种是get请求，使用params，另一种使用post请求，参数使用formdata传参情景1：get请求，params传参url与参数部分代码：this.axios.get('/api/downloadConfig', { params:{oid:oid}, responseType:'blob', })blob具体下载

背景nodejs使用 child_process 模块很容易创建子进程，该模块一般使用 4 种方式创建子进程，包括spawn()，fork()，exec()，execFile()问题nodejs使用子进程可以实现对服务的cmd调用，例如执行.exe或者python程序，这些程序中很多情况下会依赖与外部文件，所以本文解决两个问题：nodejs如何使用spawn创建子进程并对cmd进行调用cmd调用的服务依赖于外部文件，外部文件位置应该放置在哪里解决方案nodejs使用spawn创建子进程并

使用Promise.all解决nodejs中for循环执行异步函数问题在for循环中执行nodejs的异步函数，常常会遇到需要获取异步结果才能进行下一步的情况，那么就需要对这种问题进行解决，下面使用Promise.all解决该问题代码：for(let oid of oids){ //每一次异步执行的返回值为Promise，存储到Promise数组中 let promise = ModelDoc.findOne({oid:oid}).exec(); promises.push(p

element :on-change事件调用两次的问题原因：具体应用代码：<el-uploadref="configUpload" class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" :on-change="uploadChange" > <el-icon class="el-icon--upload"><upload-f

前端代码let form = new FormData();//formdata先存起来上传的文件for (let i = 0; i < this.uploadFiles.length; i++) { form.append("datafile", this.uploadFiles[i].raw);}this.$axios.post("/api/test", form).then((res) => { //解析该文件，返回xml字符串，赋值给xml_show if(res.

清除浮动浮动现象：当父元素不给高度的时候，内部元素不浮动时会撑开，而浮动的时候，父元素变成一条线四种方法：（1）额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）如果我们清除了浮动，父元素自动检测子盒子最高的高度，然后与其同高。优点：通俗易懂，方便 缺点：添加无意义标签，语义化差（2）父级添加overflow属性（父元素添加overflow:hidden）触发BFC后，实现了下面两条：1.浮动的元素会被父级计算高度（父级触发了BFC）2.非浮动元素

Promise.all()用法以及与Promise.race()区别Promise.all()会在多个promise全部resolve之后执行.then，而Promise.race()会在任何一个promise resolve后就会执行.then，两者都是promise并行执行代码。看以下实例Promise.all()let count = 0;for(let key in dispUrls){ let promise = new Promise((resolve, reject)=&

小问题，记录一下将json字符串例如： '{"name":"li","age":"18"}'转为json对象方法：JSON.parse(fields.dispUrls);将js对象转为json字符串，例如{"now5":"5", "now10":"10", "now20":"20", "now30":"30", "now50":"50"}方法：JSON.stringify(this.dispUrlArr))...

需求：三个步骤，后一个步骤进行需要依赖前一个步骤，这里抽象为三个函数，每个函数都包含异步操作。方法包含promise.then串联以及async+await,下面分别进行介绍：promise.then利用promise的then来解决nodejs存在的回调地狱问题，只需要不断的加then即可实现异步函数的串行执行let promise = function(){ return new Promise((resolve, reject)=>{ /*******中间部

var getJSON = function(url){ var promise = new Promise((resolve, reject)=>{ let client = new XMLHttpRequest(); clint.open("GET", url); client.onreadystatechange = handler; client.responseType =...

结构操作符[..."csdn"]//["c", "s", "d", "n"]Array自带方法Array.from("csdn")//["c", "s", "d", "n"]split方法"csdn".split('')//["c", "s", "d", "n"]

js可以使用sort函数进行排序操作，例如可以对[1,3,5,6,7]进行排序arr.sort((a,b) => a-b);那么可否对双重数组，并根据双重数组的首元素进行排序呢？答案是可以的，利用sort的回调即可例如对arr = [[2,6],[1,3],[8,10],[9,18]]数组排序，可以这么写：arr = arr .sort((a,b)=> { return a[0] - b[0]; });排序结果为 [[1,3],[2,6],[8,10],[9

js实现对

实现数组（一维数组）深拷贝有两种比较常用的方法，一种是使用concat()方法，另一种方式是使用slice()方法concat()方法concat() 方法用于连接两个或多个数组。该方法不会去改变现有的数组，而仅仅会返回被连接数组的一个副本。语法：arrayObject.concat(arrayX,arrayX,......,arrayX)在这里可以利用这一特性，来实现js的深拷贝 res.push(queue.concat());slice()方法slice() 方法可提取字符串的某

前端axios发送请求，后端nodejs接收请求，并与java中spring boot的注释进行对应req.body(类似于@RequestBody)axiosconst params = new URLSearchParams();params.append('uid',uuidv4())params.append('name',this.name)params.append('description',this.description)params.append('date',util

用jQuery拼接$("#selectBtn"+index)vue方式拼接 :id="genId(index)"genId(index){ return "selectBtn" + index; },

两个div横向排列问题两个div设置display为flex即可两个数组结合为一个数组数组结合方法concat

title: jquery学习date: 2019-12-09原本在个人博客上写了一些博文，现转移到优快云上jquery step使用jquery step是jquery的一个插件，用于表示进度。step页面引入 <link rel="stylesheet" type="text/css" stemedia="screen" href="/static/css/othe...

title: 前端之javascript学习date: 2019-11-28原本在个人博客上写了一些博文，现转移到优快云上javascript学习几个注意点：1.在js中经常会用到id与class的绑定。id是唯一的，class不是，所以在绑定时尽量使用class，避免使用id2.利用vue写程序，this与that是指的data中定义的变量，在methods中使用this，在mo...

title: div追加date: 2019-11-22原本在个人博客上写了一些博文，现转移到优快云上给指定的div追加div在以前的博客中，曾经写过一个给网页嵌入loading，用到了innerHtml进行div的嵌入本文中利用js的append函数来给指定 的div嵌入指定的div。指定div $(".applications-add").click(function (...

title: thymeleaf学习2date: 2019-11-22原本在个人博客上写了一些博文，现转移到优快云上thymeleaf学习之各种学习过的绑定在上一篇博客中，简单的介绍了thymeleaf的如何利用fragment作为模板，在网页需要的地方，嵌入模板网页中写的指定的部分。本文就将我目前涉及到的thymeleaf绑定简单罗列一下th-text文字替换，将此处的文字替换...

title: thymeleaf学习date: 2019-11-22原本在个人博客上写了一些博文，现转移到优快云上thymeleaf学习之fragment在上一篇博客中，简单的介绍了一些thymeleaf的使用，包括thymeleaf如何利用modelandview确定view的名字以及如何给model加值。并利用确定好的model以及view在前台绑定与渲染数据。本篇博客将介绍如何利...

title: 前后端交互学习date: 2019-11-22原本在个人博客上写了一些博文，现转移到优快云上前后端交互学习前后端数据传输Dao层：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PSrQvjHK-1583201862235)(Front and back interaction/1.png)]JS代码$(".finish").cl...

title: es5转es6date: 2019-10-22原本在个人博客上写了一些博文，现转移到优快云上es5转es6目前前端页面很多都是使用目前比较新的es6进行书写，但是以前的一些项目还是使用es5书写的，所以在一些时候，需要将es5转为es6安装工具包npm install -g lebab转换文件示例将es5.js中的回调函数转换为=>:lebab e...

title: jquery学习date: 2019-10-30原本在个人博客上写了一些博文，现转移到优快云上jquery学习最近手头上在做关于创建要素的一些工作，前台部分涉及多个div的输入区域，每个区域又包含多个input。类似这种其中涉及到js的各种操作，需要利用jquery来实现多种效果，记录如下：获取网页要素在js操作中，需要获取网页中某个div的value，对va...

title: 左点右变date: 2019-10-17原本在个人博客上写了一些博文，现转移到优快云上点击左侧div相应的内容在右侧div中显示在进行页面制作时，有时会遇到这种需求，在左侧有一系列的菜单选项，当点击其中一个，则在右侧显示详细的内容。点击另一个，在不刷新页面的情况下改变右侧div内容。本文对这一需求进行解答。属于前端范畴。网页左侧罗列菜单项，由各个<li>&...

title: vhr summarydate: 2019-10-10原本在个人博客上写了一些博文，现转移到优快云上vhr summary分角色登录总结spring boot后端流程总结vuex总结

title: 在网页中加入“加载中提示”的方法date: 2019-09-15原本在个人博客上写了一些博文，现转移到优快云上在网页中加入“加载中提示”的方法在一些我们做的网页中，有时候需要加载一些东西，如果加载的东西数据量比较大，比较费时，例如加载一个大的图片或者我下面写的例子中需要从数据库中读取很多的数据绘制图形，这时候加载图形就会比较慢。那么，为了避免用户在使用我们网页时因加载过慢...