- 博客(33)
- 收藏
- 关注
RSS订阅原创 vscode background 插件配置
ctrl+shift+p 搜索 Fix VSCode:Apply。Code - Insiders 安装似乎损坏。安装 Fix VSCode Checksums 插件。
2024-08-15 11:01:43
448
原创 循环机制—宏任务和微任务
宏任务的特点是它们会阻塞其他任务的执行，直到当前宏任务完成。每个宏任务都会创建一个新的执行上下文，并且在执行完当前宏任务之前，不会执行其他宏任务。任务队列：宏任务和微任务分别有自己的队列。宏任务队列：当执行栈为空并且微任务队列也为空时，事件循环会从宏任务队列中取出下一个宏任务执行。微任务是在当前宏任务执行完毕后立即执行的任务，而不是等待下一个宏任务开始。微任务的特点是它们会在当前宏任务执行完成后立即执行，但在下一个宏任务开始之前。微任务队列：每当执行栈为空时，就会执行微任务队列中的所有任务。
2024-08-06 10:48:11
399
原创 echarts option 配置切换 缓存问题
在使用echarts 切换图标的使用option老是读到了之前缓存的值，后来发现一种方法可以清除缓存。使用 第二个参数 可以清除缓存。
2024-04-06 11:33:27
328
原创 获取 file和Bole对象
在这个示例中，我们使用axios库发起一个GET请求，请求本地文件的URL。当请求成功时，响应的data属性将包含一个Blob对象，您可以在处理中对其进行进一步的操作。请确保将fileUrl替换为您实际的本地文件路径。请注意，由于浏览器的安全策略限制，您可能无法在浏览器环境中直接访问本地文件系统中的文件。如果您希望更可靠地处理将Blob转换为File，并且不必担心浏览器兼容性问题，可以考虑使用一些现有的工具或库。使用axios库来请求本地文件与请求远程文件的方法类似，只需指定本地文件的URL即可。
2023-08-28 14:33:10
190
原创 Electron-vue简单整合VUEX
1.在文件中定义需要记录state的变量 getters(为了在页面中获取值) mutations。4.更新变量的方式:如果我们是在vue文件中,直接使用如下方式即可。5.如果我们要在工具js中使用的话,如下方式。3.template 中使用。
2023-08-22 16:49:01
353
原创 js 正则
js正则表达式匹配的五种方法：1.replace()方法；2.match()方法；3.search() 方法；4.exec() 方法；5.test()方法。用于检索字符串中的正则表达式的匹配。用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。方法一 ：replace()方法。方法三：search() 方法。方法二：match()方法。方法四：exec() 方法。方法五：test()方法。
2023-08-15 16:50:38
344
原创 Node.js图片处理工具 gm 的使用NN
先要安装GraphicsMagick或者ImageMagick，因为gm是基于这两种图形处理工具包的。下载地址：https://imagemagick.org/index.php。下载地址： http://www.graphicsmagick.org/一、安装 GraphicsMagick。二、安装 ImageMagic。
2023-04-28 14:32:52
257
原创 electron集成sqlite3
electron集成sqlite3 让我真头大 刚开始用electron-vue的脚手架 npm i sqlite3 下来 运行老是报错 根本跑不起,各种试才发现问题。node v16.13.2 + python v3.10.10 +vs2015 这个也只是本地运行起来了 打包还没有试。electron 要使用 sqlite3 前提要装python 和vs，版本不兼容也会报错跑不起来 目前测试成功的版本。后面试完再改文档吧。
2023-03-06 10:25:36
484
原创 npm ERR! code ERESOLVE Found: eslint@5.0.0 npm ERR! node_modules/eslint npm ERR! dev eslint@“5.0.0
不行的话可以先请一下缓存 —> npm cache clean --force 在执行npm install --legacy-peer-deps 这条命令。报错 可以使用 npm install --legacy-peer-deps 命令成功解决问题；不要删除 package-lock.json 只是为了运行npm install并重新生成它。大多数人最终都会删package-lock.json和运行“npm install”。有时会遇到依赖项的问题，找不到，或者安装了错误的版本。...
2022-08-18 16:47:11
3902
1
原创 css超出文本显示省略号
height: 76rpx;width: 300rpx;display: -webkit-box;/*设置为弹性盒子*/-webkit-line-clamp: 2;/*最多显示3行*/overflow: hidden;/*超出隐藏*/text-overflow: ellipsis;/*超出显示为省略号*/-webkit-box-orient: vertical;word-break: break-all;/*强制英文单词自动换行*/......
2022-05-30 16:14:30
91
原创 animate.css配合WOW.js
只能触发一次,如果想要上下滚动都触发就下载wow.min2.js, <link rel="stylesheet" href="./css/animate.css"> <script src="./js/wow.js"></script> <script> var wow = new WOW({ boxClass: "wow", animateClass: "animated",
2022-05-27 16:06:10
286
原创 高德地图不显示问题
高德地图刚开始不会操作照着官网操作,但是出现一点问题, 可以去官网创建一下.下面就直接上代码下载依赖 npm i @amap/amap-jsapi-loader<template> <div> <div id="container"></div> </div></template><script>import AMapLoader from "@amap/amap-jsapi-load
2022-05-13 09:34:43
2236
原创 vue2.x学习笔记
Vue.config.productionTip=false //阳止 vue在启动时生成生产提示。BootCDNMOMENT.JS 日期处理库 dayjs解构赋值连续写法{query:{id,title}} debugger调试debuggerdebugger 语句用于停止执行 JavaScript，并调用 (如果可用) 调试函数。使用 debugger 语句类似于在代码中设置断点。通常，你可以通过按下 F12 开启调试工具， 并在调试菜单中选择 "Console" 。注意：
2022-04-28 17:19:14
1095
原创 ant-design-vue1.x将英文改为中文
ant-design-vue 1.x 实测有用<template> <a-config-provider :locale="zh_CN"> <div id="app"> <router-view v-if="isRouterAlive" /> </div> </a-config-provider></template><script>import zh_CN from '
2022-04-28 17:16:12
325
原创 vue 中判断滚动条滚动方向的方法
data() { return { beforeScrollTop: 0, }; },methods: { onScroll() { let scrollTop = this.$refs.rightContent.scrollTop; let scroll = scrollTop - this.beforeScrollTop; //拿新获取到的网页被卷去的高 初始的值 this.beforeScrollTop = s
2022-04-28 17:12:22
1319
原创 vue使用bus进行组件通信
EventBus事件总线简单使用全局注册import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'Vue.prototype.$EventBus = new Vue()new Vue({ router, store, render: h => h(App)}).$mount('#app') 组件Acreated (
2022-04-28 17:09:39
619
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人