- 博客(10)
- 收藏
- 关注
原创 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 10996
原创 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 11748
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人