- 博客(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关注的人