- 博客(150)
- 收藏
- 关注
原创 node-sass替换成Dart-sass(全是坑)
还好最后成功了,不然还准备要升级webpack版本试试,但/deep/换成::v-deep,人要死,样式都不行了,要一个个改。改了好久,人都改傻了,我是用的node:14.21.3,vue:2.5.2,webpack": "^3.12.0"修改前package.json。
2025-03-16 16:49:34
375
原创 element el-select 阻止下拉框弹出,和el-tree组件联动
【代码】element el-select 阻止下拉框弹出,和el-tree组件联动。
2024-04-19 15:19:49
1726
原创 tortoise 快捷操作分支合并
4. 切换到需要合并的分支master,分支合并从bbb到master。5.点击确认后,获取到最新分支合并的代码。2.在分支中修改我需要的功能。6.解决冲突,提交并推送。3.提交并推送分支到远端。1.创建新分支:bbb。
2023-10-17 15:19:57
427
原创 highchart 的蜘蛛图(雷达图)将图例样式改
针对第一种情况,修改plotOptions.series下的宽高属性,以及圆角弧度,然后在legend下设置symbolWidth宽度。一,在不改变蜘蛛图数据点样式的情况下,修改图例样式。二,在去除蜘蛛图数据点样式的情况下,修改图例样式。针对第二种情况,需先隐藏数据点不可见,在修改对应的css样式。
2023-06-06 22:39:39
562
原创 贝赛尔曲线
三阶贝赛尔曲线 用表示x1 y1,x2 y2 表示两个端点x,y表示两个端点x,y表示贝赛尔曲线的终点,同样的我如果想画出连续的曲线呢?贝赛尔曲线是应用于二维图形程序的数学曲线,曲线定义:起始点,终止点(也称锚点),控制点.通过调整控制点,贝赛尔曲线的形状会发生变化.Q 表示二阶贝赛尔曲线 x1,y1,就是二阶贝赛尔曲线的控制点,x,y是曲线的终点,曲线的起点是由画笔的上一的点构成,这就形出二阶贝赛尔曲线。首先我们要明白一个道理,n阶的贝赛尔曲线对应的是n-1个控制点,二阶贝赛尔曲线是如何画出平滑的曲线?
2023-04-17 15:33:07
656
原创 创建AJAX和使用Promise封装AJAx
还可以为这个对象添加一个状态监听函数。一个XMLHttpRequest对象一共有5个状态,当它的状态变化时会触发onreadystatechange事件,可以通过设置监听函数,来处理请求成功后的结果。当对象readystate变为4的时候,代表服务器返回的数据接收完成,这个时候可以判断请求的状态,如果状态是2XX或者304的话则代表返回正常。2.在这个对象上使用open方法创建一个HTTP请求,open方法所需要的参数是请求的方法,请求的地址,是否异步和用户的认证信息。使用promise封装Ajax。
2023-02-14 22:17:18
229
原创 vue-router 的两种模式
history interface是浏览器历史栈提供的接口,可以通过go,forward,replace等方法获取浏览器历史栈信息,通过pushState()和replaceState()方式修改浏览器历史栈。hash:有#,url不会发送到服务器,刷新不会404,不用服务器配置,#和锚点是同一个意思,所以使用锚点可能会失败,不利于SEO搜索引擎优化。history:没有#,会发送到服务器,发生请求,刷新会404,需要服务器配置一个回调路由,保持域名部分,前端也做的事对对应域名下的路由控制。
2023-01-02 20:56:29
274
原创 Vue路由钩子在生命周期函数的体现
非重用组件,开始组件实例的生命周期:beforeCreate&created,beforeMount&mounted。deactivated:离开缓存组件a,或者触发a的beforeDestroy和destroyed组件销毁钩子。路由导航,keep-alive,和组件生命周期钩子结合起来,触发顺序,假设是从a组件离开,第一次进入b组件;beforeRouteLeave:路由组件的组件离开路由前的钩子,可取消路由离开。beforeRouteEnter:路由组件的组件进入路由前钩子。
2022-11-28 15:51:50
792
原创 vue定义公用方法
在src目录下新建common公用方法文件夹用于存放公用方法列表。main.js中引入该文件,并将其添加到Vue原型链上。common下新建common.js。该示例定义存、取、删cookie方法。
2022-11-28 14:16:57
310
原创 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
924
原创 vue-router的懒加载
3.使用webpack的require.ensure技术,也可以实现按需加载,这种情况下,多个路由指定相同的chunkName,会合并打包成一个js文件.1.常用:使用箭头函数+import动态加载。2.使用箭头函数+require动态加载。
2022-11-03 16:28:26
275
原创 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
268
转载 git 如何将某个分支的某个提交复制到另外一个分支
1、可以使用git log 命令 或去gitlab界面找 commit的ID号,比如 026d0203。
2022-09-21 09:21:26
6724
原创 iview select 远程搜索,选择选项后,失焦搜索框内容被清空
我怀疑select 多次执行chang事情,可以使用计时器延迟尝试一下,但我没去深究,使用了另一种方法。
2022-09-05 09:33:41
1504
原创 vue3的toRef,toRefs,toRaw的使用,以及reactive
上面toRef,toRefs都是对简单结构数据的响应式,而reactive是对复杂的数据进行响应式。如果原始对象是非响应式的就不会更新视图,但数据是会改变的。
2022-08-22 17:25:28
1125
原创 vue3+ts+vite 路径别名配置
找vite.config.js.ts文件,进行配置.路径别名如果是单个的话,alias后面写对象,多个的话写数组,里面再放对象.如果是刚创建的typeScript项目,会出现报错提示"找不到模块path或相应的类型声明",所以需要安装@type/node。如果使用typeScript编写的,还需要修改typeScript的配置,找到tsconfig.json文件,进行配置。...
2022-08-18 09:13:12
1170
转载 【JavaScript】原型链、继承、静态方法、实例方法、原型方法
如上图所示,我们将公用的方法提取到Person原型对象中,每个实例都有一个属性__proto__指向Person原型,这样一来,当下层实例p1、p2需要调用sayHi()方法时,就能够通过__proto__找到上层Person原型对象,从而调用sayHi()方法。有意思的来了,我们可以让Son的原型指向Father的实例,让Father的实例来保存Son的公共方法,而当son想要调用父类的方法时,就可以通过Father实例的__proto__找到Father的原型对象,调用其中的方法。......
2022-08-09 11:21:16
394
原创 关于Promise的用法
就是Promise构造函数是同步执行的,then方法是异步执行的。pending :进行中。resolved:成功。rejected:失败。
2022-08-04 14:49:27
110
原创 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
984
原创 vue3 父组件调用子组件的方法时报错:XXXX does not exist on type ‘never‘
首先我在setup里面进行ref(null);想打印一下有没有东西,好吧!发现真的没有东西,然后我意识到setup里面还没有挂载完,然后我把打印放到onMounted里面,获取到了。我数据是全部获取到了,但我调用的时候却报错,看debugger调试的确调用了方法,但页面就是报错,说null类型没有属性,然后发现是vscode无法判断对象类型,于是乎,我给他增加声明断言,强制执行。才开始学习vue3+ts,进行实战就遇到一堆问题,写了一个子组件,我想在父组件里面调用它....
2022-07-19 14:34:48
2291
原创 call,apply,bind的实现
callcall方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法 通过call方法我们做到了以下两点:1.call改变this的指向,指向到obj2.fn函数执行了自己手写call方法apply 我们会了call的实现之后,apply就变很简单,他们没有任何区别,除了传参方式bind bind 返回的是一个函数...
2022-07-12 16:53:39
156
原创 array.groupBy,对数组进行分类
array.groupBy,对数组进行分类,假设我们有个员工列表,其中每个员工都一个具有2个属性的对象:name和age
2022-07-11 10:54:46
201
原创 vue3引入图片,路径没错但项目就是无法识别
vue3引入图片,路径没错但项目就是无法识别,Vue3引入图片路径明明没有错,为什么项目就是提示报错呢?
2022-07-06 11:28:56
2501
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
817
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人