- 博客(62)
- 资源 (6)
- 收藏
- 关注
RSS订阅转载 npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED
解决npm ERR!request to。原文链接：https://blog.csdn.net/weixin_47121832/article/details/135957354。如果你的时间不对你就设置一下一下你的时间 不会设置去百度。分析过后这个问题是证书过期的意思 考虑到其他的原因。之后再npm install。这里给出三个解决方案。
2024-02-21 11:56:45
3506
原创 linux中通过.desktop文件执行bash命令打开chrome浏览器并传参
Code 描述%f %f指向临时文件。用于不了解URL语法的程序。%F 文件列表。用于可以一次打开多个本地文件的应用程序。每个文件作为单独的参数传递给可执行程序。%u 单一的URL或者本地文件%U %u的复数%i 如果Icon 为空，不应该填写此参数。一般也不用%c Name键中的已翻译名称。%k 桌面文件的位置 要么为URL，要么是本地文件名，要么是为空，不知道干啥的，一般不用。
2023-07-25 17:20:52
2398
原创 Vite + Vue3 + Electron实现进程通信
Electron 内置了 Chromium 和 Node.js：Chromium 是渲染进程，用于渲染、解析 HTMLNode.js 是主进程渲染进程 / 主进程，使用 IPC 进行通信。
2023-06-30 13:39:09
2857
2
原创 Electron + ts + vue3 + vite 项目搭建
1.新建一个vite + ts + vue3的项目在创建选项中选择ts和vue选项。之后，安装依赖之后试运行一下，出现一下页面意味着vite-vue项目创建成功。2.安装electron的相关依赖3.配置electron注意避坑：preload.ts不要与preload-main中的index.ts同名，
2023-06-29 16:45:32
4295
6
原创 nvm安装node
使用 Windows 系统的我选择使用其推荐的 nvm-windows 来管理 Node.js 版本。在安装 nvm-windows 前，如果你的电脑中已经安装了 Node.js，那么可以选择卸载，也可以选择不卸载。因为在安装 nvm-windows 的过程中其会询问你是否需要将已安装的 Node.js 版本交由其管理。
2023-06-29 14:51:12
276
原创 npm报错（npm ERR! Unexpected token ‘.‘）
1、通过nvm list 命令查看当前都安装的node版本列表，依次通过 nvm uninstall [version] 命令将已经安装的 node 版本依次删除。[version] 代表 node 版本号。2、通过nvm root命令找到 nvm 安装位置， 双击 nvm 目录中的 unins000.exe 进行卸载 nvm ,在 github 上。将 node 切换到高版本后，运行 npm 相关的命令报的这个错。安装最新版本 nvm。
2023-06-29 14:25:15
1197
原创 Vue 定时器(setInterval,setTimeout)实现轮询接口
【代码】Vue 定时器(setInterval,setTimeout)实现轮询接口。
2023-06-20 17:25:54
2457
1
原创 axios轮询请求阻塞封装加时间戳或者随机数
由于Chrome锁定了缓存，并在再次请求相同的资源之前等待上一个请求的结果，所以请求被阻塞，解决方案：axios封装在请求中添加了一个参数，值为时间戳或者随机数 ，使请求具有唯一性// 创建请求拦截request.interceptors.request.use( (config) => { var user = JSON.parse(window.sessionStorage.getItem("user")); if (user) { var t
2023-06-20 11:48:38
419
转载 vue调试工具vue-devtools安装及使用
4、再次输入chrome://extensions/ 定位到浏览器的扩展程序页面（这里就可以看见你新添加的扩展程序咯），找到vue图标的扩展程序，点击详细信息，找到Vue.js devtools这个扩展程序的ID（如：nhdogjmejiglipccpnnnanhbledajbpd），接下来，将“允许访问文件网址”的选项启用。5、在地址栏输入chrome://version,按下回车键，可以查询到个人资料路径，复制该路径，将文件夹定位到该路径，找到Extensions这个文件夹，再找到对应ID的文件夹。
2023-06-15 12:01:03
2006
转载 js获取当前时间并且格式化（YYYY-MM-DD HH:ss:mm）
1.直接复制代码，直接封装好获取当前的时间moment2.使用插件moment的更高级用法下面只展示一个简单的示例
2022-06-08 14:43:35
4836
2
转载 vite打包报错：“@charset“ must be the first rule in the file
问题原因postcss给含有中文的scss 加了个@charset:UTF-8; element-plus的index.css文件包含@charset:UTF-8。在组合css时@charset的位置并不是在头部(或最前面)，同时本地scss如果有中文也会自动添加@charset:UTF-8。因此build时就会warning提示错误了。解决方案修改vite.config.js，添加charset：false禁止项目scss添加@charset:UTF-8。同时配置postcss删除库里的
2022-05-24 17:14:55
990
原创 使用 vite-vite-plugin-style-import， 动态按需引入element-plus
安装npmivite-plugin-components -Dnpmivite-vite-plugin-style-import-Dimport { defineConfig } from 'vite' // 使用 defineConfig 帮手函数，这样不用 jsdoc 注解也可以获取类型提示import vue from '@vitejs/plugin-vue'// import styleImport from 'vite-plugin-style-import' //2....
2022-05-24 15:50:56
10709
2
转载 Vue3.0中如何使用Vuex
当前的调试工具暂时不支持vuex的调试查看，需要我们额外进行log调试，vuex内置了一个logger模块，我们只需要引入并且注册为插件即可在 src/store/index.js 中加入如下代码:import { createLogger } from 'vuex'plugins: [ createPersistedstate({ key: 'abc', // erabbit-client-pc-store paths: ['user', 'car...
2022-04-21 11:42:10
997
原创 JS获取本机IP地址的方法
1.获取本机IP地址方法1：if(typeofwindow!='undefined'){varRTCPeerConnection=window.RTCPeerConnection||window.mozRTCPeerConnection||window.webkitRTCPeerConnection;if(RTCPeerConnection)(()=>{varrtc=newRTCPeerConnection()...
2022-04-21 09:40:18
42306
16
转载 js 同时实现单击事件和双击事件
var time = null;//单击事件function click(){ //取消上次延时未执行的方法 clearTimeout(time); //设置延时300ms time = setTimeout(function(){ //在此写单击事件要执行的代码 },300);}//双击事件function dblclick(){ //取消上次延时未执行的方法 clearTimeout(time); //下面写...
2022-03-11 15:10:55
2061
转载 css – 拉伸SVG背景图片
css – 拉伸SVG背景图拉伸背景图片很容易：.stretched-logo-bg { background: url("../img/curve.png") center center no-repeat; background-size: 100% 100%;}但这不适用于SVG背景.stretched-logo-bg { background: url("../img/curve.svg") center center no-repeat;
2022-02-22 10:09:03
1706
转载 基于Vite2编译Vue3项目does not provide an export named ‘default‘
基于Vite2编译Vue3项目,在开发时报错：Uncaught SyntaxError: The requested module '/node_modules/@jiaminghi/c-render/lib/index.js?v=5a66da3e' does not provide an export named 'default'错误原因是【bn.js】库使用【原生ES6的import】导出是,bs.js库不兼容【因为bn.js是是基于require导出的】为此这里不支持vite编译,只能使用【
2022-02-10 16:32:35
14657
4
转载 Lottie 动画AE+Bodymovin导出的JSON文件解读
lottie动画的json配置object名称 定义 v 使用bodymovin的版本 assetes 图片集合 layers 图层集合 w 视图的宽度 h 视图的高度 ip 起始关键帧 op 结束关键帧 fr 帧率 动画时间 = (op - ip)/fr在AE制作视频是的开始和结束时通过设置两个关键帧关键帧来完成。帧率就是单位为每秒显示帧数。object -> assetesassetes是...
2022-02-09 14:08:14
2112
转载 Vue3.0组件传值——props
Vue组件传值——props父组件<template> <div> <Son :sonData="dadData"></Son> //绑定数据：子数据 = 父数据 </div></template><script>import { ref,reactive } from '@vue/composition-api'import Son from './Components/Item.vu
2022-02-09 11:57:29
2320
转载 svg动态科技元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>科技.
2022-02-07 15:14:07
291
转载 Vite2.0搭建Vue3.0应用实践
最近Vite2.0很火热，说是要替代webpack作为下一代前端构建工具。上个周末搬完房子仔细研究了一下，照着我们目前的项目环境，尝试搭建了一套基础环境,简单了解了Vite2.0的配置，以及各种库的集成。这里对Vite2.0不做过多的介绍，主要优点就是快，快，快。环境配置一条命令创建一个空的vite项目npm init @vitejs/app vite2.0-vue3.0-project选模板...
2022-01-13 12:33:32
226
转载 Vue3+echarts5踩坑，resize方法报错
项目要做一个数据统计可视化的模块，按照官网做法调用resize方法时报错：卡了一整天，最后在官方issues上找到了原因，记录一下。原因：Vue3使用了proxy，Echarts无法从中获取内部变量解决方法：不要在data中定义chart，或者使用shallowRefmounted() { // 注：图表不能放进data，vue3使用proxy，echarts无法从中获取变量 let charts = [ { id...
2021-09-28 10:49:44
2540
4
转载 three.js 点击交互事件 含解决点击的物体与看到的不一致问题（非全屏/多边形偏移）
首先关于Three.js鼠标点击交互事件的基础部分的推导及写法不再详细赘述，可参考：ThreeJS中的点击与交互——Raycaster的用法1. 先上基础的写法：初始化时定义：//点击射线this.raycaster = new THREE.Raycaster();this.mouse = new THREE.Vector2();点击物体触发方法：clickGoujian(event) { var width = document.getElementById("canva.
2021-09-07 15:16:07
3588
2
原创 vue + Three.js实现3d动画效果
1.安装依赖// 引入three.js相关插件npm install three --save// 安装轨道控件插件npm install three-orbit-controls//安装加载.obj和.mtl文件的插件：npm i --save three-obj-mtl-loader// 安装渲染器插件：npm i --save three-css2drender2.引用在页面直接引用import * as Three from ‘three’定义
2021-09-02 11:07:56
4043
1
转载 js判断两个json对象是否相同的方法
function isObj(object) { return object && typeof(object) == 'object' && Object.prototype.toString.call(object).toLowerCase() == "[object object]";} function isArray(object) { return object && typeof(object) == 'object' &.
2021-08-25 16:21:28
2149
转载 echarts自定义symbol
echarts的symbol固定的就是官网的那些，基本满足不了我们的业务需求1.一般情况： 1 2 3 4 5 6 7 8 9 10 11 12 13 ... markPoint: { symbol:"pin" label: { normal: { formatter: functi...
2021-08-20 13:14:00
2908
转载 当闭包遇上setTimeout
知识点一：js的事件循环Event Loopjs是单线程执行的。js的执行机制把任务分为两类：同步任务、异步任务。同步任务先执行，执行过程中遇到异步任务，就将其放入任务队列当中，继续执行同步任务。同步任务执行完之后，再去检查任务队列中要处理的异步任务。具体的关于Event Loop的内容参考文章：并发模型与事件循环知识点二： setTimeout函数setTimeout接受两个参数：待加入队列的消息和一个延迟（可选，默认为 0）。这个延迟代表了消息被实际加入到队列的最小延迟时间。如果队列
2021-08-19 13:26:05
129
转载 JS中For循环闭包延时
我们要在for循环中做休眠延时操作时，通常是这么写的for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i); })}应该是输出0、1、2、3、4，但是结果却是五个5，这是为什呢？js是单线程的，在执行for循环的时候，定时器被放到任务队列中等待执行，等到定时器可以执行的时候，for循环已经跑完了，此时i的值为4，i++为5，因此打印出五个51.ES6块级作用域var的作用...
2021-08-19 13:23:08
757
转载 vue对象的深度克隆办法
方法1：通过js序列化，将js转换成字符串，然后再将字符串转换成js对象var olbObj = {a:1};var str = JSON.stringify(obj); //序列化对象var newobj = JSON.parse(str); //还原//相当于var newObj = JSON.parse(JSON.stringify(olbObj ))方法2:ES6语法对象展开运算符进行对象的展开赋值var a = {a:0}var b = {...a}方法3：
2021-08-19 13:14:52
880
转载 Vue粒子特效（vue-particles插件）
上图中的点和线，是由vue-particles生成的，不仅自己动，而且能与用户鼠标事件产生互动。一、使用教程：安装npm install vue-particles --save在main.js里加入以下代码：import VueParticles from 'vue-particles' Vue.use(VueParticles) 在使用的地方直接使用即可，如下：<template> <div id="app"> ...
2021-08-12 11:14:57
843
原创 Vue右键菜单vue-contextmenu
1.安装npm install vue-contextmenu --save2.main.js引入import VueContextMenu from 'vue-contextmenu'Vue.use(VueContextMenu)3.组件内使用 <ul class="nav taskPanel"> <li v-for="(item, index) in taskList" :key="it.
2021-08-11 10:13:16
3579
转载 sockjs.js?9be2:1609 GET http://192.168.0.121:8080/sockjs-node/info?t=1619326975370 net::ERR_INTERNET
在做vue项目时，突然就报sockjs.js?9be2:1609 GET http://192.168.0.121:8080/sockjs-node/info?t=1619326975370 net::ERR_INTERNET_DISCONNECTED这个错误解决办法：1）找到/node_modules/sockjs-client/dist/sockjs.js文件2）在1606行，注释掉self.xhr.send(payload);这一行，然后就可以解决了如图：一，关闭这个的影响因为这
2021-06-02 11:27:22
7608
原创 vue调试工具vue-devtools安装及使用
下载：1.下载master版https://github.com/vuejs/vue-devtools/tree/master2.在vue-devtools-master目录下安装依赖包 1 2 CD E:\软件\开发工具\vue-devtools-master\vue-devtools-master npm install 3.依赖包下载完后执行npm run build,编译打包成功后会在shells下生成chrome文件夹。此文件
2021-01-19 09:56:18
547
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人