- 博客(29)
- 收藏
- 关注
RSS订阅原创 Vue3+Antdv2 使用了select后切换页面出现崩溃
项目是Vue3 + antdv 2 搭配使用，在页面使用select下拉后，切换页面会出现一下报错：[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next同时还有大量报错看了一圈发现需要手动去销毁。。。。。。
2021-07-15 16:37:20
671
原创 关于vue3使用i18n遇到的问题
1. 如果在vue3 的纯js文件中引用，再直接导出数据，可能会出现显示不正确的问题可以选择导出对应的字符串，在外部通过i18n来渲染2. i18n 中 | 在字符串中无法正常显示lang.json中 { "key": "common_InputErrorInputAdvice", "zh_CN": "可输入除“=”、“|”、“`”等特殊字符的英文符号，以数字、字母、下划线、“-”、“#”、前括号开头，以数字、字母、下划线、“-”、后括号结尾",
2021-07-14 09:57:41
6513
4
原创 Ant-Design-Vue报错Warning: `children`should be`Select.Option`or`Select.OptGroup`instead of `a-select
Ant-Design-Vue报错Warning: childrenshould beSelect.OptionorSelect.OptGroupinstead of a-select-option使用Ant-Design-Vue 选择器的时候，发现报错，代码就是官网的例子直接复制下去的：解决方案注意组件的名称是否对应option需要单独引一下 components: { ASelect: Select, ASelectOption: Select.Option,},
2021-06-10 15:03:16
2551
原创 JavaScript 防抖、节流
之前开发的时候遇到过防抖、节流这些问题，当时也就是解决了，谁知道他们的名字叫做防抖、节流呢，现在来做个总结吧。防抖：防抖原理就是：使用setTimeout来辅助实现，延迟运行需要执行的代码。如果方法多次触发，就把上次记录的延迟执行代码清掉，重新开始计时。若计时器件事件没有被重新触发，等延迟时间计时完毕，则执行目标代码。如果没有防抖的话，我们举个demo：// 首先一个container&...
2020-04-29 10:56:27
239
原创 关于JavaScript的深浅拷贝
JavaScript的数据类型就是基本数据类型和引用数据类型但是对于基本数据类型不存在深浅拷贝的区别，所谓的深浅拷贝是针对于引用类型而言的关于浅拷贝：1. Array.concat() / Array.slice()如果针对数组，可以使用他们来进行浅拷贝。如下：但是，如果数组里面有数组或者对象时，就会发生这种情况：由上面可以发现，不管新数组还是老数组都发生了变化，说明拷贝不彻底。...
2020-04-28 16:54:08
157
原创 关于继承、实现new等
__ proto __ 和constructor是对象独有的，prototype是函数独有的；但是在js里函数也是对象，所以函数也有 __ proto __ 和constructor属性。constructor对于引用类型来说是可以修改的，但是对于基本类型是只读的。typeof 和 instanceof 原理typeof 用于判断一个变量的类型，但是在判断object类型时，不能说明该obj...
2020-04-28 15:05:01
222
原创 实现call()、apply()、bind()
关于call()、apply()概念：允许为不同的对象分配和调用属于一个对象的函数/方法 - 他们作用相同，只是传的参数不同（apply接收的是函数运行的作用域this，以及一个参数数组；而call却是将数组列举出来）实现apply方法：其实模拟的步骤也就是三步：将函数设为对象的属性执行该函数删除该函数实现如下：Function.prototype.my_apply ...
2020-04-24 17:30:04
154
原创 理解JavaScript的闭包
闭包：函数和对其周围状态（词法环境）的引用捆绑在一起构成闭包，闭包可以让你从内部函数访问外部函数作用域。看了这位大佬的文章了解了很多，指路====》转载自闭包首先一道题：for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(new Date, i); }, 1000);}...
2020-04-24 10:44:48
173
原创 理解JavaScript的执行上下文
执行上下文概念：执行上下文是评估和执行JavaScript代码的环境的抽象概念执行上下文的类型：全局执行上下文——（默认或者说是基础的上下文，任何不在函数内部的代码都在全局上下文中）。一个程序只有一个全局执行上下文函数执行上下文—— （每当一个函数被调用时，都会为该函数创建一个新的上下文）Eval函数执行上下文——执行在eval函数内部的代码也会有自己的执行上下文执行栈：就是类似于其...
2020-04-23 15:40:40
153
原创 JavaScript 三种声明方式
这篇文章来较深层的讨论一下JavaScript的三种声明方式的区别。（其实是以前对这些了解算是比较浅薄了。。。。捂脸）关于varvar声明一个变量，并且可选地将其初始化为一个值关于var的作用域 —— 是当前的执行上下文，可以试试嵌套的函数，也可以说是全局注意：未声明变量是全局的（未声明的变量会被挂载到window上）：说到var 就要想到变量提升（吧所有的变量声明移动到函数或者...
2020-04-22 16:38:10
500
原创 echarts从全国地图切换成省级地图地图不居中的问题
我的项目会有全国、省级两种版本。我在写全国地图的时候地图自己居中自适应。可是数据变成省级数据后，就会缩成一坨。全国地图如下：切换成省级数据变成如下：我就很疑惑，我也没有设置地图的位置啥的，应该就是echarts自己就会处理成居中的呀？后来自己想到了解决方法：方法一：手动更改zoom（缩放比例）以及center（当前视角的中心点），设置他们一个合适的数值就行了，可以解决问题方法二：...
2020-03-26 14:02:04
5783
3
原创 前端知识积累（持续更新）
代码输出结果var i = 0;function fun(){ i++; if(i < 10){ fun(); }else{ return i }}console.log(fun());输出：undefined原因：没有return，函数会默认返回undefined。所以递归之后直接返回undefined，不会下一次递归对于this的理解...
2020-03-10 10:52:39
380
原创 VUE常见知识点（未完）
v-model 原理其实就是一个语法糖，:bind=‘value’ 和 ‘@change=“value=$event.target.value”’的结合，就是绑定数据并且监听数据的改变给VUE定义全局的方法挂载到vue的prototype上keep-alive相关的生命周期当keep-alive组件激活时，触发activated，停用触发deactivatedvue2.0兼容IE那些...
2020-03-09 17:25:11
171
原创 echarts tooltip样式修改（2）
最近做了一个需求，UI设计是这样：我脑袋里想到两种方式：要么用echarts里面的 ----> tooltip -------> formatter来进行设置；要么写个组件，用鼠标事件mouseover和mouseout来控制组件的显示。但是，我吧，就想用formatter。。。。关于tooltip的配置如下： tooltip: { ...
2020-03-04 15:11:45
5155
原创 echarts大量数据时且多条折线X坐标不同时X轴显示错误等情况
最开始我将后台返给我的数据的value处理成一个series（即一条线）为一个数组[value1,value2…]的情况，然后将所有的x坐标放到一个数组，然后再去重。然而出来的效果：存在很多问题：检查从后台给我的数据有2-13之后的数据，可是在图表上只有最大2-13的x坐标所有点的在tooltip上显示的x坐标不正确，比如在2-13 04:09应该是有一个点有数据，结果所有的线在该处...
2020-02-24 14:23:46
4160
原创 总结echarts绘图样式更改
最近我所做的业务都与画各种图有关，地图，折线图，柱状图等等。echarts上手还是挺容易的，就是绘图改样式的时候查文档需要一些时间。我这里将平时经常需要改的样式做个总结。关于坐标轴的样式平时开发过程中，更改坐标轴样式相当多，先上效果图再做更改样式的介绍：折线图：折线图：散点图：平滑曲线的折线图：更改x，y轴的样式：有几个属性：axisLine：坐标轴轴线的设置axisT...
2019-11-16 15:50:56
2378
原创 关于近期工作中遇到的各种问题总结
关于echarts画地图遇到的问题1. 散点图画不上其实很简单，我的业务需要做切换，我需要在点击按钮后在地图上画上所需的数据，在配置项中即需要两个series，一个是map的series ，另一个就是散点的series。画上的原因主要是echarts的要求：data格式必须是有value的字段而且其值是坐标，再 coordinateSystem: ‘geo’ ，就可以实现了2.关于sym...
2019-11-12 11:11:48
1488
1
原创 JS两个数交换位置（含异或原理）
关于交换两个数的位置在平时开发过程中，常常会遇见交换两个数的位置的时候，使用的方法有如下：第一时间能想到的方法：临时变量来存值第二时间想到的：加减运算来交换（只能针对数字）第三时间会想到：利用数组来交换第四时间会想到的：ES6解构赋值最优秀的交换：异或（针对数字）...
2019-08-29 17:09:49
1795
1
原创 关于 [vuex] unknown mutation type: id报错
解决方法：网上百度说mutations被写成了mutation，可是我没有啊！！！！还不晓得——2019.7.5 16：57解决！！！commit的第一个参数应该是传的该函数的函数名，后面才是要传的值...
2019-07-05 17:25:44
5955
原创 关于[Vue warn]: You are using the runtime-only build of Vue where the templa...解决
在学习vue的过程中，我做了很简单的demo，结果它报了这种摸不着头脑的错，在报错信息中才发现有runtime-only和compiler-included两种模式。我百度了一下出现的原因以及报错的解决方法vue.runtime.esm.js?2b0e:619 [Vue warn]: You are using the runtime-only build of Vue where the t...
2019-07-03 14:02:23
1268
原创 vue的父子兄弟组件传递
之前学习过vue但是跟着视频学习并没有敲代码，感觉一知半解，这里做一个总结，方便自己理解以及以后工作的开展首先关于父子组件的传递1.父传子父传子（其实就是父组件用v-bind给子组件绑定数据，子组件用props接收）要注意的几个点：1.在父组件中要包含有子组件的存在2.在父组件部分包含的子组件需要使用v-bind来绑定上数据（否则在子组件部分值就会undefined）3.在子组件的部分...
2019-06-26 17:22:24
161
原创 关于Unexpected console statement (no-console)的解决
使用vue 报错error: Unexpected console statement (no-console) at src\App.vue:20:13:在使用vue进行代码编写的时候出现这种报错，去网上查了一下，解决方法不一样。下面是我的解决方法：console.log(data)改为window.console.log(data)...
2019-06-26 15:02:24
2783
原创 面向对象
类与实例根据慕课视频总结的笔记类的声明1.通过构造函数来声明function Animal(){this.name=name}ES6的class的声明class Animal2(){ construtor(){ this.name=name }}生成实例类与继承如何实现继承继承的几种方式——1. 借助构造函数实现继承function Parent()...
2019-02-25 16:39:41
109
原创 原型链
创建对象有几种方法第一种的方法一var o1={name:'01'}第一种的方法二（这两种原型链都指向Object）var o11=new Object({name:'011'})第二种（通过构造函数来建的）var M=function(){this.name='02'}var o2=new M()第三种（通过Object.create）var P={name:'o3'}...
2019-02-23 22:22:33
147
原创 HTTP协议类
根据慕课视频总结的笔记HTTP协议的主要特点主要特点是：简单快速灵活 ——头部的不同，就可以传不同数据无连接 ——连接一次就会断开，不会保持连接无状态 ——客户端和服务端，不能确定两次连接的身份HTTP报文的组成部分包含请求报文+响应报文请求报文=请求行+请求头+空行+请求体响应报文=状态行+响应头+空行+响应体请求行=http方法+页面地址+http协议+版本...
2019-02-22 23:18:09
125
原创 DOM事件
根据慕课视频总结的笔记DOM事件的级别 // DOM0 elemen.onclick=function(){} // DOM2 element.addEventListener('click',function(){},false) //其实制定了是捕获还是冒泡 //DOM3 element.addEventListener('keyup',functi...
2019-02-22 22:23:33
79
原创 CSS盒模型的认识
基本概念：标准模型+IE模型标准模型的宽和高就是指content的宽和高IE模型的宽和高=content+padding+border标准模型和IE模型的区别就是计算宽高不同CSS如何设置这两种模型box-sizing:content-box ——标准模型（浏览器默认）box-sizing:border-box ——IE模型JS如何设置获取盒模型对应的宽和高dom.st...
2019-02-22 17:27:18
175
原创 关于三栏布局的五种方法及所遇到的各种问题及解决方法
关于三栏布局的五种方法及所遇到的各种问题及解决方法页面的三栏布局一直是一个经典的问题，很多情况下的面试都会遇到这个问题。我一直以为这个很简单，但是在练习的过程中发现这个问题不亏是经典问题，考察了很多细节的知识点，我将贴出我的解法以及在解决过程中的问题。1. 解法一：使用float来解决代码如下： &lt;style&gt; *{ padding: 0; margin:0; }...
2018-12-17 19:04:17
520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人