- 博客(22)
- 收藏
- 关注
原创 react antd tabel tooltip 点击复制
jsx语法 +document.execCommand('copy') ,react tabel 点击复制
2022-08-08 16:26:28 1102
原创 Vue原理、双向数据绑定原理、Object.defineProperty()数据劫持的缺点、MVVM/MVC/MVP的区别
Vue的基本原理当一个实例创建时,Vue会遍历data中的属性,用Object.defineProperty()将它们转化为getter/setter,并且在内部追踪相关依赖,在属性被访问和修改时通知变化,每个组件实例都有相对应的watcher程序实例,它会在组件渲染的过程中,把属性记录为依赖,之后当依赖项的setter被调用时,会通知watcher重新计算,从而致使它关联的组件得以更新。双向数据绑定原理Vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.d
2022-04-19 15:12:29 916
原创 关于this
浅谈下this首先判断函数中的this(指向)1.一般函数this指window2.事件回调函数this指向事件源3.构造函数this指的是实例对象4.对象的方法名中this指向调用该实例的对象5.循环定时器中的this指向window6.箭头函数本身不存在this,如果有,则是指向它的外层作用域如何改变函数中的this1.在es5中可以将外部的this用一个变量保存,在内部函数中使用;2.函数名+call/apply方法可以立即点用该函数并将该函数的this指向
2022-03-30 18:33:46 257
原创 作用域与作用域链、变量提升与函数提升、执行函数定义与执行函数、闭包
作用域与作用域链:作用域实际是一个变量可以合法使用的区域,作用域能够起到隔离变量,避免变量重名的问题,es5中有全局作用域,函数作用域,es6有块级作用域私有作用域:函数执行都会形成一个私有作用域全局作用域:页面一打开就会形成一个全局的作用域私有变量:在私有作用域里边形成的变量(通过var声明;形参)全局变量:在全局作用域形成的变量(var a = 1 或者函数内没有声明,直接赋值的变量)作用域链是由多个嵌套的作用域由内向外形成的结构,当查找一个变量时,会沿着整个作用域链向外寻找
2022-03-30 17:51:53 535
原创 基础数据类型+引用数据类型
基础数据类型:undefined、null、boolean、number、string、symbol(唯一值,ES6新设)引用数据类型:object、array、function区别:基本:1)我们不能给基本类型添加属性和方法2)比较只 比较 值== 与 === 等价3)存放在栈区引用:1)可以添加属性和方法2)同时保存在栈堆中,其中变量名好堆地址存在栈区中3)== 与=== 不等价,因为=== 会判断堆地址4)变量间赋值,基本数据类型是新建一个变量,两者独立
2022-03-30 14:37:19 361
原创 首次加载首页项目时间过长优化,打包文件过大优化
问题背景: 1.首次加载页面需要2min,半天打不开,会出现白屏的情况,优化后变成30s 2. build之后的文件过大,比如一个main.js文件优化前是7.9M,优化后成1.5M 3.其他js各种告警,异常问题解决办法: 1.由于项目过于老旧且为不维护状态,好多包是不能用了的 安装依赖,此时会出现各种问题,下载最新的,删除老版本 ...
2022-01-20 11:09:04 799
原创 vue + antV G6 (GraphIn组件) 实现节点badges(徽标/消息通知)
相信大家在用G6的时候,其他功能都实现了,但是需求要在节点上加一些展示东西,这时候你去自定义节点,发现badges(徽标/消息通知)无法实现实现后的效果图:在antV官方给出了基于react+G6实现的graphin的react组件,这时候在vue项目中用react组件,实在是有点不太对(能实现但完全不建议)Graphin官网:https://graphin.antv.vision/graphin可以用react框架先实现图谱功能,然后打包完后,将build文件放到vue项目中的p.
2021-12-27 16:25:26 2599
原创 基于docker 安装 zabbix
⚠️ 注:安装时出现的问题及解决办法在最下面!!!1.docker+zabbix,使用docker搭建zabbix服务Zabbix 介绍 zabbix(音同 zæbix)是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案。 zabbix能监视各种网络参数,保证服务器系统的安全运营;并提供灵活的通知机制以让系统管理员快速定位/解决存在的各种问题。 Zabbix 作为企业级分布式监控系统,具有很多优点,如:分布式监控,支持 node 和 proxy ...
2021-11-19 15:24:26 6071 2
原创 Uncaught TypeError: XXX(_this.getAlertFilterConfList) is not a function
1.出现这样的错误一般是因为控件的 id 名和 函数名相同了,执行的时候先找到的是HTML控件,所以会报这样的错误, 修改一个就行了。2.还有个马虎的事情也会出现这种事情,就是你的函数方法没有放在methods里面(艾马????,大意了~~~~)。遇事儿别慌~没啥大不了的。。。。实在不行 rm -rf 越慌越爱出错,bug一波接着一波~~~~...
2021-11-15 17:03:47 943
原创 ts+vue 报红:This expression is not callable. Type ‘Boolean‘ has no call signatures.
vue项目使用TS的时候 因为一些细节导致会遇到好多问题建议打开tslist 更有助于我们熟悉ts上述报错提示,Property 'activeClass' does not exist on type 'Vue',修改为下面即可还有种问题,即便写了(this as any) 还是会报红,如下图报出his expression is not callable.Type 'Boolean' has no call signatures.这样的错误,上述原因是因为在结尾没有写“ ;...
2021-11-08 11:16:32 12847 2
原创 vue页面被keep-alive缓存时,返回有时页面数据/dom加载不出来,怎么解决~~
在使用mounted加载页面时,从下个页面返回到上级页面时,有时个别数据或者dom没被加载出来 遇到的实践案例,在返回上一页面时,我的分页不显示了,每次页面发生变化,比如请求一次,或者dom变化一次,就能正常显示出来使用activated周期代替mounted,...
2021-08-24 13:52:51 917
原创 前端yapi自动 生成代码时,报Cannot read property ‘body‘ of undefined
运行 npm run api / npm run codegen(看自己项目配置,不一定是这个命令)自动生成api接口时,有时候会报Cannot read property 'body' of undefined找到这个提示的文件........./node_modules/tkit-service/lib/yapi/serve.js:22 找到代码,打印输出结果会发现是证书问题,https证书过期重新在把证书配置一遍...
2021-08-05 19:36:00 1500
原创 使用组件不渲染 Unknown custom element: <xxx> - did you register the component correctly? For recursiv
使用组件偶尔会出现组件不渲染,报错的情况 可能出现的错误,是因为element-ui没有注册 解决方法: 在main.js/main.ts中下载并注册 有的小伙伴儿,可能会由于自己封装从而改变样式 那就可以不需要引入element-ui样式 还有可能出现问题的原因是: Vue.compinent()的顺序问题 ...
2021-07-26 16:57:42 902
原创 前端 select 添加 checkBox
我这里用的是pug模版语法,大家用的话只需把缩进改为标签形式即可~js正常看就行,希望能帮到你~后续会不时的更新及发布~大家可以多提意见一起成长吧~加油,大牛们 原本样式:添加完checkBox样式:代码相关: ...
2021-07-20 11:21:56 426
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人