- 博客(67)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3开发问题记录
修改echarts 实例定义变量从ref 修改为shallowRef， ref 会监听所有的变量，可能会导致性能问题；2. 使用echarts 绘制柱状图，增加dataZoom, 拖拽，无法根据拖拽区域显示柱状图。1.cra 创建vue3 项目控制台warning。在vue.config.js 中添加以下配置。
2024-12-09 17:25:39
325
原创 web项目本地开发启动电脑中exe文件
3. 在filezillaStart文件下新建shell 文件，在shell 下新建open文件，open文件下新建，command文件 （最终目录：计算机\HKEY_CLASSES_ROOT\filezillaStart\shell\open\command）4.将command文件下的默认值，修改成 D:\ruanjian\FileZilla FTP Client\filezilla.exe %1。点击浏览器弹框，点击确定即可开启exe文件。数据名称: URL Protocol。该方法仅限本地测试！
2024-11-13 11:58:02
257
原创 vscode 配置构建、调试QT项目
3.插件安装Qt Support、 Qt tools、Qt UI等。1. 背景是已经安装好了QT和QT相关的所有依赖包。点击下图左下角，选择Qt 6.7.3....开启构建，成功构建 ，几个调试、构建操作。Cmake、Cmake Tools 等。找不到或者忘记在哪里可以使用指令查询。此部分是根据一些报错进行配置更新的。settings.json 配置。
2024-10-22 11:43:49
982
原创 Qt 支持打包成安卓
3. 安卓构建工具下载地址： https://services.gradle.org/distributions/gradle-8.0-bin.zip。7. 安装安卓OpenSSL证书，点击下载OpenSSL，跳转链接，若是有梯子可以直接下载，我没有就从git （2.登陆进去,默认是添加或移除组件，点击下一步， 勾选Android, 点击下一步。下载jdk zip包， 解压 将jdk-17.0.12放置在上层。打包apk成功之后，拖入模拟器，但目前遇到一个问题，还未解决。4.进度100%，完成安装，重启。
2024-10-18 15:40:45
1335
1
原创 一次性解决vue3引入@jiaminghi/data-view需要手动修改node_modules下文件
修改文件2： node_modules\@jiaminghi\data-view\lib\components\decoration3\src\main.vue。修改文件1：node_modules\@jiaminghi\data-view\lib\components\decoration6\src\main.vue。此后，重新安装依赖或者其他开发者拉取代码安装依赖，都不用在手动修改node_modules文件。一定是修改后node_modules\@jiaminghi下的文件，并保存。
2024-10-12 11:09:56
1988
1
原创 nvm 安装node 报错
进入目录C:\Users\Administrator\AppData\Roaming\nvm，修改settings.txt。这个时候再次安装指定版本或者最新版本即可成功；查看nvm安装路径，打开环境变量查看。
2024-09-29 17:13:38
422
原创 node-rtsp-stream、jsmpeg.min.js实现rtsp视频在web端播放,实现截图预览并传输给后端服务保存功能
2）.对于物料上的rstp, 由于工程师一直给rtsp推流，即便node服务结束进程，FFMPEG依然可以获取到rtsp。1）.对于网络摄像头，直接推拉流，测试6h+界面不卡顿，延迟1s以内（未精确测试延迟时间）2.node-rtsp-stream 需要安装FFMPEG；3.给推拉流做了开关，可借助http请求，有更好方式可联系；3. ncc 打包node 为单文件。本地部署前后端配置nginx。原因：node 版本问题。5.node 服务打包。利用nvm 切换版本。
2024-09-24 11:15:15
836
原创 konva Image 对上报不同数据格式(.pgm, Blob, base64等)，客户端处理方式
vue3组件<v-stage id="konva_stage" :config="konvaConfig" ref="konvaStageRef" @wheel="wheelForScale($event)" > <v-layer> <v-group :config="group"> <v-image
2024-08-27 10:56:18
378
原创 vant pc端 swipe 组件 鼠标滑动失效或者异常
dragstart.prevent 阻止pc 端默认的拖动事件，利用@vant/touch-emulator将鼠标事件转换成touch事件。全局引入import "@vant/touch-emulator";之后，在pc端鼠标拖动达不到 移动端的效果需要增加。
2024-05-16 13:50:30
716
1
原创 解决 vue3 vant 4.9.0 按需引入，组件样式失效问题
webpack 配置好之后，组件中使用vant 组件已经不需要在引入任何vant 组件，且使用的时候写法一定要是。不能是，这种方式会导致样式失效。
2024-05-16 11:42:28
955
原创 vue3 引入@tsparticles/vue3和@tsparticles/slim 实现粒子特效
网址查看各个属性作用，可导出属性配置。2.main.ts 引入。红框框起来的是局部展示。
2024-04-23 17:30:23
815
1
原创 mock vue3 element-plus 回到顶部和底部ICON
【代码】mock vue3 element-plus 回到顶部和底部ICON。
2024-03-27 10:38:00
277
原创 vue 修饰器
一些标签自身带有默认事件，比如a[href="#"]，button[type="submit"]， 这种标签在冒泡结束会开始执行默认事件，默认事件在冒泡后开始执行，但是不会因为.stop 阻止事件传递而终止。在使用过程中，主要是移动终端可触屏操作的，使用.prevent 阻止浏览器弹出右键或长按弹出浏览器菜单，但是会影响css 样式 伪元素:active 生效，但是在pc 端 mouse事件下确实正常的（此时使用的鼠标左键），右键同touch 事件效果一致，导致:active 异常。
2024-02-05 10:58:08
565
1
原创 事件修饰符
一些标签自身带有默认事件，比如a[href="#"]，button[type="submit"]， 这种标签在冒泡结束会开始执行默认事件，默认事件在冒泡后开始执行，但是不会因为.stop 阻止事件传递而终止。在使用过程中，主要是移动终端可触屏操作的，使用.prevent 阻止浏览器弹出右键或长按弹出浏览器菜单，但是会影响css 样式 伪元素:active 生效，但是在pc 端 mouse事件下确实正常的（此时使用的鼠标左键），右键同touch 事件效果一致，导致:active 异常。
2024-02-05 10:56:02
468
原创 vue 项目使用 @import url(‘‘)和 @import引入scss文件问题小记
换成@import ''引入样式 则一切正常，找了一些文章都在说link 和 @import以及require 的区别。在样式文件是用变量、插值语法等使用@import url('')会导致变量和插值语法不生效，具体为啥目前还不清晰，以后找到了根源问题，会继续做补充。也期待大佬做详细的分析。
2023-07-05 09:53:28
1262
原创 vue项目利用stylelint增加对样式文件的规范检查和自动修复
4.保存文件自动修复关键，我是在项目下创建.vscode/settings.json,由于是对单独项目增加，如果想统一增加也可在vscode 的settings.json进行相关配置。由于是新项目，没有配置在git 提交代码的时候再去操作，有兴趣的可以自行添加。5.在package.json文件增加，执行命令自动修复涉及文件。3.可以增加忽略检查文件配置 .stylelintignore。在步骤2标识的序号①即不配置 .vue报错信息。2.增加.stylelintrc.js文件。
2023-06-29 14:17:44
2137
原创 公司内网git clone 源码失败
原因： 公司外网是通过代理，ssl是代理发的，不是github发的，git不认。如果遇到关于ssl 认证的错误，可执行下面命令，不进行ssl检查。
2023-06-28 16:59:43
777
原创 vsCode 运行 报错信息 yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1
检索说是 PowerShell 执行策略，默认设置是Restricted不去加载配置文件或运行脚本。需要去做相应的变更， 修改配置为 RemoteSigned。管理员身份打开 PowerShell，执行命令，修改PowerShell 执行策略。重新回到 vsCode 执行 yarn -v 可以正常使用。设置完成之后，使用下面命令可以查看当前策略。
2023-06-28 09:38:07
1146
原创 引入isomorphic-fetch请求接口，页面销毁时，如何取消正在pending的接口；
影响点：对引用静态实例的store有影响，比如进入编辑页调用info接口，接口还在pending时切出去，点击新建（新建和编辑使用的同一个公共组件和同一个store）,新建页面展示info接口的值；可通过AbortController 控制一个或多个web请求；具体AbortController - Web API 接口参考 | MDN以下三条关键点： 1.@observable abortController: any= new AbortController(); const fetc
2021-12-20 18:25:17
1101
原创 使用7-Zip打包.tar.gz文件
1.直接去官网下载7-Zip，直接安装；2.安装好了之后：点击文件夹，右击，选择添加到压缩包，如图，弹出下一步的框：选择压缩格式 tar，点击确定:生成一个xxx.tar的包，这个时候先双击此包：勾选从解压路径移除多余的文件夹，点击确定；依然是右击 xxx.tar包，重复开始操作，选择添加到压缩包，压缩格式选择gzip;到此，一个xxx.tar.gz 的压缩包就完成啦~...
2021-03-18 10:40:34
3549
原创 git 指令回退版本
通过闯祸，使用git指令拯救我的代码版本。。。。1.控制台输入 git log找到要回退的版本 或者 直接查看sourceTree，查看要回退的hash码2.输入 git reset --hard 要回退的hash,我要回退到 7bcb8即使：git reset --hard 7dcb83.最后一步比较重要，上面的指令只是让本地该分支删除不要的代码，云端上的还需要一步操作才会同步本地代码到云端控制台输入：git push origin -f至此，就完全回.
2020-12-25 16:36:43
394
1
原创 React 禁用浏览器自动填充-密码篇
看了司徒正美的https://www.cnblogs.com/rubylouvre/p/5109300.html文章，尝试没有生效，即便用autoComplete='off'也不能生效原因是因为React 不推荐直接对Dom进行操作，设置display:none的会被解析成DOM树，但是render Tree则不会包含此节点，而visibility：hidden 会影响布局，则不可能使用他来解决；关于页面呈现流程详细可以看https://juejin.cn/post/6844903859719143
2020-12-23 14:12:08
2057
原创 lessModuleRegex安装和配置
安装less依赖npm install less less-loader --save-dev配置步骤：webpack.config.js1.//lessModuleRegex配置第一处// style files regexesconst cssRegex = /\.css$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\.(scss|sass)$/;const sassModuleRege...
2020-12-11 11:07:12
708
2
转载 display:inline-block元素之间空隙的产生原因和解决办法
转载：https://blog.youkuaiyun.com/qq_32614411/article/details/82223624感觉该博主写的还不错~~~学习与实践的路上，基础~~~还是需要回顾的~~~
2019-08-07 14:07:16
175
原创 iview组件 DatePicker---- 点击重置按钮，无法正常将DatePicker组件重重的时间范围清空
实习遇到重置iview组件 DatePicker中数据无法重置清空，请教了前辈该组件有一属性ref，可帮助清空。formDate就代表DatePicker组件//.vue <Form-item label="创建时间"> <Date-picker ref="formDate" type="dateti...
2019-08-05 15:44:42
6278
1
原创 for...in , for...of , forEach 详解
1.for in (可遍历对象和数组，不建议遍历数组)1.1使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问, Object.prototype.say = "hello"; //修改Object.prototype var person = {age:18}; for(var key in person){ console.log(key,pe...
2019-07-31 18:13:11
480
转载 微信小程序里面的标签和html标签做对比
https://blog.youkuaiyun.com/xinzi11243094/article/details/80667527
2019-07-30 18:01:52
705
1
原创 六种进程间通信方式
进程间通信方式一共六种：管道，信号量，信号，消息队列，共享内存，套接字。接下来，就一一学习理解下。进程间通信的目的： 数据传输：一个进程需要将它的数据发送给另一个进程 资源共享：多个进程之间共享同样的资源 通知事件：一个进程需要向另一个进程发送消息，通知其发生了某种事情（比如进程终止父进程告诉子进程） 进程控制：有些进程希望完全控制另一个进程的执行，此时控...
2019-07-30 16:11:21
2184
原创 js基本数据类型和引用类型对比，深拷贝、浅拷贝(assign,...用法)，数组和链表的优缺点
首先谈一下，栈（stack）和 堆 （heap）stack为自动分配内存空间，它由系统自动释放；heap 动态分配内存，不一定会自动释放。1.js数据类型：*基本类型：Number，String，Boolean,Undefined,Null , Symbol(es6); 存放在栈中；这些数据类型可以直接操作保存在变量中的实际值。引用类型：Object（在javascript除...
2019-07-30 15:58:22
378
原创 总结下js中字符串相关用法
使用Vue框架和iView组件库协助师父完成项目时，也会用到字符串转换、截取等相关的知识，今天就总结一下，请多多指教！！！1.最简单的莫过于字符串长度的获取var str = 'abcdefg';console.log(str.length)//72.字符串的类型转换(三种方式)var num = 23;console.log(num.toString())// "23"...
2019-07-25 17:54:56
229
原创 Vue url参数改变，DOM树未刷新问题---Vue.nextTick(）
vue 组件之间的传值，父组件数值改变，子组件未更新1、子组件中在mounted中对父组件传的值，进行了判断等相关处理，通过改变子组件自身定义的状态实现效果。此时，父组件值更新，子组件不重新渲染，是因为，父组件值改变子组件不会走mounted的生命周期。 处理方案： 使用watch监听父组件传的值，当值改变的时候，进行对应操作。2、推荐使用： 子组件中直接使用父组件传...
2019-07-24 15:40:08
692
原创 iview组件<page>每页条数切换的展开方向问题
使用条数变多时，导致每页条数展开方向跳到上面解决方案：在page属性里添加这句：:transfer="true"
2019-07-19 11:18:15
820
原创 vue--$index is not defined报错
今天学习Vue中遇到了一个报错信息：$index is not defined，是我写了个for循环在HTML中，然后是因为版本的问题下面是解决方法：原来的是 v-for="todo in todos" v-on:click="removeTodo($index）//这个仅仅适用于1.0版本-------------这个在Vue1.0版本中式适用的可以直接使用$ind...
2019-06-25 14:25:01
771
转载 CSS中的浮动、高度塌陷以及清除浮动（转载）
实践过得塌陷和清除塌陷转载：https://www.cnblogs.com/haidaojiege/p/6810566.html
2019-06-10 09:58:46
130
原创 css3 calc()方法详解
今天又请教了到了一个之前自己没有用到过得知识~~calc() 希望每一个在学前端的路上都能遇到一个带着跑起来的大神（不求飞，只求踏踏实实一点一滴积累）渴求学习新知识的人，就寻求一个能够指导交流，共同进步的同伴吧！我们在涉及移动端布局的时候上篇讲到box-sizing的用法。但它可能会影响到其他布局。此处的calc相比来讲，要简单的多。你可以使用calc()给元素的border、mar...
2019-06-06 14:44:50
7197
2
原创 标准盒模型和IE盒模型的区别及转换
标准盒模型是w3c 标准的盒模型，其包含：盒子占用宽度：margin2 + border2 + padding2 + width实际宽度： border2 + padding2 + widthIE盒模型，在IE中content的宽度包括padding和border这两个属性，所以盒子占用宽度：margin2 + width实际宽度：width = padding + border +...
2019-06-06 10:37:51
2759
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人