- 博客(31)
- 收藏
- 关注
RSS订阅原创 记录自己在实习时候主管让我自己独立做个项目时，积累的一些经验
当初实习的时候，一来到公司，并没有给我安排什么其他的活，就是让我自己先在一个星期之内做个小项目试试水，要求这个项目要像正常的项目一样能够供用户使用，接口文档和原型图都给了，不过设计图没给，所以很多东西的尺寸美观的问题需要自己去把握（有些小伙伴可能不理解，原型图是产品那边给的，上面只是表明了某个页面应该放哪些东西，大致的布局有，但细节方面的就没有；（3）页面内使用的组件库最好不要使用多个组件库，并且每个组件的大小最好都统一，我当时用的elementui组件库，规定的所有的组件都要使用mini尺寸。
2024-10-10 15:19:37
637
原创 在echarts的tooltip组件中使用vue自定义组件
今天在码代码的时候遇到了一个需求，这个要求在tooltip的时候展示比较复杂的东西，如下图：https://i-blog.csdnimg.cn/direct/ceed76d434af42a9a0b0b36eab564bae.png这是已经做好的效果，原来最开始的想法是用最笨的办法，直接拿字符串去拼html代码，类似于下面这个样子：tooltip: { show: true, trigger: "item",
2024-10-08 12:03:35
418
1
原创 解决elementui的message与dialog的遮罩层的层级问题
在写项目的过程中我出现了message组件的层级比dialog的遮罩层层级低的问题，要想让message展示在dialog的遮罩层之上，可以给message设置一个自定义类名，再给这个类添加z-index属性，且值比2007大，因为dialog的遮罩层的层级为2007。
2024-06-05 16:51:43
1387
原创 解决echarts地理坐标系散点图的tooltip的显示bug
当鼠标移出整个图表区域时，tooltip 也会隐藏。之前会出现那个原因是因为地理坐标系的数据项的边界是整个地图，所有即使当你鼠标移出了散点之后，他还是相当于hover在数据项范围之内，所以他会一直显示当鼠标移出整个地图时才隐藏。echarts的地理坐标系散点图当给每个数据项（散点）设置了tooltip后会出现这样一个bug：鼠标移出当前散点tooltip不隐藏，只有当鼠标完全移出了地图后tooltip才隐藏。
2024-06-05 16:34:52
686
原创 解决echarts的tooltip框的层级比el-dialog的遮罩层的层级高的问题
echarts的tooltip框的层级比el-dialog的遮罩层的层级高，要让dialog的遮罩层显示在tooltip之上，可以在tooltip里面配置extraCssText:"z-indsex:9"注意：dialog的层级是2007。
2024-06-05 16:26:18
438
原创 JavaScript高级部分——第五天
1.node环境+ node是后端的一个运行环境+ 后端代码必须在后端的运行环境下才能执行+ node.js => node是环境 => js指的是就是JavaScript => js具有开发后端的能力+ 注意点 => 要运行node.js的代码必须先安装node环境完整的网站（动态网站）+ 前端 => 呈现视图的和进行操作的+ 后端 => 和服务器打交道 => 数据库
2023-12-25 09:09:47
60
原创 JavaScript高级部分——第二天
当需要解析或着执行不可信的 JavaScript 的时候，需要隔离被执行代码的执行环境的时候，需要对执行代码中可访问对象进行限制，通常开始可以把 JavaScript 中处理模块依赖关系的闭包称之为沙箱。可以看到，当我们给子类的构造函数的原型对象上面添加方法，父类的实例化对象也可以使用，直白点说儿子去谈恋爱了父亲也跟着儿子去了，这是很不合理的，所以这种方式我们是很不推荐的。以上就是简单的沙箱模式的实现代码，但我们还可以对以上代码做一些改进，可以利用对象的get 和 set 方法来改进，
2023-12-23 11:50:59
58
原创 JavaScript高级部分——第一天
2.浏览器解析器在调用函数时每次都会向函数内部传递一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，这个对象我们称之为函数执行的上下文对象。在定时器外面的事件处理函数中，this就是事件元素，我们可以把this进行备份使用来使用，因为在定时器里面this指向的是window对象。（1）bind()方法：修改函数或方法中的this为指定的对象，并且会返回一个修改后的之后的。3.根据函数的调用方式的不同，this会指向不同的对象，这也是this的存在的意义所在。
2023-12-23 09:50:10
60
原创 JavaScript高级部分——第四天
在执行js代码的时候，首先会将Script整体代码放入到调用栈里面，而后从上到下的按顺序执行，若是同步任务就直接执行，若是遇到异步任务就将异步任务转交给WEB API，如此直到Script整体代码执行完毕时，WEB API会将相应的任务分配到宏任务和微任务队列，而后，由于Script整体代码是属于宏任务的范畴，所以js此时会先执行微任务，js会将微任务队列里面的任务依次放入主线程中执行，直到微任务队列空了，再去执行宏任务队列里面的任务，如此往复，直到所有任务都执行完毕。
2023-12-21 20:20:07
64
原创 JavaScript高级部分——第三天
当运行一个函数时,栈或堆就会分配空间保存相应的值.当变量使用完成后,就不再被需要,它占用的内存就要被释放,供后面的变量使用.但很多时候变量的使用与否不会这么简单.垃圾回收程序必须标记那个变量还会使用,那个变量不再使用,便于回收。垃圾回收程序运行时,会标记内存中存储的所有变量(标记方法有多种).然后他会将所有在作用域的变量,以及被变量引用的变量的标记去掉.在此之后,被标记的变量就等待被删了.随后垃圾回收机制会运行一次,清理标记的值且收回被占用的内存。
2023-12-20 17:06:05
65
原创 JavaScript每日一学 —— 第十八天
注意点：数组使用instanceof和Object构造函数去进行判断那么结果是true，因为数组也属于对象的范畴。精准判断数据类型：Object.prototype.toString.call()防抖：指的是用户触发事件过于频繁，只要最后一次事件的操作（乘电梯）可以查看对象是否有某个属性，有返回true,没有就返回false。静态属性（成员）：只能给构造函数本身使用的属性，称之为静态属性。实例属性（成员）：只能给实例化对象使用的属性，称之为实例属性。合并对象，并返回一个新的对象。
2023-12-13 15:15:57
61
原创 JavaScript每日一学 —— 第十七天
可以看到，是满足三角恋关系的，同理，我们平时经常使用的Object类型也与Function满足三角恋关系、还有原型对象与Object的原型对象也满足三角恋关系，但Object的原型对象的__proto__为空（null)，所以可以得到扩展之后的原型链图。__proto__：对于实例化对象（比如p1)来说，每一个实例化对象都有一个__proto__属性，这个属性指向的是实例化这个对象的构造函数的原型对象，也可以理解是隐式原型对象。原型对象里面保存的属性和方法可以被共享（被构造函数的实例化对象所共享）
2023-12-13 14:37:13
79
原创 JavaScript每日一学 —— 第十六天-正则表达式
正则：描述的是字符的规则，这个验证字符的规则是由你来定义的match() 字符串方法：支持正则，可以通过正则让你把字符串里面满足规则的字符筛选出来并放在一个数组里面replace() 字符串方法：支持，替换正则方法：test() 当验证满足条件的时候返回true，否则返回false正则方法：exec() 捕获，当捕获到你这个字符串里面有满足条件的，就把捕获到的内容显示在一个数组里面。如果没有找到就返回null。
2023-12-11 19:43:09
80
1
原创 JavaScript每日一学 —— 第十五天
问题：无论把什么类型当成对象的键来使用，最终都会把这个类型转成字符串类型来展示。特点：简化了字符串拼接操作、可以让字符串进行换行操作、可以在模板里面直接使用变量 ${变量名称}Symbol()括号里面写的是一个描述信息，不是值。你写的是什么类型作为对象的键，那么就是什么类型。3.startsWith()判定字符串中是否以某个字符串开头。4.endsWith()判定字符串中是否以某个字符串结尾。模板字符串：就是把咱们之前字符串的拼接进行了简化处理。Set() 里面的数据不能有重复的，自带过滤功能。
2023-12-08 16:36:23
79
原创 JavaScript每日一学 —— 第十四天
事件委托（委托）：可以把事件绑定在共同的祖先元素上面，然后利于事件冒泡的原理进行事件传播的，这样就可以让所有的元素都有一个相同的事件，并且事件只绑定了一次。e.returnValue = false 低版本的IE浏览器（在测试的过程中发现现在的浏览器版本升级了后，这个也可以使用了）reduceRight()与reduce()参数相同，作用也相同，不同的是reduce是从左到右的加，而reduceRight是从右到左的加。3、冒泡阶段：事件会从里面往外面进行传播，在小的元素里面触发，再给大的传播。
2023-12-07 17:36:44
94
1
原创 JavaScript每日一学 —— 第十二天
getBoundingClientRect 获取元素的尺寸和位置的，返回的是一个对象形式，用的时候就用常用的属性就好。，默认单位是px，如果设置了其他的单位，比如100em之类，返回出来的结果还会转换为px像素（不含边框）1.在全局执行上下文环境下打印this，this指向的是window对象，严格模式是undefined。如果没有，则返回空。this是函数执行上下文对象，这个对象指向谁是固定不变的，需要根据函数的调用方式来决定。3.函数作为一个对象的方法，对象打点调用，函数的this就是这个对象。
2023-12-06 20:43:26
71
1
原创 JavaScript每日一学 —— 第十一天
3.document.getElementsByName()：通过表单name属性的属性值获取元素，结果是一个伪数组。5.document.querySelector(): 支持css选择器，获取单个，如果是多个的话，那么只获取第一个。6.document.querySelectorAll()：支持css选择器，获取所有的，结果是一个伪数组。问题：当添加多个类名的时候，后面的可以把前面的给覆盖掉，这时候可以用classList。insertBefore('新创建的元素', '追加到那个标记的前面')
2023-12-06 19:09:53
83
1
原创 JavaScript每日一学 —— 第十三天
当用户按下键盘上的字符键触发，如果按住不放，会重复触发 不能触发 例如：ALT, CTRL, SHIFT, ESC --- 不是字符键（数字键也不行）：在使用事件的时候，可以得到一个对象，这个对象里面记录了很多非常有用的属性，可以帮助咱们做一些事情，把这个对象称之为事件对象。e.offsetX 指的是事件源的位置，鼠标距离事件源水平的距离。e.offsetY 指的是事件源的位置，鼠标距离事件源垂直的距离。注意点：如果不传递这个形参，要使用的话必须使用event的全称，但是不建议。
2023-12-06 16:22:01
81
1
原创 JavaScript每日一学 —— 第十天
（1）DOM Document Object Model ，文档对象模型。我们可以把网页中的所有“东西”看成是“对象”。（2）DOM是W3C制定的网页标准或规则，而这个标准，在浏览器中，以“对象”的形式得以实现。（3）DOM的官方定义：DOM可以使脚本，动态的访问或操作，网页的内容、网页外观、网页结构。
2023-12-04 17:42:43
80
原创 JavaScript每日一学 —— 第八天
一、JSON 二、XML（概述） 三、ES5的严格模式 四、this对象 五、 ES5数组方法 六、用filter去做数组去重 七、包装类
2023-11-29 19:23:19
85
1
原创 JavaScript每日一学 —— 第七天
当有多个连续的字符的时候，在删除当前字符的时候，后面的会进行补位操作（这个时候进行补位的元素和前面被删除的元素是一样的），由于前面已经比较过了，因此程序不会回过头再进行比较一次，所以产生了'漏网之鱼'注意点：数组是属于对象，可以使用自定义对象添加属性的方式，但是为了不破坏原有的数据结构，不会算在下标里面。如果其中一个变量的值发生了改变，那么，另一个变量的值也得变。因此，这两个变量是有联系的，要变大家一起变。由键值对组成的 key: value，键，值对分为属性和方法，因此也可以说对象是由属性和方法组成的。
2023-11-28 16:44:11
74
原创 JavaScript每日一学 —— 第六天
第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）三个参数，第一个参数（开始位置），第二个参数（0），第三个参数（插入的项）（1）对象是js里面一个大的范畴，而对象的呈现形式是多种多样的，数组也属于对象这个类型下的一个分支，因此返回的类型就是对象。删除：用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）(3)设置数组元素:若是已知数组有的下标，那就是修改元素，若是已知数组没有的下标，那就是增加元素。把函数作为参数，可以处理的业务逻辑更多。
2023-11-27 20:55:14
781
1
原创 JavaScript每日一学 —— 第五天
函数的作用域、作用域链、预解析、变量的生命周期、递归函数及其应用（求斐波那契数列）、arguments对象、Js设计的缺陷：比如说name
2023-11-24 16:27:09
59
1
原创 JavaScript每日一学 —— 第四天
对于反复使用的功能代码，对其封装成一个独立的模块，这种功能代码块就是函数。或者说简单点儿就：是将一段公共的代码进行封装，给它起个名字叫"函数"。说通俗点儿函数就是一个功能，就是一个方便的工具。
2023-11-23 16:44:25
94
原创 JavaScript每日一学 —— 第二天
1.比较运算符2.数据类型转换（1）隐式数据类型转换（2）强制数据类型转换【1】Number() 【2】String() 【3】Boolean()3.提取整数和浮点函数4.逻辑运算符5.三元运算符（三目运算符）6.流程控制三大结构 (1)顺序结构(2)选择（条件）结构 a、if单分支选择结构b、if else双分支选择结c、if else if多分支选择结构：d.switch多分支结构(3)循环结构
2023-11-21 17:39:36
87
2
本文件涉及到js的高级部分知识点学习，主要内容是前端常见的三种设计者模式以及浏览器的垃圾回收机制，感兴趣的小伙伴可以下载自行阅读
2023-12-19
本文件是涉及到javascript的高级部分学习，也就是难点部分的学习，之后我也会更新js的其他难点部分，感兴趣的小伙伴可以下载
2023-12-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人