自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 element-ui 遇到的坑

1、el-table组件的data属性如果初始值是{}对象的话会卡死,比如:data=“tableData”、tableData: {}

2020-12-01 16:09:52 206

原创 js 常用代码

箭头函数中的this指向,由你书写它的位置决定(和普通函数的 this 规则看指向调用他所在方法的内个对象相反)属性访问器(xx.xxx注意这个.)清除页面图片var removeImgs = setInterval(function () { if (document.getElementsByTagName('img').length) { for (let item of document.getElementsByTagName('img')) { item.remov

2020-09-23 09:49:51 284

原创 Object.assign() 之 IE 兼容 (TypeError: 对象不支持“assign”属性或方法)

不跟你多BB,直接上代码:npm i jquery jquery-ui结合iviewUI框架2.x版本,当鼠标拖到上方进行条件限制拖出if (ui.position.top < 1) ui.position.top = 0import $ from 'jquery'import 'jquery-ui/ui/widgets/draggable'$('.ivu-modal').draggable({ handle: '.ivu-modal-header', cursor: 'm.

2020-09-17 10:39:39 1009

原创 网页打印没有样式怎么办?先加上!important试试看

举个栗子,只在print中使用的样式,用@media print,然后比方说bootstrap中.col-sm-4 打印不起效,可以如下:@media print { .col-sm-4 { float: left !important; width: 33.3333% !important; }}另外chrome打印,需勾选【背景图形】显示背景颜色...

2020-09-17 10:39:31 892 1

原创 node-sass安装失败?安装太慢?来看看多一个解决思路哈

第1步:先安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install第2步:设置sass_binary_site并且安装node-sass(因为需要安装node-sass会默认从github.com取binary数据,如果网速不好的话你懂得。。故而也从淘宝镜像上取数据即会快很多)cnpm i node-sass --sass_binary_site=https://npm.taobao.o

2020-09-17 10:39:21 347

原创 did you register the component correctly? For recursive components, make sure to provide the “name“

解决方案:看是不是【components】的配置写重复了

2020-09-17 10:39:05 390

原创 小程序 常用代码 笔记

请求接口可以在 onLoad 该生命周期 安装less转换wxss的插件 npm install -g wxss-cli // 全局安装wxss-cli插件wxss ./pages // 在 pages目录下 运行插件,需要在其他目录的话,同理修改对应路径即可

2020-09-17 10:38:28 81

原创 vue 对比 小程序

vue 小程序 v-if wx:if @click bind:tap this.list this.data.list 有双向绑定 数据更新后,需要this.setData({})把数据绑定上去,页面才好刷新数据

2020-09-17 10:38:14 92

原创 前端 寻bug 记录

主要后端或者别人修改的字段命名是不是改了一个s mysql转sqlserver,类型转变为1要注意 注意看数据是否需要清空重置,比如弹窗这些,或者没清空的话会不会后续操作 按照平常的常见写法,但是显示报出错了,看看是不是位置写错了、 写重复了。 detele delete 哪个才是删除(狗头) 复制别的页面修改后,要注意接口地址有没有更换过来。 参数传接口后不改变,看接口参数是什么类型的。 promise里面如果一直走的是catch的话,有可能是因为then里面报错了,比如this在箭头函数和

2020-09-17 10:37:55 109

原创 处理iview(2.x)中InputNumer组件不好用的问题

totalPrice: (h, params) => { let _val = filter.formatDecimalTwo2(params.row.totalPrice) // let _valNum = _val * 1 const _inputNumber = h('InputNumber', { attrs: { title: params.row.totalPrice * 1, va...

2020-09-16 09:15:16 285

原创 postman 使用记录 & bug 记录

swagger可以,但是postman是415(好像是json缓存问题) 500(因为header没传source) 看看接口是不是因为已经提交过单子不能在提交而导致接口返回400,不通过的。

2020-09-16 09:15:12 346

原创 js 精度问题

1115.11 * 100 // 111510.99999999999(111510.99999999999) / 100 // 1115.11(1115.11 * 100) / 100 // 1115.11parseFloat((1115.11 * 100).toFixed(10)) / 100 // 1115.11

2020-09-16 09:14:48 122

原创 iview框架 引入 vxe-table插件 处理 表格大数据渲染卡顿

vxe-table插件手册:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic模板:<vxe-grid resizable ref="tableVxe" border stripe highlight-hover-row :tooltip-config="{theme: 'light'}" show-overflow class="vxe-table-i

2020-09-16 09:14:09 3480 1

原创 vue 常用代码

三元运算符:style="{ display: isMakeSureHere ? 'inline-block' : 'none' }"传值不同的路由,子组件的内容表现不一样,看看是不是父组件传值的时候this指向给子组件的问题

2020-09-16 09:13:46 309

原创 前端下载后端返回的文件流方式的文件

decodeURI 解析 后端返回的 res.headers['content-disposition'] 里面名字(URL编码的) res.headers['content-disposition'] 这个在 fixfox浏览器 会有一个 *号 比如 filename*=,所以用 split('='),而不用 split('filename='),并跟后端约定好先filename信息放在res.headers['content-disposition'] 最后一个 = 号,然后前端也是取最后一个。..

2020-09-16 09:13:32 1636

原创 vue组件间传值,传值之后没有立即显示的解决思路

vue组件间传值,传值之后没有立即显示,比如iview值传完了,需要在别的input随便输入点什么才会显示出来看是不是深拷贝浅拷贝的问题,如:JSON.parse(JSON.stringify()) 看data里面是否定义了

2020-09-16 09:13:14 781

原创 js 常用正则

/^[1-9]\d*$/ // 大于等于1的整数'a b c d'.split(/[ ]+/) // ["a", "b", "c", "d"]new RegExp('abc'.split('').join('.*?')).test('aeebddc') // true,长字符串按照短字符串的字母顺序匹配new RegExp('a.*?b.*?c').test('aeebddc') // 同上,true/^(\w+)\1+$/.test(s) // 匹配看字符串中是不是可以根据“子字

2020-09-16 09:12:22 170

原创 数组的 浅拷贝 & 深拷贝

继续不多bb,直接上代码:含值类型的元素的假拷贝:let obj = [1, 2]let copyFake = obj// let copyFake = [...obj]copyFake[1] = 20console.log(obj[1]) // 20console.log(copyFake[1]) // 20含值类型的元素的浅拷贝:let obj = [1, 2]let copyShallow = obj.slice()// let copyShallow = [.

2020-09-16 09:11:55 115

原创 iview 框架的 table render 填坑

totalQuantity: (h, params, row) => { params.row.totalQuantity = params.row.totalQuantity || params.row.ownQuantity + params.row.canUseQuantity // 要从2个字段取值作处理 return h('InputNumber', { attrs: { title: params.row.totalQuant...

2020-09-16 09:11:42 121

原创 vue 中引用 jquery-ui,使得 iviewUI 的弹窗可以拖动

不跟你多BB,直接上代码:npm i jquery jquery-ui结合iviewUI框架2.x版本,当鼠标拖到上方进行条件限制拖出if (ui.position.top < 1) ui.position.top = 0import $ from 'jquery'import 'jquery-ui/ui/widgets/draggable'$('.ivu-modal').draggable({ handle: '.ivu-modal-header', cursor: 'm.

2020-09-15 10:31:20 292

原创 IE 导入 EXCEL 的 readExcelIE() 方法,处理对象数组中有不存在值的对象元素的方案

IE11遇到情况如下:经过如此强大的.filter(item => item != null)处理之后:完美!!!IE导入EXCEL的readExcelIE方法,遇到这个鬼SHI大坑处理方法:关键是这段代码:.filter(item => item != null),因为IE11大佬测试起来很卡,笔记本都发烫了蓝瘦香菇。。。搞了一晚终于可用纪念一哈。。。for (let i of this.arrObj) { // if ([...Object.value

2020-09-15 10:30:47 103

原创 git webpack npm yarn 常用代码

yarn全局安装与使用// vscode中settings.json设置可以格式化双引号变成单引号,分号也去掉"vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true }}// git 国内镜像(git官网下比较慢的话可以使用)https://npm.taobao.org/mirrors/git-for-windows/// cnpm 安装 &a

2020-09-15 10:30:17 243

原创 变量类型与计算

值类型值类型:数字类型、字符串类型、布尔类型var a = 100;var b = a;a = 200;console.log(b); // 100引用类型引用类型:对象、数组、函数指针指向引用类型可以无限扩展属性,但是属性很多就会出现内存占用大的问题。所以如果a有很多属性,为了b对象拿到a对象,但是又不想占内存再变大,所以才出现引用类型。var a = {age: 20}; // age 属性var b = a;b.age = 21;console.log(a.a

2020-09-15 10:27:53 70

原创 axios中取消请求(使用CancelToken)

我本意可能大多是笔记方式记录的,引用原文加上自己的一些修改,因为阅读量多了一些,有点慌,以防万一贴一下引用原文:https://blog.csdn.net/sir1241/article/details/76099529axios中取消请求(使用CancelToken)小文章在平时的开发过程中,我们会经常遇到菜单切换的问题,在一些切换频率较低的情况下,在切换到另一个页面的时候,上一个页面基本没有未完成的异步请求,即使有,在一些情况下也是可以忽略的。但是,在一些切换频率较高的页面中,如果我们不处理这.

2020-09-15 10:25:28 1323

原创 页面加载 - 渲染过程

加载资源的形式输入 url(或跳转页面)加载 html加载 html 中的静态资源<script src="/static/js/jquery.js"></script>加载一个资源的过程问:从输入 url 到得到 html 的详细过程浏览器根据 DNS 服务器得到域名的 IP地址向这个 IP 的机器发送 http请求服务器收到、处理并返回 http请求浏览器得到返回内容浏览器渲染页面的过程根据 HTML 结构生存 DOM Tree根据 CSS 生成

2020-09-15 10:24:58 146

原创 找出数组中重复的元素

找出数组中重复的元素indexOf & lastIndexOf(这个可以用于字符串,不需要sort)看 从前数(indexOf)与 从后数(lastIndexOf)的下标是否不一致看看 arrRepeat数组 是否存在过,未存在过的话就 push进去let arrAll = []this.bodyParams.detailList.forEach(item => { arrAll.push(item.productNo)})let arrRepeat = []let t

2020-09-15 10:23:05 1168

原创 事件节流

事件节流let textarea = document.getTlementById('text')let timeouttextarea.addEventListener('keyup', function () { if (timeout) { clearTimeout(timeout) } timeout = setTimeout(function () { // 触发 change 事件 })})

2020-09-15 10:21:26 145

原创 ...扩展运算符妙用 - ES5中push方法的参数不能是数组

含义扩展运算符( spread )是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5[...document.querySelectorAll('div')] // [<div>, <div>, <div>]该运算符主要用于函数调用。array.push(…items)和

2020-09-15 10:18:16 959

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除