- 博客(18)
- 收藏
- 关注
RSS订阅原创 面试题（100个数据，然后每次请求20条，当数据请求到100条或者请求的数据不满20条时，停止请求）
需求直接上代码， 如有不正确请大神指点，注释就不想写了```javascript let arr = [] const fetchData = () => { const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20] return new Promise(resolve => {
2021-11-22 21:37:20
660
原创 js vue 数组排序（根据对象属性排序），粘贴即用
数组排序（根据对象属性排序），粘贴即用拿到的List 就是已经通过排序后的数组通过返回数据进行排序需求是用 weight 字段进行数据排序methods: { compare (property) { return (a, b) => { var value1 = a[property] var value2 = b[property] return value1 - value2 } }, getData (
2021-08-06 15:30:58
443
1
原创 判断进入vue页面时,是第一次进入还是重新加载进入
created() {}, mounted() { if (window.performance.navigation.type == 1) { console.log("页面被刷新"); } else { console.log("首次被加载"); window.location.reload(); } }, methods: {}performance.navigation.type（该属性返回一个整数值...
2021-04-28 14:23:43
2438
原创 input框 模糊搜索节流方法
<input v-model="amount" type="number" @input="throttle" placeholder="javascript" size="large" class="" /> // 调用接口获取模糊数据 giveIntegralTotal() { let obj = {} this.$http.giveIntegralTotal(this.amount).then(res => { console.log(res) })
2021-04-02 19:51:48
896
原创 base64图片文件下载到本地方法
<script> function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) {
2021-04-02 19:47:08
3002
原创 深拷贝 浅拷贝
浅拷贝直接赋值就可以,不多阐述//举个栗子//简单数据类型 直接 = 赋值let a = '你好'let b = a//复杂数据类型//Array let arr = [1,2,3]let arr1 = arr.concat()......深拷贝引用数据类型函数 function deepClone(obj) { // typeof判断 是否为引用数据类型 if (typeof obj !== 'object') { return
2021-03-12 17:27:51
61
原创 Number.EPSILON
Number.EPSILON实际上是 JavaScript 能够表示的最小精度。误差如果小于这个值，就可以认为已经没有意义了，即不存在误差了。引入的目的，在于为浮点数计算，设置一个误差范围。我们知道浮点数计算是不精确的。function withinErrorMargin (left, right) { return Math.abs(left - right) < Number.EPSILON * Math.pow(2, 2);}0.1 + 0.2 === 0.3 // falsew
2021-03-12 17:16:03
433
原创 递归取树形结构值
此篇文章为记录自己在写代码中遇到问题记录,可忽略~~ ~~返回的数据中，children为树干，knowledgePoints为树叶 ，可以选中为树叶，方法一： 一层层遍历， 缺点： 代码臃肿，可读性差，影响性能，且并不知道树结构有多少层，也不知道需要遍历多少遍，方法二: 递归取需要的值// 封装递归方法 treeForeach(tree, func) { tree.forEach((data) => { func(data); //
2021-02-22 16:57:39
416
原创 element Pagination分页 删除最后一条数据返回上一页问题
问题描述:在删除表单最后一条数据时,自动返回上一页,但实际情况是还是删除前的页数,数据为空解决办法: rowDel(row) { sensitiveWordDelete(row.id).then((res) => { if (res.data.code == 200) { this.$message({ type: "success", message: "删除成功!", })
2021-01-30 15:58:38
3163
2
原创 Cannot read property ‘level‘ of null 的解决办法
在使用element 级联选择器的时候，报Cannot read property 'level' of null 的错误报错原因因为Cascader下拉进行显示的数据是由后台接口进行提供，在进行默认值显示修改时，将后台返回的数据赋值给v-model绑定的数据，进行如此的赋值是能够实现默认值改变显示的，但是在改变榜单类型后，Cascader的options动态的进行了改变，使得Cascader的绑定数值在下拉选项中不存在。总之就是因为点击或者选中了父节点改变了榜单的类型，从而options进行动态得
2020-12-01 16:41:07
7522
2
原创 使用 flex布局 解决数量不够自动向两端排列的问题
原效果:需求效果:解决方案: 父级添加after伪类html:<view class="gradeList"> <view class="grade-item" v-for="(item,index) in gradeList" :key="index" @click="changeGrade(index)"> {{item.name}} </view></view>css:.gradeList { display: flex;
2020-11-30 11:32:40
501
原创 element级联动态加载回显
最近用到了elementUI的级联选择控件，级联选择控件的后台数据格式处理，和el-tree是完全一样的其实所谓回显，也只是默认值的问题。例如，一个省市联动，如果当一个用户修改自己信息的时候，那么他能看到级联选择的值，也就是说在修改页面我们给级联选择器赋值一个默认值就可以了看效果， 数据并不是选择上去的， 而是修改时，默认的数据。在级联选择器选择时会有个默认的change事件， 可以打印看下数据是什么样子的，类似于：所以当修改数据 ， 表单默认需要显示之前保存过的数据， 需要转换成一样的.
2020-11-30 09:34:12
3444
2
原创 关于H5 更改localhost为 IP地址后无法访问
nginx部署h5项目1. nginx部署h5项目此为windows部署，liunx也类似的1.1. 前言部署h5项目还是很简单的，不过对小白来讲一开始可能也是一脸懵逼，这个简单教程针对的是从未部署过前后端分离前端项目的小白1.2. 步骤1.2.1. 下载nginx1.如下图目录1.2.2. 放入经过编译的h5项目1.把经过编译的h5项目放入html文件夹下，可以在html里面创建一个单独文件夹，把内容放进去2.如下图1.2.3. 修改conf1.进入conf目录，打开nginx
2020-09-26 11:39:52
887
原创 后台返回html代码,遇到特殊字符无法解析问题( ；"；<；>；)
今天非常的郁闷，调用接口遇到返回html标签，出现了无法解析的问题。现把我的解决方法分享出来：在把后台返回数据解析到HTML页面上时, 特殊字符无法被识别解决办法 可以利用正则 escapeHtml(str) { var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'}; return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,
2020-09-23 09:50:28
4499
原创 请求接口,后台返回的数据中,包含标签时候解析为html代码
方法一： 在vue中的时候： 后台返回数据：sharePic: (...)sort: (...)status: (...)template: "<p class="ql-align-justify"><strong>关于2020年国庆节、中秋节放假安排的通知</strong></p><p class="ql-align-justify"><br></p><p class="ql-align-justify"&g
2020-09-23 09:25:11
3621
原创 单页面Vue页面刷新出现闪烁问题
分析原因: 为什么刷新会出现闪烁的问题?因为浏览器是html从上到下执行，先执行Dom元素然后执行javaScript元素当走到javaScript时，Dom元素已经开始走动，所以如果网慢的话，会显示的特别明显解决方法: 使用 v-cloak用法:v-cloak指令 和 css规则 [v-cloak] {display:none} 一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。原理：带有v-clock的的元素设置为display:none，隐藏掉，在等到vue解
2020-09-21 18:06:30
2752
原创 html页面引入vue组件
html页面引入vue组件需要在页面引入http-vue-loader.js注意：要查看页面引入vue组件的效果不能直接在本地打开index.html，会有跨域问题，可以在本地配置一个nginx转发，再用浏览器访问http://localhost:port/index.html1.创建my-component.vue<template> <div class="hello">Hello {{who}}</div></template> &l
2020-09-08 11:30:13
5145
转载 小程序通过扫码进入时获取二维码中的参数（采坑）
小程序通过扫码进入时获取二维码中的参数（采坑）斜体样式情景：假如你想在通过二维码进入小程序时候，根据二维码中参数进行一些别的操作1 开发阶段，在开发者工具中微信开发者工具中编译条件中有一个自定义编译模式，同时可以携带参数，启动参数中写你要携带的参数（注意再次声明这是开发阶段）在这里插入图片描述上面控制台输出的 { id: ‘1’ } 是：onLoad (option) { console.log(option)}这时候你就可以继续你的开发，拿着参数去请求数据等等操作2 发布阶段，
2020-09-05 11:15:33
1900
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人