- 博客(18)
- 收藏
- 关注
RSS订阅原创 Node爬虫
request用于向指定地址发送请求，cheerio 相当于jquery，可以简化dom操作。在此之前，一直使用的python去进行爬虫，爬取一些简单重复的数据。突然在想，使用node如何进行爬虫。以某一个页面为例，我想爬取页面中的歌词。首先复制地址，保存到代码中（let url =xxx）。1、首先你的电脑必须要有node环境，没有的可以安装一下。然后，按f12键位，打开开发者工具，找到对应想要爬取的数据结构。在代码中输入对应的元素类名或者标签名，匹配到对应的元素。
2024-07-15 16:15:56
897
1
原创 Vue3组件通信-学习记录
父组件通过自定义事件@XXX=""进行接收信息，注意这里是@XXX，不要和子传父搞混，子传父是:XXX=""子组件中通过defineProps进行变量定义以及类型定义。父组件中，首先引入子组件，在子组件中通过 :msg="sendmsg"进行信息传递。目前先记录defineProps和defineEmits两种方法。子传父，使用的是defineEmits，通过emit方式进行信息传递。由于业务中用父子通信很少，猛然用一次都忘了怎么用了。然后通过getMsg函数的参数，进行接受子组件传递来的信息。
2024-07-15 15:12:21
283
原创 Electron_Vue项目打包后启动其他exe程序的方法
于是我就在想能不能在前端项目打包好后，在启动前端项目exe程序之前，先启动后台对应的exe以启动后台接口，把后台服务打开，这样桌面程序也就有了前后端支持从而实现功能了。之所以打包之后exe无法启动，是因为exe文件也被打包了，因此打包后的程序找不到后台对应的exe文件，所以导致接口无效。将上述代码可以封装成一个函数，在创建主窗口之前调用，就可以实现桌面程序在启动之前优先启动后台接口exe了。这样，配置完成之后，我们需要在主进程js文件中，配置下打包后执行的后台exe程序的路径即可。
2024-04-18 14:49:00
1497
9
原创 Electron_Vue项目，打包后Setup.exe没有安装过程问题解决
只需要在vue.config.js中做如下配置即可。对应注释自行改动即可。我的项目之所以没有安装过程。是因为我没有配置 "nsis"配置项， 添加配置项中的onClick为false之后就能启动安装过程了。打包之后会在dist文件夹中出现两个exe程序，分别是免安装直接启动的exe文件，和setup.exe安装程序文件。但是在双击Setrp.exe时发现了一个问题，启动之后没有安装过程，直接就启动项目了。我的vue是基于Vue-cli脚手架搭建的，因此使用了上述的插件包进行的打包。
2024-04-18 11:05:52
555
1
原创 Electron+Vue项目打包后背景图片丢失问题
本地启动的项目，背景图片是可以显示的，但是打包之后，启动exe文件，发现启动之后只有背景图没有显示。在vue.config.js文件中添加customFileProtocol:'./'再次打包项目，启动exe，发现背景图片已经可以显示了。打包后打开控制台发现是路径错误。我的背景图是通过css引入的。
2024-04-09 15:02:08
890
1
原创 关于Vue+electron，通过contextBridge暴露的内容，window调用为undefined问题。
最近在搞electron+vue项目，有几个业务需要用到vue和Electron通信，于是打开了electron官网，跟着敲代码，但是用到contextBridge去暴露electron的时候，在控制台调用window.electron一直为undefined。当contextIsolation 属性是false的时候一直会报错这个。（个人感觉electron官网写的很垃圾，很不友好）找问题找了一天，几近崩溃，最后发现是因为一个属性的设置。把contextIsolation设置为true，问题就解决了。
2024-04-08 14:28:50
1208
3
原创 Vite搭建的vue项目，require引入图片资源报错
最近用到图片资源，在引用的时候纳闷为什么require方式引入图片一直报错（require is not defined），后来发现vite搭建的项目不能使用require。
2024-04-07 17:07:32
443
原创 Vue+Electron项目搭建
web（html、css、javascript） 打包项目教程如下。创建Vue项目：（project-name 为你的项目名称）搭建项目，由此，记录一下Vue + Electron搭建项目的流程。安装Vue CLI Plugin Electron Builder。安装完成后，项目文件package.json中会有如下内容。运行后，我选择了Vue3、npm配置。来介绍如何把Vue引入Electron工程中。目前业界使用两种方式搭建。三倍左右，使用更加广泛。安装 Vue Devtools。
2024-03-27 11:14:44
713
3
原创 Electron打包Web程序，部署web端桌面程序（很简单！）
"packager":"electron-packager ./ ISCS --platform=win32 --arch=x64 --electron-version=1.8.4 --out --overwrite" //新增。// 想要取消窗口对象的引用， 如果你的应用支持多窗口，你需要将所有的窗口对象存储到一个数组中，然后在这里删除想对应的元素。// "test": "echo \"Error: no test specified\" && exit 1" //修改前。感觉挺好玩，随手记录下。
2024-03-21 14:22:27
2121
3
原创 前端调用 壁纸API 接口跨域问题暴力解决方案！
当需要跨域获取数据时，客户端会创建一个 script 标签，其 src 属性指向包含 JSON 数据的 URL，同时还会传递一个回调函数的名称作为查询参数。因为接口地址直接返回的是一张图片嘛，所以我直接把接口地址放到了div的background-image的url里面。看了接口发现，原来是接口返回的是一张图片，使用jsonp方式调用接口的话。如果是返回的json对象的话，那使用jsonp方法就直接可以解决跨域问题了。闲来无事做了个网页，突然想到了搞一个随机壁纸功能试试（每次刷新页面，壁纸都不同）。
2024-03-20 15:15:02
584
1
原创 解决Echarts溢出屏幕导致出现滚动条问题
在echarts表格容器的父容器上添加 overflow:hidden属性，然后对在echarts的option配置中的tooltip属性中添加 confine:true。如下图结构，id为chart的div是放置图表的容器。最近在使用Echarts做表格，但是发现在页面初始化时，鼠标移动到表格提示Tooltip的一瞬间会出现滚动条问题。然后在option配置中添加tooltip配置。这样，问题就可以解决了。
2024-03-19 16:37:45
1221
1
原创 npm install 报错The operation was rejected by your operating system解决方案。
报错的原因是因为权限不够，操作系统给拒绝了你的操作。我们找到C盘下面路径的.npmrc文件，删掉它就可以解决报错了。如下图，可以便捷的切换多个node版本，而不用去繁琐的卸载安装。换了好几个node版本还是无法解决问题，最后搜了一下大神的解决方案，发现只需要一个操作就可以结局，顺便记录一下。最近在新电脑上配置Node环境时，发现在安装前端项目依赖npm install 一直报错，nvm是一个node版本管理工具，下载之后可以管理任意版本的Node，进行安装、卸载。npmrc见下面这篇文章。
2024-03-19 15:43:01
2299
1
原创 JavaScript中的Map和Object区别
Map和Object共同点：都是用于存储键值对的数据结构，但它们在一些方面有所不同。前言：用于面试题记录。
2024-01-23 14:44:50
393
1
原创 ArcGIS API 4.27移除放大缩小控件
放大缩小控件是在添加地图之后，默认添加的，想要移除它很简单，只需要。view是实例化的mapview。
2023-09-13 11:45:13
298
1
原创 解决“getActivePinia()“ was called but there was no active Pinia. Did you forget to install pinia?
js文件引入store导致pinia报错
2023-08-25 13:45:41
1016
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人