- 博客(28)
- 收藏
- 关注
RSS订阅原创 element-ui 遇到的坑
1、el-table组件的data属性如果初始值是{}对象的话会卡死，比如:data=“tableData”、tableData: {}
2020-12-01 16:09:52
174
原创 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
267
原创 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
981
原创 网页打印没有样式怎么办？先加上!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
855
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
329
原创 did you register the component correctly? For recursive components, make sure to provide the “name“
解决方案：看是不是【components】的配置写重复了
2020-09-17 10:39:05
367
原创 小程序 常用代码 笔记
请求接口可以在 onLoad 该生命周期 安装less转换wxss的插件 npm install -g wxss-cli // 全局安装wxss-cli插件wxss ./pages // 在 pages目录下 运行插件，需要在其他目录的话，同理修改对应路径即可
2020-09-17 10:38:28
68
原创 vue 对比 小程序
vue 小程序 v-if wx:if @click bind:tap this.list this.data.list 有双向绑定 数据更新后，需要this.setData({})把数据绑定上去，页面才好刷新数据
2020-09-17 10:38:14
76
原创 前端 寻bug 记录
主要后端或者别人修改的字段命名是不是改了一个s mysql转sqlserver，类型转变为1要注意 注意看数据是否需要清空重置，比如弹窗这些，或者没清空的话会不会后续操作 按照平常的常见写法，但是显示报出错了，看看是不是位置写错了、 写重复了。 detele delete 哪个才是删除（狗头） 复制别的页面修改后，要注意接口地址有没有更换过来。 参数传接口后不改变，看接口参数是什么类型的。 promise里面如果一直走的是catch的话，有可能是因为then里面报错了，比如this在箭头函数和
2020-09-17 10:37:55
88
原创 处理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
260
原创 postman 使用记录 & bug 记录
swagger可以，但是postman是415(好像是json缓存问题) 500（因为header没传source） 看看接口是不是因为已经提交过单子不能在提交而导致接口返回400，不通过的。
2020-09-16 09:15:12
318
原创 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
102
原创 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
3430
1
原创 vue 常用代码
三元运算符:style="{ display: isMakeSureHere ? 'inline-block' : 'none' }"传值不同的路由，子组件的内容表现不一样，看看是不是父组件传值的时候this指向给子组件的问题
2020-09-16 09:13:46
289
原创 前端下载后端返回的文件流方式的文件
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
1604
原创 vue组件间传值，传值之后没有立即显示的解决思路
vue组件间传值，传值之后没有立即显示，比如iview值传完了，需要在别的input随便输入点什么才会显示出来看是不是深拷贝浅拷贝的问题，如：JSON.parse(JSON.stringify()) 看data里面是否定义了
2020-09-16 09:13:14
752
原创 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
147
原创 数组的 浅拷贝 & 深拷贝
继续不多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
97
原创 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
100
原创 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
279
原创 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
93
原创 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
228
原创 变量类型与计算
值类型值类型：数字类型、字符串类型、布尔类型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
59
原创 axios中取消请求（使用CancelToken）
我本意可能大多是笔记方式记录的，引用原文加上自己的一些修改，因为阅读量多了一些，有点慌，以防万一贴一下引用原文：https://blog.csdn.net/sir1241/article/details/76099529axios中取消请求（使用CancelToken）小文章在平时的开发过程中，我们会经常遇到菜单切换的问题，在一些切换频率较低的情况下，在切换到另一个页面的时候，上一个页面基本没有未完成的异步请求，即使有，在一些情况下也是可以忽略的。但是，在一些切换频率较高的页面中，如果我们不处理这.
2020-09-15 10:25:28
1304
原创 页面加载 - 渲染过程
加载资源的形式输入 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
121
原创 找出数组中重复的元素
找出数组中重复的元素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
1088
原创 事件节流
事件节流let textarea = document.getTlementById('text')let timeouttextarea.addEventListener('keyup', function () { if (timeout) { clearTimeout(timeout) } timeout = setTimeout(function () { // 触发 change 事件 })})
2020-09-15 10:21:26
124
原创 ...扩展运算符妙用 - 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
939
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人