Cirrod-CSDN博客

原创 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 1592 3

原创 linq.js文档

Linqjs User Documentation

2023-05-29 15:00:58 473

原创 js---常用的函数

二、获取相对于今天的每一天日期。2、复杂数据类型（对象数组）

2023-04-14 16:10:15 483 1

原创 js数组分割方法，自定义分割长度

算法思路：当原数组长度大于0时，原数组不断切割长度size，知道原数组长度小于等于0。注意：重点是要理解数组的。

2023-04-14 15:50:57 1528

原创 SCSS---scss 中的指令@import 、@media 、@extend、@mixin 、@include、占位符%

转载一：https://www.cnblogs.com/chuanmin/p/16203729.html转载二：scss中@mixin和@include_@include scss_你个小饼干丶的博客-CSDN博客

2023-03-06 10:30:21 412

原创 Vue---后台管理系统菜单权限控制

实现思路图。

2023-03-06 09:15:59 1193

原创 JS---分支优化

【代码】JS---分支优化。

2023-03-02 14:34:43 164

原创 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 2133

原创 js---工具函数

【代码】js---工具函数。

2023-02-16 11:58:24 145

原创 Vue常用的第三方包

枚举相关，提高遍历数组等集合效率npm 地址。

2023-02-16 11:42:48 351

原创说一下你项目或者实习的收获？

1、对vue框架和第三方组件库的开发业务更加的熟悉了2、自己的一个业务代码能力得到了提示，写一些健壮性的代码，比如数据类型的检查、空值的检测、try catch等3、全局组件和共同函数的封装复用，提高代码的一个复用性4、项目的模块化开发，做到项目的一个高内聚，低耦合，提高项目的功能模块可维护性5、代码编程能力的提高，通过数组的一些map、filter等其他方式对后端返回的数据进行一个处理，更好的渲染页面6、遵循后端接口的规范进行协作开发。

2022-11-28 21:55:03 637

原创大管家前端线上笔试

2.选择器的优先级顺序？你最常用什么方式提高优先级？4、水平居中有哪几种方式？6、实现左右两侧固定，中间自适应有哪几种方式？3、typeof和instanceof?7、有哪几种方式获取对象的属性？5、数组去重有哪几种方式？8、为什么选择前端开发？

2022-11-27 16:49:00 681

原创 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 1893

原创如果我现在给你一个项目，你会怎么了解和熟悉项目？

axios的统一的请求拦截，响应拦截做了什么处理，比如拦截器对请求头做的一些token鉴权，拦截器有没有对后端返回数据做一些处理。理清Vuex状态管理的模块化文件的state、muation、ation对象等。文件记录了项目中的一些第三方依赖包和技术栈，可以查看官方的一些文档进行学习。axios的一些请求全局配置，包括请求根路径，请求超时时间等。一、梳理http请求模块（axios）和api接口。理清路由与组件的映射关系，还有路由的导航守卫等。四、公共组件和公共工具函数。六、每个文件夹的作用。

2022-11-07 22:38:01 324

原创项目中的用户鉴权是如何实现的？

主流的前后端分离项目中用户鉴权最常用的是目前最流行的跨域认证解决方案---JWT(JSON WEB TOKEN)

2022-11-07 15:47:24 1241

原创 es6---es6新增的Bigint、Symbol数据类型，set、map数据结构

BigInt是ES10新加的一种JavaScript数据类型，用来表示表示大于2^53 - 1的整数，2^53 - 1是ES10之前，JavaScript所能表示最大的数字。

2022-11-06 21:19:52 2757

原创 JS---对var,let变量提升和暂时性死区（TDZ）的理解

1、我们要逐渐放弃var声明语法，改用let,const声明的语法2、变量必须声明后再进行访问（解决暂时性死区问题）

2022-11-06 15:46:37 483

原创 es6---如何在项目中和平时练习中应用es6语法

也可以使用:进行重命名。

2022-11-04 22:13:31 749

原创 Vue2双向绑定原理

在Vue2中我们可以利用该方法对数据对象（data）使用Object.defineProperty()进行监听data里面属性的变化进行双向数据绑定。封装一个函数用于修改对象已有属性并且能监听该属性的变化，也可以实现不进行属性的修改，实现属性的劫持（Vue2中的数据劫持，劫持对象属性的变化）注意：上面的有个缺陷，就是当属性值也是对象的时候，不能劫持属性值，如{a:1,c:{b:1}}注意，observeObj这个函数，不能劫持对象的新增属性，只能劫持对象已有的属性。1、劫持对象中的某个属性。

2022-10-25 21:53:51 4210

原创 Vue---实现点击时组件划入划出

【代码】Vue---实现点击时组件动画划入划出。

2022-10-20 14:51:49 1403

原创自己的vs code 插件和设置

二、settings.json。一、vs code插件。

2022-10-16 20:47:54 1034

原创 js---对事件循环宏任务和微任务的理解

1、js是单线程语言，即一次只能完成一个任务，当有多个任务时，任务就得进行排队等待执行，只能等待自己的前一个任务执行完成后自己才能执行，但是js可以借助浏览器和node环境实现多线程，即js执行是单线程的，但是js可以实现多线程。2、事件循环就是js实现多线程，处理异步编程的一个机制，事件循环就是执行宏任务队列和微任务队列中的宏任务和微任务，当执行宏任务队列中的一个宏任务完毕后，马上。

2022-09-27 16:49:34 1287

原创 js---async和awit的一些理解

1、async表示异步，async函数执行时遇到await只会阻塞自己函数体内代码的执行，不会阻塞主线程代码的执行，所以称为异步函数2、await只能存在在async异步函数中，我们一般使用async+await+promise进行异步编程，await+promise只能获取promise对象为成功时的结果值，promise对象为失败时的结果值只能通过捕获异常的方式获取。

2022-09-21 11:15:04 2488 1

原创 js---封装ajax的get请求和post请求

1、函数接受一个对象配置信息，url为请求的地址，type为请求的类型，data为请求参数，success为请求成功的回调函数，fail为请求失败的回调函数。

2022-09-19 19:47:46 1641

原创 js---es5和es6实现面对对象继承

父类的属性通过构造函数this对象进行初始化，父类的方法通过在prototype原型对象上挂载，供所有的实例对象使用，减少内存浪费。子类继承父类的属性通过call方法借调父类的构造函数进行父类属性继承，子类特有的属性同样通过this来初始化，子类继承父类的方法通过...展开运算符对父类prototype原型对象进行浅拷贝，子类特有的方法同样通过子类的prototype原型对象上挂载方法，供所有实例对象使用。

2022-09-15 11:10:04 357

原创 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 1258

Vue工具devtools插件文件

空空如也