我没有不开心_J-CSDN博客

原创 ajax文件上传监听进度xhr.upload.onprogress

ajax文件上传监听进度xhr.upload.onprogressjQuery中的ajax上传方式$.ajax({ xhrFields: { withCredentials: true }, crossDomain: true == !(document.all), type: 'POST', // 请求方式 url: globleObj.domain + '/wjw/workPlan/uploadPdf', // 接口地址 data: addFd, //

2021-02-04 16:48:34 567

原创 vue项目 pdf.js在线预览

vue项目 pdf.js在线预览1.下载pdf.jspdf.js官网地址：https://mozilla.github.io/pdf.js/getting_started/#download下载所需要的pdf版本2.将下载的pdf文件夹放入项目静态文件中，vue3.0的话放入到public下，如果是vue2.x版本直接放在根目录的static下3.页面使用可通过iframe组件绑定src属性直接打开文件<iframe :src="'/static/js/pdf/web/viewe

2021-02-04 16:35:03 267

原创 js 根据id获取页面元素

js 根据id获取页面元素1.getElementById(id)<div id="divId">用javascript获取Id的方法getElementById()的使用方法</div>var obj = document.getElementById("divId");以上是通过div的id号divId获取div这个对象，然后就可以对div进行各种操作如删除其内容，设置其属性，将其隐藏等等值得注意的是：div 必须先于 javascript 代码加载也就是 d

2021-02-04 15:58:56 10995

原创 window.open 被浏览器拦截问题

window.open 被浏览器拦截问题window.open() 的作用是创建一个新的浏览器窗口用来打开相关的资源，这是一个原生的 Javascript API 接口有关 window.open() 的基本使用可以参考 mozilla 提供的 API文档：window.open大部分现代的浏览器（泛指 Chrome / Firefox / IE 10+ / Safari）都默认开启了阻止弹出窗口的策略，原因是 window.open 被广告商滥用，严重影响用户的使用。这个阻止弹出窗口的操作，并

2021-02-04 15:37:08 1253

原创前端代码IE 8 console.log报错(bug)

前端代码IE 8浏览器 console.log报错(bug)IE8会将console.log()默认处理为错误逻辑，但是在F12下处理为控制台输出。console.log()养成好的编程习惯，不要滥用console.log()，调试后记得注释掉或删掉调试代码！！！console.log()养成好的编程习惯，不要滥用console.log()，调试后记得注释掉或删掉调试代码！！！console.log()养成好的编程习惯，不要滥用console.log()，调试后记得注释掉或删掉调试代码！！！

2021-02-04 14:09:10 381

原创 Vue Router query和params传参

Vue Router query和params传参1.query方式传参和接收参数传参: this.$router.push({ path:'/xxx', query:{ id:id }}) 接收参数:created() { this.id = this.$route.query.id}2.params方式传参和接收参数传参: this.$router.push({ name:'xxx', params:{ id:id }})

2021-02-04 13:55:23 163

原创 js数组截取方式splice()和slice()方法

js数组截取方式splice()和slice()方法1.splice()splice() 方法可以添加元素、删除元素，也可以截取数组片段。删除元素时，将返回被删除的数组片段，因此可以使用 splice() 方法截取数组片段// 传递一个参数，则该方法仅执行删除操作，参数值指定删除元素的起始下标（包含该下标元素）//splice() 方法将删除后面所有元素var a = [1,2,3,4,5]; //定义数组var b = a.splice(2); //从第三个元素开始执行删除console

2021-02-04 11:00:59 11747

原创 git 项目代码版本常用语令

git 项目代码版本恢复常用语令1.git log查看git的提交版本和id 可以拿到需要恢复的版本号2.git reset --hard 目标版本id原理： git reset的作用是修改HEAD的位置，即将HEAD指向的位置改变为之前存在的某个版本适用场景：如果想恢复到之前某个提交的版本，且那个版本之后提交的版本我们都不要了，就可以用这种方法3.git revert -n 版本号/git commit -m 版本名原理： git revert适用于“反做”某一个版本，

2021-02-04 10:31:45 176

原创 Vue 组建通信

Vue 组件通信1.父组件向子组件传递信息// parent.vue child是子组件需要传递的信息是msg<child :msg="message"></child>// child.vue 子组件通过props数据来接收信息data() { return { props:['msg'] }}2.子组件向父组件传递信息// child.vuethis.$emit('msg', 'message')// parent.vue<child

2021-02-04 10:13:56 212

原创 Vue Router路由push不同参数跳转同一页面页面不刷新问题

Vue Router路由push不同参数跳转同一页面页面不刷新问题在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)1.常规解决办法路由监听watchwatch: { '$route' (to, from) { // 在mounted函数执行的方法，放到该处 // 加载页面数据的方法 }},2.特殊处理解决办法替换周期函数使用activated:{}周期函数代替mounted:{

2021-02-04 09:20:30 1738

curryFMVP的博客