- 博客(38)
- 收藏
- 关注
RSS订阅原创 URL跳转传参包含对象的处理
2、再通过URL拼接传参，在拼接参数的时候，文档不是很清晰，这类对接也比较少，过程比较曲折。当然我们的加密方式多种多样，我们用的是最简单的base64（btoa）1、流程首先需要获取token；
2024-04-27 14:50:48
407
原创 print-vue-nb插件打印表格多页，内容顶格问题优化
这样第二页就不会出现顶格了，只是每页多加了一个空白行，设置thead的border为白色就看不到边框了。后面换了下printjs插件，效果不是很好；后面大佬提示可以加个thead标签。只看大家还有更好的办法没。
2023-03-26 09:58:26
958
原创 vue知识自己备用（持续更新）
一、 当前路由切换this.$router.replace({ path: this.$route.path, query: { ...this.$route.query, methods: 'check', pageType: 'view' }})二、页面多个表单校验try { await Promise.all([ this.$refs.preStepForm.validate(), this.$refs.fileForm.validate(), ]);}
2022-05-14 15:34:53
203
原创 前端文件流处理、本地文件下载
请求时增加参数，responseType: ‘blob’1、下载blob文件流const res = await this.portService.exportList({ id: this.guid })// let filename = decodeURI(res.headers['content-disposition'].split(';')[1])// filename = decodeURIComponent(filename.replace(' filename=', ''))let
2022-05-14 10:43:34
590
原创 Vue2.0数据双向绑定（响应式系统）的实现原理
/**@name Vue2.0数据双向绑定（响应式系统）的实现原理*/// observe方法遍历并包装对象属性function observe(target) {// 若target是一个对象，则遍历它if (target && typeof target === “Object”) {Object.keys(target).forEach((key) => {// defineReactive方法会给目标属性装上“监听器”defineReactive(targ
2022-05-14 10:04:43
170
原创 谷歌控制台操作备注
1.alt加点击，element全部展开2.Ctrl+shift+p 选择截图全部9.重新发送请求，replay XHR（重放XHR）3.xhr点击copy 选择copy as fetch，控制台输入 可以修改传参4.精确点击后 0可以获取这个元素5.0可以获取这个元素5.0可以获取这个元素5._ 返回console控制台上次的输出结果6.Ctrl+shift+p 输入theme（主题），切换黑色或亮色主题7.$(‘h1’) ==> document.querySe
2022-04-17 22:03:35
575
原创 vue路由跳转打开一个新的页签
路由跳转打开一个新的页签，自己Mark下let routeData = this.$router.resolve({ name: 'personDetail', query: { id: row.id, },})window.open(routeData.href, '_blank')
2021-08-21 15:38:51
1304
原创 el-select 两个下拉框选项互斥
// 两个相同选项的值互斥<el-select v-model="valueA" multiple placeholder="请选择"> <el-option v-for="item of zsSelect" :key="item.id" :label="item.name" :value="item.id" :disabled="hasInclude(valueB, item.id)" /></el-select>在这里插入代码片
2021-08-21 15:34:27
1945
原创 flvjs在IE加载报错问题
最近发现之前使用的flvjs插件，在IE11上报错的问题，报错内容如下：报的语法错误 at ./node_modules/flv.js/src/utils/polyfill.js 。遇到问题的第一时间，我也是百度找问题，但是上面都是说不支持IE11的视频推流，好吧我这边就和产品说：1.换插件，2.提示用户使用其他浏览器；最终还是需要兼容IE11，没办法，后续让同事帮忙看下并修改，我在忙其他的项目后面同事大佬在GitHub上找到flvjs的仓库，然后到里面找issue，最后找到了问题的原因并找到了解决
2021-07-25 17:00:54
645
原创 IE浏览器请求打开谷歌浏览器
有些老项目运行在IE上，但是新项目很多没有兼容到IE11，如何不想维护IE了，能不能跳转到新的浏览器呢？最近做老项目的跳转，发现报错，原来是新增的插件不支持IE11，所以在想，能不能让他从IE调到谷歌（理想状态，用户不一定有谷歌），产品说尽量还是在IE上，好吧！后面搜了下从IE跳谷歌，实测可行，Mark下<div onclick="openGoole()"> 打开谷歌浏览器</div>function openGoole () { /** 如果用户使用IE浏
2021-07-25 15:29:50
3782
原创 el-table中使用el-datePicker设置默认时间后，修改时间页面不回显问题
最近在项目中遇到一个问题：在el-table中使用el-datePicker初始化设置默认时间后，修改时间页面总是不生效的问题其实打印@input事件时，发现值改了，就是页面修改不生效，比较疑惑，百度了下，看好多人也遇到过这个问题，照着他们的修改，如这位博主的修改（链接），复制的时候重新设置下，我试了下，还是不好使。突然灵光一闪，这种值改变了，页面没刷新，不是加个key的设置不就好了吗，上代码：<el-table-column label="有效日期" prop="begin_timestamp
2021-07-25 15:02:26
1685
原创 pdf.js默认不展示中文问题，解决方法
最近在项目中遇到pdfjs在服务器展示总是英文的问题，没有用汉化的包，在网上blog找了半天，后面才解决首先出现这个问题的原因是服务器不认识properties后缀的文件，所以网上有一堆如何设置让服务器能解读的办法，但是还是没从根本上解决1. 首先修改viewer.html中的引入，再就是修改国际化文件的后缀，都改为txt2. 但是本地语言默认选择的是英文，这个时候，把locale.txt中的[en-US]词条文件导入改为中文的，中文的也是这样，如下图所示：这样你的PDF展示绝对就是中文的了，
2021-04-14 20:16:54
4627
14
原创 vue 过滤器filter设置
有时间需要编写一些过滤器，这边Mark下// filters.js文件const bdStatus = (value) => { const statusMap = { 1: '正常', 2: '异常', 3: '终止', 4: '暂停', } return statusMap [value] || value}export { statusMap }下面在main.js中定义：// main.js
2021-04-14 18:33:24
201
原创 vue父组件调用动态子组件的方法
有时候父组件需要直接调用子组件的方法<!-- 父组件引用子组件son --><template> <div> <div> <button @click='refreshBtn'>刷新son数据</button> </div> <son ref="son"> </son> </div></template><script> m
2021-04-10 17:14:44
956
2
原创 vue同一组件在不同路由下展示不同样式
vue现在很多组件是相互间引用的，但是在不同组件中展示的样式怎么调试呢<div class="baseClass" :class="[{'specialClass':$route.name =='home'}]"></div>基础样式类在baseClass中定义，区别于其他组件，home路由中多了这个样式’specialClass’渲染。这样就支持在不同路由下，样式展示不一样了。...
2021-04-10 16:58:42
1474
原创 数组循环的三种方法 js
下面是js循环数组的三种方法：var aa = ["sven", "aaron", "myron", "coco"];for(var i=0; i<=aa.length; i++) { console.log(i); // 打印下标 console.log(aa[i]);}for (var i in aa) { console.log(i); // 打印下标 console.log(aa[i]);}for (var i of aa) { console.log(i);
2021-02-07 12:03:41
223
原创 通过ref属性，父给子快速传值
最近在项目中看到一种新的父给子传值的方式，觉得很快捷迅速，记录一下1.下面是我们通常父给子组件传值的方式<template> <div id="app"> <users :users="usersData"></users> </div></template>2.下面是直接通过ref来传值<template> <div id="app"> <users ref="so
2021-02-07 11:50:52
841
原创 elementUI，el-select下拉选项最后一项内容高度不撑开的问题
最近测试在点开下拉框的时候，发现下拉框最后一项展示不全的问题，我后面看了下，觉得是element的问题，如下图所示：后面发现是高度渲染少了17px，后面相加类名总是加不上，查找blog和官方文档发现可以给el-select添加类名的属性：popper-class在这个class下把这个固定的高度加上17px即可。<el-select popper-class="modifyStyle"> <el-option v-for="item in options" :key="ite
2021-02-07 11:23:54
3232
3
原创 element-ui el-table级联使用
element-ui el-table级联使用在使用elementUI的时候，有时候会用到表格级联关联，如点击A，渲染B，再通过B渲染C；如下图所示：其实使用的就是el-table中的current-change属性，这里记录下，<el-col :span="6"> <el-table ref="tableA" :resizable="false" :data="tableDataA" highlight-current-row @current-change="company
2021-02-07 10:56:43
1757
原创 el-table表格数据变化，页面不更新问题
最近在做列表首页时，根据条件切换当前table，但是数据更新后，页面不刷新问题尝试了几种方法，还是没效果 1. 在nextTick中使用this.$refs.table.doLayout() 2. 在data赋值前清空tableData 3. 强制刷新：this.$forceUpdate()后面在blog中看到某位大佬的方法，给table加个key，页面就能更新了，所以Mark下<el-table ref="table" :data="tableData" :ke
2020-12-08 20:03:02
31699
35
转载 Vue组件间通信6种方式（转载）
Vue组件间通信6种方式摘要： 总有一款合适的通信方式。作者：浪里行舟Fundebug经授权转载，版权归原作者所有。前言组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了 vue 组件间通信的
2020-09-29 10:37:20
298
原创 vscode 切换默认终端(powershell--＞cmd)
在vscode集成终端中，默认选择的是powershell，但是它有时没有权限，如执行以下操作$ nodemon ./bin/www //执行node的相关命令切换成cmd执行，Ctrl + P输入“settings.json”，如下图// 添加如下代码即可"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe"重新打开终端，选择node即可运行...
2020-09-23 10:02:00
8481
3
原创 Vue中数组更新，达到更新数组的几种方法
最近面试和平时工作中，改变了数组内的值，但是页面没有重新渲染，今天记录下解决方法直接修改不生效，代码如下<template> <div> <h2>数组展示：{{testArr}}</h2> <button @click="changeArr">修改数组</button> </div></template><script> export default { name: "fu
2020-08-26 10:32:27
19397
5
原创 谷歌地图的使用，包括坐标点的刷新，设置中心点
之前官网重构，有用到谷歌地图的使用，以及切换坐标点时，图标的切换。1、首先创建谷歌地图，并申明一个中心点，以及缩放比例。var myOptions = { zoom: 17, center: new google.maps.LatLng(clat, clng), // 设置当前柜子为中心 mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false};//添加mapgmap = new google.maps.Map(doc
2020-07-05 14:42:29
3030
原创 jquery的异步请求$.Deferred操作
今天记录下jq的异步请求操作，说来也是惭愧，最近才知道jq的异步请求操作（2011年就出来了），可能平时都是用的框架吧，里面都有，用jq用的少，主要是dom的操作，请求也就使用$.ajax。给之前旧官网翻新时，从后台获取三个下拉框的值，获取后再进行搜索这个操作，直接上代码var defer1 = $.Deferred(); //在这里定义var getListOne = function(defer1){ $.ajax({ type: "get", url: "/api/xxxx",
2020-05-23 16:25:21
411
原创 dragsort 拖拽插件，点击事件不生效问题解决方法
项目需要上传多张图片，并给图片排序，就只用了dragsort插件，但是之前支持的点击图片删除功能不生效了，一开始试了很多方法，后面才知道点击事件被当成了移动事件下面是一开始加的代码，支持图片移动$("body .demo").dragsort({ dragSelector: "li", dragBetween: true, dragEnd: function() {} });下面是添加后的效果，但是测试时发现，图片右上角的删除不生效下面在看到一个属性：dragSelecto
2020-05-17 17:56:22
1498
原创 shortcut icon图标移动端和PC端设置
之前收到客户的需求，需要在移动端和PC端，使用不同的shortcut icon，很简单的几句代码，记录一下首先在head里引入小图标<link rel="shortcut icon" type="image/x-icon" href="./static/favicon.ico" />然后在index.html文件里最后面，新增一个script标签，我以最大767px作为分界线，...
2020-04-06 19:10:27
1673
原创 vscode live-server代理服务
vscode有许多插件，当我用VS开发时，想代理环境上的代码，并调试开发，中间遇到一些问题，记录下来在blog上很容易找到需要安装live server，启用内置服务器第一步下载第二步点击右下角的Go Live浏览器打开一个端口为5500的页面，如下图：但是如何登陆和与后台交互呢，我百度后，找到如下配置{ "liveServer.settings.host": "loca...
2020-04-06 18:40:22
5429
原创 CSS样式，文字和图片全局置灰
今年清明节，举国哀悼，很多网站文字图片都是置灰的，之前以为图片都是重新切的，但是比如腾讯视频里面的页面都是灰色的，总不能一个个的切图吧，后来才知道这么简单。比如下面就是在维护的一个后台页面，导航条是黄色的弄成灰色的效果如下图：只要设置一个CSS样式即可html { filter: grayscale(1); }如果需要兼容其他主流浏览器（不包括IE）htm...
2020-04-06 17:31:30
1851
原创 vue axios post报400，返回两次错误信息
最近用vue 2.x + axios请求时，请求报400时，请求会报两次错误，相应拦截器会走两次，就是请求一次，相应拦截器会走两次；主要是只有请求报错时才会出现这个问题，请求200就不会出现问题。之前把问题发到了思否上，现在整过来记录下这是我在main.js里面设置的响应拦截器：axios.interceptors.response.use(function(res) { c...
2020-04-05 17:01:22
1318
原创 git 的日常使用记录
之前用git命令行提交代码的，后面用了段时间小乌龟，以至于命令行使用生疏了，真应了那句话：用则熟，不用则生。谨以记录之前的笔记，中间如用一些谬误，还请不吝指出，感谢!常用指令：1、git add readme.txt2、git commit -m “注释”3、git diff readme.txt //文件修改了，但未提交，此命令可查看改了什么内容4、git log //显示...
2020-03-08 14:39:09
341
原创 2020说给自己听
在元旦的时候，blog大佬们都在展开2019的回顾，以及2020年的展望，我总是一热血，也想跟上他们的步伐，奈何深知自己的惰性。今日想起，还是记录下来，鞭策自己。2020 List一、每个月读一本书二、开始写blog三、今年学会写个Python查询脚本四、学习理财定投五、学习算法六、去新疆或西藏旅游总结：谨以个人记之，愿2020能自律一点，多一点进步。脚步追踪1、2020....
2020-02-10 11:04:52
289
原创 HTTP状态码详解
HTTP状态码1xx（信息类）： 表示接收到请求并且继续处理。100 – 客户必须继续发出请求。101 – 客户要求服务器根据请求转换HTTP协议版本。2xx（响应成功）：200 – 表明请求被成功完成，所请求的资源发送回客户端。201 – 提示知道新文件的URL。202 – 接受和处理，但处理未完成。203 – 返回信息不确定或不完整。204 – 收到请求，但返回信息为空。2...
2020-02-05 14:33:08
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人