- 博客(198)
- 资源 (1)
- 收藏
- 关注
原创 Vue---监听div元素宽高改变时echart图表重新resize
当点击上图的红色框时,echart的div元素宽会改变但是无法触发echarts图表的resize重新渲染,对于浏览器而言,浏览器具有window.resize方法监听浏览器窗口大小的改变,而div元素没有监听宽高改变的方法。element-resize-detector依赖包可以监听div元素宽高的改变,官方文档如下。这里简单演示使用步骤,具体请看官网文档。3、destroyed钩子函数销毁监听。3、mounted钩子函数监听。
2023-10-26 20:13:43
1696
3
原创 js数组分割方法,自定义分割长度
算法思路:当原数组长度大于0时,原数组不断切割长度size,知道原数组长度小于等于0。注意:重点是要理解数组的。
2023-04-14 15:50:57
1658
原创 SCSS---scss 中的指令@import 、@media 、@extend、@mixin 、@include、 占位符%
转载一:https://www.cnblogs.com/chuanmin/p/16203729.html转载二:scss中@mixin和@include_@include scss_你个小饼干丶的博客-优快云博客
2023-03-06 10:30:21
483
原创 echarts自定义图表
效果://得到下面线的中心坐标//得到上面线的中心坐标//根据x轴索引为1的数值得到所在的映射宽度*0.1fill: null});return {type: 'group', //上面那条线shape: {},},//中间垂直线shape: {},},//下面那条线shape: {},option = {tooltip: {},title: {text: '血压'},legend: {data: ['血压']},xAxis: {},
2023-03-02 14:10:08
2405
原创 说一下你项目或者实习的收获?
1、对vue框架和第三方组件库的开发业务更加的熟悉了2、自己的一个业务代码能力得到了提示,写一些健壮性的代码,比如数据类型的检查、空值的检测、try catch等3、全局组件和共同函数的封装复用,提高代码的一个复用性4、项目的模块化开发,做到项目的一个高内聚,低耦合,提高项目的功能模块可维护性5、代码编程能力的提高,通过数组的一些map、filter等其他方式对后端返回的数据进行一个处理,更好的渲染页面6、遵循后端接口的规范进行协作开发。
2022-11-28 21:55:03
875
原创 大管家前端线上笔试
2.选择器的优先级顺序?你最常用什么方式提高优先级?4、水平居中有哪几种方式?6、实现左右两侧固定,中间自适应有哪几种方式?3、typeof和instanceof?7、有哪几种方式获取对象的属性?5、数组去重有哪几种方式?8、为什么选择前端开发?
2022-11-27 16:49:00
728
原创 Vue--router和route的区别
route.query : 路由的查询参数的键值对,如 /login?router是通过VueRouter构造函数new出来得到了的一个实例对象,这个对象是全局的路由对象,它包含了所有的路由对象和属性。route是一个页面的跳转路由对象,每一个页面都有一个route对象,是一个局部的路由对象。$route.path : 当前路由对象的路径,如' /login '$route.name : 当前路由的名字,也就是路由的name属性。$route.params : 路由的动态匹配参数
2022-11-11 14:43:22
1938
原创 如果我现在给你一个项目,你会怎么了解和熟悉项目?
axios的统一的请求拦截,响应拦截做了什么处理,比如拦截器对请求头做的一些token鉴权,拦截器有没有对后端返回数据做一些处理。理清Vuex状态管理的模块化文件的state、muation、ation对象等。文件记录了项目中的一些第三方依赖包和技术栈,可以查看官方的一些文档进行学习。axios的一些请求全局配置,包括请求根路径,请求超时时间等。一、梳理http请求模块(axios)和api接口。理清路由与组件的映射关系,还有路由的导航守卫等。四、公共组件和公共工具函数。六、每个文件夹的作用。
2022-11-07 22:38:01
354
原创 项目中的用户鉴权是如何实现的?
主流的前后端分离项目中用户鉴权最常用的是目前最流行的跨域认证解决方案---JWT(JSON WEB TOKEN)
2022-11-07 15:47:24
1303
原创 es6---es6新增的Bigint、Symbol数据类型,set、map数据结构
BigInt是ES10新加的一种JavaScript数据类型,用来表示表示大于2^53 - 1的整数,2^53 - 1是ES10之前,JavaScript所能表示最大的数字。
2022-11-06 21:19:52
3045
原创 JS---对var,let变量提升和暂时性死区(TDZ)的理解
1、我们要逐渐放弃var声明语法,改用let,const声明的语法2、变量必须声明后再进行访问(解决暂时性死区问题)
2022-11-06 15:46:37
518
原创 Vue2双向绑定原理
在Vue2中我们可以利用该方法对数据对象(data)使用Object.defineProperty()进行监听data里面属性的变化进行双向数据绑定。封装一个函数用于修改对象已有属性并且能监听该属性的变化,也可以实现不进行属性的修改,实现属性的劫持(Vue2中的数据劫持,劫持对象属性的变化)注意:上面的有个缺陷,就是当属性值也是对象的时候,不能劫持属性值,如{a:1,c:{b:1}}注意,observeObj这个函数,不能劫持对象的新增属性,只能劫持对象已有的属性。1、劫持对象中的某个属性。
2022-10-25 21:53:51
4293
原创 js---对事件循环宏任务和微任务的理解
1、js是单线程语言,即一次只能完成一个任务,当有多个任务时,任务就得进行排队等待执行,只能等待自己的前一个任务执行完成后自己才能执行,但是js可以借助浏览器和node环境实现多线程,即js执行是单线程的,但是js可以实现多线程。2、事件循环就是js实现多线程,处理异步编程的一个机制,事件循环就是执行宏任务队列和微任务队列中的宏任务和微任务,当执行宏任务队列中的一个宏任务完毕后,马上。
2022-09-27 16:49:34
1362
原创 js---async和awit的一些理解
1、async表示异步,async函数执行时遇到await只会阻塞自己函数体内代码的执行,不会阻塞主线程代码的执行,所以称为异步函数2、await只能存在在async异步函数中,我们一般使用async+await+promise进行异步编程,await+promise只能获取promise对象为成功时的结果值,promise对象为失败时的结果值只能通过捕获异常的方式获取。
2022-09-21 11:15:04
2746
1
原创 js---封装ajax的get请求和post请求
1、函数接受一个对象配置信息,url为请求的地址,type为请求的类型,data为请求参数,success为请求成功的回调函数,fail为请求失败的回调函数。
2022-09-19 19:47:46
1706
原创 js---es5和es6实现面对对象继承
父类的属性通过构造函数this对象进行初始化,父类的方法通过在prototype原型对象上挂载,供所有的实例对象使用,减少内存浪费。子类继承父类的属性通过call方法借调父类的构造函数进行父类属性继承,子类特有的属性同样通过this来初始化,子类继承父类的方法通过...展开运算符对父类prototype原型对象进行浅拷贝,子类特有的方法同样通过子类的prototype原型对象上挂载方法,供所有实例对象使用。
2022-09-15 11:10:04
377
原创 js---js使用闭包是否会产生内存泄露及解决方案
ps:函数在执行时一开始由于创建了new Array(10000000),所以占据了堆中大概40mb内存,也就是一个Array(10000000)的大小,不过在很快的一段时间内变为了1.3mb,也就是js的垃圾回收机制在闭包函数运行后成功把在一段时间后把闭包产生的内存垃圾(new Array(10000000))给清理掉了。在此强调变量arr保存的是对引用数据类型数组的引用(地址),保存在栈中;ps:闭包函数运行时由于创建了 new Array(10000000),所以占据了堆中大概40mb内存,
2022-09-05 20:57:13
1360
原创 js---深拷贝函数
所以如果需要对函数进行拷贝,要求拷贝后的函数与源函数互不影响。就需要进行函数的深拷贝。在js中,函数也属于对象,如果直接对函数进行赋值拷贝,那么拷贝的只是该函数在。,拷贝后的函数与源函数其实表示的是同一个函数,会互相影响。
2022-09-02 11:43:29
2294
1
原创 js闭包的简单应用场景
自己写的关于什么是高阶函数题目:不同的班级有不同成绩检测标准。比如:A班的合格线是60分,B 班的合格线是70分。已知某个人班级和分数,请用闭包函数判断他的成绩是否合格。
2022-08-26 17:11:08
247
原创 js递归函数学习
如果一个函数在内部调用这个函数自身,这个函数就是递归函数。递归在数据结构和算法中经常用到,可以将很多复杂的数据模型拆解为简单问题进行求解。一定要掌握。
2022-08-21 11:56:06
570
原创 node+express+multer实现单个或多个图片文件,视频文件上传
官方介绍:Multer 是一个 node.js 中间件,用于处理类型的表单数据,它主要用于上传文件。它是写在之上非常高效。怎么使用就不介绍了,官方文档很详细。
2022-08-15 20:59:52
2175
2
原创 node+express中报错Error: request entity too large解决方案
express.urlencoded()中间件默认只能解析100kb的application/x-www-form-urlencoded编码的文件,当文件大小超过100Kb就会报错。
2022-08-15 19:56:24
592
原创 css设置盒子水平居中 magin 0 auto失效原因
解决方法:①设置display:block或者display:inline-block;②给定要居中的行内元素的宽度。解决办法:①利用css3新增的transform translate属性。2.浮动、绝对定位、固定定位的盒子失效。1.盒子没有指定宽度。解决:设置width。......
2022-08-12 20:38:06
714
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人