- 博客(146)
- 收藏
- 关注
RSS订阅原创 element el-select 阻止下拉框弹出，和el-tree组件联动
【代码】element el-select 阻止下拉框弹出，和el-tree组件联动。
2024-04-19 15:19:49
265
原创 tortoise 快捷操作分支合并
4. 切换到需要合并的分支master，分支合并从bbb到master。5.点击确认后，获取到最新分支合并的代码。2.在分支中修改我需要的功能。6.解决冲突，提交并推送。3.提交并推送分支到远端。1.创建新分支：bbb。
2023-10-17 15:19:57
223
原创 highchart 的蜘蛛图（雷达图）将图例样式改
针对第一种情况，修改plotOptions.series下的宽高属性，以及圆角弧度，然后在legend下设置symbolWidth宽度。一，在不改变蜘蛛图数据点样式的情况下，修改图例样式。二，在去除蜘蛛图数据点样式的情况下，修改图例样式。针对第二种情况，需先隐藏数据点不可见，在修改对应的css样式。
2023-06-06 22:39:39
382
原创 贝赛尔曲线
三阶贝赛尔曲线 用表示x1 y1,x2 y2 表示两个端点x,y表示两个端点x,y表示贝赛尔曲线的终点,同样的我如果想画出连续的曲线呢?贝赛尔曲线是应用于二维图形程序的数学曲线,曲线定义:起始点,终止点(也称锚点),控制点.通过调整控制点,贝赛尔曲线的形状会发生变化.Q 表示二阶贝赛尔曲线 x1,y1,就是二阶贝赛尔曲线的控制点,x,y是曲线的终点,曲线的起点是由画笔的上一的点构成,这就形出二阶贝赛尔曲线。首先我们要明白一个道理,n阶的贝赛尔曲线对应的是n-1个控制点,二阶贝赛尔曲线是如何画出平滑的曲线?
2023-04-17 15:33:07
528
原创 创建AJAX和使用Promise封装AJAx
还可以为这个对象添加一个状态监听函数。一个XMLHttpRequest对象一共有5个状态，当它的状态变化时会触发onreadystatechange事件，可以通过设置监听函数，来处理请求成功后的结果。当对象readystate变为4的时候，代表服务器返回的数据接收完成，这个时候可以判断请求的状态，如果状态是2XX或者304的话则代表返回正常。2.在这个对象上使用open方法创建一个HTTP请求，open方法所需要的参数是请求的方法，请求的地址，是否异步和用户的认证信息。使用promise封装Ajax。
2023-02-14 22:17:18
179
原创 vue-router 的两种模式
history interface是浏览器历史栈提供的接口，可以通过go，forward，replace等方法获取浏览器历史栈信息，通过pushState()和replaceState()方式修改浏览器历史栈。hash：有#，url不会发送到服务器，刷新不会404，不用服务器配置，#和锚点是同一个意思，所以使用锚点可能会失败，不利于SEO搜索引擎优化。history：没有#，会发送到服务器，发生请求，刷新会404，需要服务器配置一个回调路由，保持域名部分，前端也做的事对对应域名下的路由控制。
2023-01-02 20:56:29
225
原创 Vue路由钩子在生命周期函数的体现
非重用组件,开始组件实例的生命周期:beforeCreate&created,beforeMount&mounted。deactivated:离开缓存组件a,或者触发a的beforeDestroy和destroyed组件销毁钩子。路由导航,keep-alive,和组件生命周期钩子结合起来,触发顺序,假设是从a组件离开,第一次进入b组件;beforeRouteLeave:路由组件的组件离开路由前的钩子,可取消路由离开。beforeRouteEnter:路由组件的组件进入路由前钩子。
2022-11-28 15:51:50
737
原创 vue定义公用方法
在src目录下新建common公用方法文件夹用于存放公用方法列表。main.js中引入该文件，并将其添加到Vue原型链上。common下新建common.js。该示例定义存、取、删cookie方法。
2022-11-28 14:16:57
229
原创 vue安装electron事项
(node -v / npm -v),但要注意这里node版本需要尽可能对应,我把我找的对应版本的表提供出来了,会放在文末.如果提示npm版本过低,就升级npm(cnpm install npm@latest -g)4.然后输入yarn install electron --save-dev,可能比较慢,也可能会连接不上,这时我们就可以选中镜像文件到下载:对单独electron包做镜像,具体教程我会放在文末。1.确认安装node.js,(这个自行安装,网上自己找)我使用的是这个命令,可以看到下载进度。
2022-11-11 10:30:49
865
原创 vue-router的懒加载
3.使用webpack的require.ensure技术,也可以实现按需加载,这种情况下,多个路由指定相同的chunkName,会合并打包成一个js文件.1.常用:使用箭头函数+import动态加载。2.使用箭头函数+require动态加载。
2022-11-03 16:28:26
222
原创 vue的性能优化
1.尽量减少data中的数据,data中的数据都会增加getter和setter,会收集对应的watcher。3.还可以使用缓存(客户端缓存,服务端缓存)优化,服务端开启gzip压缩等。3.如果需要使用v-for给每项元素绑定事件代理。4.SPA页面采用keep-alive缓存组件。5.splitChunks抽离公共文件。2.v-if和v-for不能一起用。9.长列表滚动到可视区域动态加载。6.使用路由懒加载,异步组件。3.使用cdn加载第三方模块。6.sourceMap优化。8.第三方模块按需导入。
2022-10-21 11:16:45
221
转载 git 如何将某个分支的某个提交复制到另外一个分支
1、可以使用git log 命令 或去gitlab界面找 commit的ID号，比如 026d0203。
2022-09-21 09:21:26
6541
原创 iview select 远程搜索,选择选项后,失焦搜索框内容被清空
我怀疑select 多次执行chang事情,可以使用计时器延迟尝试一下,但我没去深究,使用了另一种方法。
2022-09-05 09:33:41
1206
原创 vue3的toRef,toRefs,toRaw的使用,以及reactive
上面toRef,toRefs都是对简单结构数据的响应式,而reactive是对复杂的数据进行响应式。如果原始对象是非响应式的就不会更新视图,但数据是会改变的。
2022-08-22 17:25:28
997
原创 vue3+ts+vite 路径别名配置
找vite.config.js.ts文件,进行配置.路径别名如果是单个的话,alias后面写对象,多个的话写数组,里面再放对象.如果是刚创建的typeScript项目,会出现报错提示"找不到模块path或相应的类型声明",所以需要安装@type/node。如果使用typeScript编写的,还需要修改typeScript的配置,找到tsconfig.json文件,进行配置。...
2022-08-18 09:13:12
1065
转载 【JavaScript】原型链、继承、静态方法、实例方法、原型方法
如上图所示，我们将公用的方法提取到Person原型对象中，每个实例都有一个属性__proto__指向Person原型，这样一来，当下层实例p1、p2需要调用sayHi()方法时，就能够通过__proto__找到上层Person原型对象，从而调用sayHi()方法。有意思的来了，我们可以让Son的原型指向Father的实例，让Father的实例来保存Son的公共方法，而当son想要调用父类的方法时，就可以通过Father实例的__proto__找到Father的原型对象，调用其中的方法。......
2022-08-09 11:21:16
308
原创 关于Promise的用法
就是Promise构造函数是同步执行的,then方法是异步执行的。pending :进行中。resolved:成功。rejected:失败。
2022-08-04 14:49:27
83
原创 web Worker和web Socket
1.web Socket 是一种协议,本质和http,tcp一样.它的前缀是ws://或者wss://,后者是加密的.为了使用web Socket,需要在web服务器上运行特殊程序,负责协调前后台通信。特点:无法访问window或者document对象,不能和前台页面共享数据,不影响前台页面任何操作,可以创建多个worker 线程,每个work代码都要放在一个独立的js文件中。2.Web Worker 是一个独立的javascript 线程,运行在后台,适合做费时的大数据计算....
2022-08-03 16:37:14
810
原创 vue3 父组件调用子组件的方法时报错:XXXX does not exist on type ‘never‘
首先我在setup里面进行ref(null);想打印一下有没有东西,好吧!发现真的没有东西,然后我意识到setup里面还没有挂载完,然后我把打印放到onMounted里面,获取到了。我数据是全部获取到了,但我调用的时候却报错,看debugger调试的确调用了方法,但页面就是报错,说null类型没有属性,然后发现是vscode无法判断对象类型,于是乎,我给他增加声明断言，强制执行。才开始学习vue3+ts,进行实战就遇到一堆问题,写了一个子组件,我想在父组件里面调用它....
2022-07-19 14:34:48
2076
原创 call,apply,bind的实现
callcall方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法 通过call方法我们做到了以下两点:1.call改变this的指向,指向到obj2.fn函数执行了自己手写call方法apply 我们会了call的实现之后,apply就变很简单,他们没有任何区别,除了传参方式bind bind 返回的是一个函数...
2022-07-12 16:53:39
119
原创 array.groupBy,对数组进行分类
array.groupBy,对数组进行分类,假设我们有个员工列表,其中每个员工都一个具有2个属性的对象:name和age
2022-07-11 10:54:46
150
原创 vue3引入图片,路径没错但项目就是无法识别
vue3引入图片,路径没错但项目就是无法识别,Vue3引入图片路径明明没有错,为什么项目就是提示报错呢?
2022-07-06 11:28:56
2028
2
原创 export ‘OrbitControls‘ was not found in ‘three‘
在使用three时导入遇到问题，vue3正确引入OrbitControls：import * as THREE from "three"; //引入Threejsimport { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; //事实证明有用使用：new OrbitControls(camera,renderer.domElement);//创建控件对象中文网那个 new THREE.OrbitControls(came
2022-07-05 17:21:40
728
原创 window.requestAnimationFrame 封装与使用
优点：requestAnimationFrame会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率在隐藏或不可见的元素中，requestAnimationFrame将不会进行重绘或回流，这当然就意味着更少的CPU、GPU和内存使用量requestAnimationFrame是由浏览器专门为动画提供的API，在运行时浏览器会自动优化方法的调用，并且如果页面不是激活状态（不观测页面时不运行）下的话，动画会自动暂停，有效节省了CPU开销总而言之，性能好
2022-04-07 22:37:38
1054
转载 关于怎么让div宽度自适应文字内容？
1 2 3 4 5 <divclass="divbotuser" > <h2style="text-align: center;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;" > <imgstyle="border:1px solid #ddd;width:35px;height:...
2022-04-06 15:17:31
4396
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人