- 博客(54)
- 收藏
- 关注
RSS订阅原创 vue项目运行时，报错：ValidationError: webpack Dev Server Invalid Options
主要由于vue.config.js配置文件错误导致的，具体定位到proxy配置代理不能为空，导致运行项目报错，需要对proxy配置进行完全注释掉。
2023-11-29 15:22:06
1608
原创 VScode安装使用DevChat插件
DevChat是一个开源平台，使开发人员能够更有效地将人工智能集成到代码生成和文档中。DevChat的目标是超越简单的代码自动完成和对代码片段的有限操作。DevChat为开发人员提供了一种非常实用和有效的方式来与大型语言模型(llms)进行交互和协作。
2023-11-24 17:40:43
665
原创 leaflet对线设置渐变色
注意：如果线两端点没有渲染，则线显示颜色为配置color颜色，不为渐变色。引用leaflet-polycolor组件。
2023-11-24 15:58:52
756
原创 vue3.0使用leaflet
引入leaflet.chinatmsproviders组件；应用管理=》创建新应用=》获取到对应天地图key。注册并登录，访问开发资源 =》地图API =》在main.ts里面引用地图样式。在.vue文件中加载leaflet。2、引入leaflet组件。地图服务=》申请key。1、获取天地图密钥；
2023-11-24 11:40:49
1591
原创 js设置图片放大缩小拖动
思路： 在外层box进行相对定位relative，img设置绝对定位absolute；通过监听滚轮事件（wheel），设置样式缩放中心点（transformOrigin）和缩放转换（transform）；获取到图片大小和位置，设置对应图片宽度高度和top、left偏移；鼠标按下事件（mousedown）和鼠标移动事件（onmousemove），得出图片移动偏移量。
2023-11-13 16:46:10
959
原创 echarts 类目轴设置xAxis.interval不起效果
情景：在xAxis.type='category'；设置xAxis.interval不起效果；解决方案：通过设置xAxis.axisLabel.interval属性。
2023-11-07 10:04:36
1070
原创 组件化npm包打包和使用
npm uninstall helloworld-1.0.1.tgz //删除组件。npm install helloworld-1.0.1.tgz //加载组件。npm config get registry //查看 npm 配置私库地址。npm unpublish ${包名} --force //删除已发布的包。新建packages/HelloWorld/index.vue文件。npm install ${包名} //下载对应包。npm publish //将npm包推送到私库。
2023-10-30 14:46:52
1317
原创 echarts多y轴优化方案
对应实现思路：通过监听图例点击事件，渲染y轴显示隐藏和y轴对应位置。优化方向：点击图例，对y轴进行屏蔽，自动计算y轴位置。
2023-10-26 15:52:50
206
原创 元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型 “{ xxx: number； }“。 在类型 “{ xxx: number； }“ 上找不到具有类型
注意：选项'suppressImplicitAnyIndexErrors'已弃用，并将在TypeScript 5.5中停止运行。指定compilerOption '" ignoreprecations ": "5.0"'来消除这个错误。问题：写代码，对Object对象里面取某个key对应value，发现报TypeScript错误；在tsconfig.json文件中compilerOptions字段里面新增忽略代码，方案二：先定义ref()对于进行声明；方案一：忽略提示,修改配置。
2023-10-24 14:34:39
337
原创 vite+vue3.0 + TypeScript+element-plus环境搭建
与 Vuex 相比，Pinia 不仅提供了一个更简单的 API，也提供了符合组合式 API 风格的 API，最重要的是，搭配 TypeScript 一起使用时有非常可靠的类型推断支持。生成/src/tailwind.config.js和/src/postcss.config.js配置文件。新建/src/resources/tailwind.var.css文件；在/src/tailwind.config.js配置文件中添加所有模板文件路径。新增src/store/pinia/index.ts文件。
2023-10-18 14:35:01
950
原创 vite+vue3.0 使用tailwindcss
生成/src/tailwind.config.js和/src/postcss.config.js配置文件。在/src/tailwind.config.js配置文件中添加所有模板文件路径。新建/src/resources/tailwind.css文件；在/src/main.ts中进行引用。在VScode编辑器中添加扩展。
2023-10-18 14:33:23
399
原创 AntV G6 dom节点绑定事件问题
问题： graph.on("node:click"， e => {})监听不到dom节点里面对应事件。比如dom节点里面自定义按钮和输入框，需要监听按钮点击和输入框聚焦事件。
2023-10-10 10:17:25
859
原创 vite+vue3报错：无法找到模块“xxx.js”的声明文件。“xxx.js”隐式拥有“any”类型。
2、在xxx.d.ts文件中添加声明；如在src目录下vite-env.d.ts添加。//"@/base/tools/util.js"为引用文件路径。1、将xxx.js文件修改为xxx.ts文件；前景：vite + vue3环境。
2023-10-08 14:37:44
1665
原创 git B仓库合并A仓库分支提交代码
git cherry-pick [SHA] //合并A仓库某次commit;git fetch [name] //拉取远程A仓库的所以远程分支的最新commit-id到本地。git remote add [name] [url] //[name]A仓库名称，[url] A仓库地址。前景： 将A仓库develop某次【SHA】提交合并到B仓库develop里面；git checkout develop //切换到develop分支。
2023-09-28 10:08:33
81
原创 无法找到模块“jquery”的声明文件。
注意：可以在根目录或者src目录下xxx.d.ts文件添加配置；没有可以新增xxx.d.ts文件。运行环境： vite + vue3 + TypeScript。在src目录下面vite-env.d.ts文件添加配置。
2023-09-27 15:46:53
415
1
原创 vue3报错：无法找到模块“./xxx.vue”的声明文件
注意：在根目录或src下xxx.d.ts文件都启效果，没有可以创建对应xxx.d.ts文件。在src目录下面vite-env.d.ts文件添加配置；运行环境： vue3 + TypeScript。
2023-09-27 15:33:57
1091
2
原创 无法找到模块“vuex”的声明文件
运行环境：vue3 + Vite + TypeScript。在src目录下面vite-env.d.ts文件添加配置。
2023-09-27 15:22:28
845
原创 vue3+vite 引用svg图标
在src目录下面创建svgIcon文件夹，svg文件夹下放.svg图片；index.vue封装svg-icon组件；// 需要自动导入的 svg 文件目录（可自行修改）我的路径如下图所示。1、安装依赖插件vite-plugin-svg-icons和fast-glob。// 执行icon name的格式（可自行修改）svg图片里面固定设置fill属性；2、在vite.config.ts文件修改配置。填坑：svg-icon图标无法修改颜色问题；3、在main.ts文件引用。3、封装svg-icon图标。
2023-09-26 10:35:16
199
原创 vue3中$refs使用调整
在vue2环境中，可以直接通过this.$refs获取模块；2、通过声明getCurrentInstance进行获取；1、通过声明ref进行获取；前言： vue3环境。
2023-09-25 11:05:32
1042
原创 [plugin:vite:css] [sass] Undefined mixin.
scss报错： [plugin:vite:css] [sass] Undefined mixin.前言： vite + vue3 + TypeScript环境。在vite.config.ts文件添加配置。
2023-09-22 16:01:56
1358
原创 找不到名称 “$“。是否需要安装 jQuery 的类型定义? 请尝试使用 `npm i --save-dev @types/jquery`。
报错： 找不到名称 "$"。是否需要安装 jQuery 的类型定义?请尝试使用 `npm i --save-dev @types/jquery`。要不然会报错：类型“Window & typeof globalThis”上不存在属性“$”。2、在main.ts文件进行配置。注意：需要声明window属性；3、在.vue文件里面引用。vite+vue3环境。注意：需要声明$属性；1、安装jQuery。
2023-09-21 15:25:27
762
原创 git 合并分支某次（commit）提交
需求：将develop分支某次提交合并到master上面，其他修改不同步；git cherry-pick {commit 提交记录哈希值}//查看develop分支提交记录，获取对应记录哈希值；输入对应文件名称，可以导入修改记录文件；// 按上下按钮可以上下查询对应记录；//切换到master分支。
2023-09-11 10:38:51
715
原创 monorepo更新组件报错，提示“无法加载文件 C:\Program Files\nodejs\pnpm.ps1，因为在此系统上禁止运行脚本”
Y] 是(Y) [A] 全是(A) [N] 否(N) [L] 全否(L) [S] 暂停(S) [?第一步：管理员身份运行 window.powershell， win + x打开powerShell命令框，进入到对应项目路径。第二步：执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;第三步：执行：Set-ExecutionPolicy -Scope CurrentUser。执行策略可帮助你防止执行不信任的脚本。第四步：会提示输入参数：RemoteSigned。
2023-08-28 11:32:54
1218
原创 Vue项目中app.js过大，导致web初始化加载过慢问题
6、修改/build/webpack.base.conf.js中修改配置。2、修改/config/index.js配置文件：将productionGzip设置为false。如例如moment库文件是很大的可以直接放到index.html文件直接CDN引入。1、删除多余不需要的库： npm uninstall xxx。5、在index.html文件中使用CDN。3、设置vue-router懒加载。7、按需引入element-ui。
2023-08-28 11:27:02
3165
原创 接口设置responseType: “arraybuffer“；导致识别不了报错信息问题
请求时的responseType的值设为arraybuffer，但是注意，这会引起一个问题，返回结构的data中所有内容都会是这种格式，包括json和字符串，因此，如果是其他的报错信息，也无法按之前的方式打印。然后创建a标签，设置路径（window.URL.createObjectURL(blob)），用.download设置文件名称，然后通过.click()来自动下载。后台返回的标志信息都无法获取，无法区分是否正确，因此，跟后台协商，添加请求头参数（或者修改请求头参数），通过请求头参数来判断正确错误。
2023-08-28 11:22:03
1287
1
原创 nvm管理node版本
输入 nvm install ***就可以下载需要的版本了，然后nvm use ***就ok了，最后执行nvm list 带*的就是选中的版本。5、修改安装C:\Program Files\nvm目录下面settings.txt文件。在你安装的目录下找到settings.txt文件，打开后加上。4、通过cmd上面查看nvm是否安装成功。1、卸载已安装node版本；
2023-08-28 11:08:49
109
原创 Hbuild 打包H5项目
2、进入manifest.json配置文件；获取AppID信息；（可以点击DCloud AppID使用说明进行查看详情）4、选择创建应用，选择uni-app；5，回到Hbuilder编辑器，点击重新获取APPID；1、输入用户信息登录Hbuilder编辑器；3、进入DCloud开发者中心。
2023-08-28 11:03:25
688
原创 iis服务web页面 localhost可以访问 ip不能访问
1、修改C:\Windows\System32\drivers\etc\下面hosts文件；需要重启电脑查看效果；2、通过internet选项-》安全-》站点-》添加对应http://127.0.0.1和对应电能IP；
2023-08-24 15:39:44
1623
原创 前端常用js库总结
一个高效的JavaScript动画引擎，与jQuery的$.animate()有相同的API，同时还支持彩色动画，转换、循环、画架、SVG支持和滚动等效果；一个基于promise的HTTP请求库，可以和node.js，Weex,微信小程序，浏览器，React Native中使用。一个基于Promise的HTTP的库，可用于Node.js和浏览器上面发起HTTP请求，支持所有现代浏览器，包括IE8+一个简单易用的库，它消除了移动端浏览器上面的物理点击和触发一个click事件之间的300ms的延迟；
2023-08-24 15:19:17
249
原创 测试SpeechSynthesisUtterance方法基本使用
SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等。SpeechSynthesisUtterance.rate 获取并设置说话的速度(值越大语速越快,越小语速越慢)SpeechSynthesisUtterance.pitch 获取并设置话语的音调(值越大越尖锐,越低越低沉)SpeechSynthesisUtterance.voice 获取并设置说话的声音。resume() 恢复暂停的语音。
2023-08-24 15:17:05
868
2
原创 el-table存在固定列，如果拖动表格头宽度，造成固定列高度崩塌
对表格添加监听表头拖动方法@header-dragend="headerDragend"，当拖动表格头时，触发headerDragend方法，执行表格.doLayout()方法，重新进行布局table；
2023-08-24 15:08:02
242
原创 FinalShell报错：Swap file “.docker-compose.yml.swp“ already exists
FinalShell中编辑docker-compose.yml文件，保存时报错：Swap file ".docker-compose.yml.swp" already exists；问题原因：有人正在编辑docker-compose.yml文件或者上次编辑没有保存，意外退出，存在.docker-compose.yml.swp文件。则需要删除 .docker-compose.yml.swp文件。如果按“R”进行编辑，出现如下报错信息。
2023-08-24 14:28:18
487
2
原创 IIS短文件泄漏漏洞修改
4.3、修改NtfsDisable8dot3NameCreation为1。1代表不创建短文件名格式，修改完成后,需要重启系统生效。不同系统关闭命令稍有区别，该功能默认是开启的，对于大多数用户来说无需开启。3.CMD关闭NTFS 8.3文件格式的支持（1代表关闭，0代表开启）4.1、 window +R键，输入regedit，打开注册表编辑器。2.关闭Web服务扩展- ASP.NET（不使用的可以关闭）5、升级引用jQuery版本到V3.xx.xx版本以上。
2023-08-24 11:40:36
771
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人