- 博客(82)
- 收藏
- 关注
RSS订阅转载 vue 一直运行 /sockjs-node/info?及 /sockjs-node/info报错解决办法
https://blog.youkuaiyun.com/Maxueyingying/article/details/134883088
2025-03-27 14:12:31
5
原创 vue项目运行报错this[kHandle] = new _Hash(algorithm, xofLen)
出现该问题的原因： node.js V17开始版本中发布的是OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。故此以前的项目在使用 nodejs V17以上版本后会报错。而项目很多都是之前版本的npm，所以运行时候会出现这个问题。出现这个报错时，需要在package.json文件中 dev命令行。自从昨天分盘重装了最新版本的Node之后，项目是一启一个报错。
2024-01-17 14:43:50
1003
1
原创 node版本过高与node-sass不兼容问题
cnpm install -D sass-loader@10.x 降低版本。网上针对最多就是重新安装低版本node 但我实在不想重装。第一步：安装yarn 安装cnpm。这一步可能会出现node版本过高报错。第二步：yarn install。然后重新yarn install。第三步：使用cnpm 单独安装。第四步：运行 又出现报错。执行 自动补充兼容命令。
2024-01-16 17:28:01
808
原创 git报错记录
1.node包报错我这里用的工具sourcetree，提交推送代码时会报错，删除node包后正常，但已经屏蔽了提交node包正确方法：git add .git commit -m "提交页面备注" --no-verify之后再push
2022-03-24 10:55:19
257
原创 H5页面支付宝支付
记录最近写支付宝支付时的一个坑后端返回表单，直接跳链接支付 this.div = document.createElement('div'); this.div.innerHTML = this.html; //从后台获取的表单 document.body.appendChild(this.div); document.forms[0].submit();tips:离开或跳转页面时，一定要清楚该div标签，否则下次进入还在，支付时用的就是上一笔订单的数据，会弹请勿重复支付弹框document
2022-03-03 15:41:42
809
原创 VueH5页面跳转高德地图导航
一.根据高德地图文档的链接跳转该方法我使用时，IOS一直没法跳转，希望有大神可以解惑，所以我是使用的第二种方法跳转的，见后 /* 判断是ios还是安卓 */ handleGoto(marker) { let UserLocation = marker.position; var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf("Androi
2022-02-15 14:48:10
4829
2
原创 vue中使用地图，展示标记点，信息窗体等
我这里使用的是vue-amap，简单介绍一下vue-amap 是一套基于 Vue 2.0 和高德地图的地图组件。1.安装npm install -S vue-amap2.引入main.jsimport AMap from 'vue-amap';Vue.use(AMap);AMap.initAMapApiLoader({ // 申请的高德key key: '8fbdd9a3ff6bc2ec653efb9481903eaa', // 插件集合 plugin: [
2022-02-08 15:24:21
2100
原创 手写tab标签切换，内容区域跟着切换
话不多说，直接上代码html<div id=city class="box" style="position: relative; width:100%;"> <div class="box-tab "> <P class="tips">标签一</P> <p id=line style="opacity:1" class="box-tab-line"></p> </d
2021-10-21 11:21:05
576
原创 Echarts柱状图点击下查更新数据，带有返回上级按钮
html返回上级写一个button按钮就行了，主要是绑定在按钮上的点击事件逻辑，这里就不po html出来了<div class="overview-right"> <div id="echartOverview" class="overview-echart"></div></div>//绘制柱状图initColumnarCharts(arr) {//arr数组，后端返回的表格数据，接口请求逻辑就不放上来了 let xAxi
2021-10-12 15:59:19
1134
原创 mui框架scroll,鼠标滑轮可以滚动，移动端触摸无法滚动
解决方案如下： let list = document.querySelector('.mui-scroll-wrapper') list.addEventListener('touchmove', e => e.stopPropagation(), false)需要监听触摸事件，阻止事件冒泡，具体原理不明；懂的大佬麻烦留言知道一下...
2021-08-12 14:37:40
934
原创 vant ui之选择器
好久没用vnat ui了，咋用咋不顺手，记录一下碰到的问题，避免再次踩坑Picker 选择器<van-picker title="标题" show-toolbar :columns="columns" //这里的columns是数组 @confirm="onConfirm" @cancel="onCancel" @change="onChange"/>官网常用的数组格式就不多说了假如我们拿到的数组是对象数组，那么我们需要指定渲染的键名value-key 选项
2021-06-08 10:08:32
844
原创 Redis的下载与安装
下载地址：windowsRedis下载在这里，我们以下载在Windows下使用的免安装版的Redis为例来进行说明。将解压后的文件拷贝到自己想要存放的位置然后在该文件夹下按住【Shift】+鼠标右键，调出cmd控制台，运行redis-server.exe redis.windows.conf，如下图所示：因为报错提示，所以加上.\，实际根据情况而定这时候，不要关闭原来的控制台，另起一个cmd窗口，在该窗口中输入redis-cli.exe -h 127.0.0.1 -p 6379验证R
2021-05-14 11:10:13
268
原创 mongoDB安装
官网下载安装进入页面 https://www.mongodb.com/download-center/community我选择的默认版本安装的选择这个可以自定义安装路径这个是是否安装可视化界面，最好选择取消安装完成之后我们去到2.去c盘找到MongoDB一路向下进入的bin文件夹下，复制当前路径C:\Program Files\MongoDB\Server\4.4\bin3.右击“此电脑”点击属性/高级系统设置/环境变量4.进入环境变量/Path,点击编辑5.新建，将复制的
2021-05-08 16:39:56
282
原创 表格
效果图colspan属性规定单元格可横跨的列数rowspan属性规定单元格可横跨的行数 <style>table tr td{ border:1px solid #C2C4CC; line-height:40px; text-align:center;color:black;padding:0 20px;}.common{ background-color:#b5d2da ;}.common2{ background-color:rgb(200, 225, 230);}tabl
2021-04-25 16:04:47
90
原创 elementUI 之 Input 输入框，带输入建议 autocomplete
业务需要一个文本输入框，带快捷输入，并且输入框的值最后是输入内容拼上快捷键，最后使用element 中的autocomplet带输入建议的标签来实现这一功能；直接上代码<el-autocomplete class="inline-input" v-model="form.text" :fetch-suggestions="querySearch" placeholder="示例：亲爱的@username@，您于@date@缴纳@monney@元，预计今日到账，请注意
2021-04-25 11:51:25
2022
原创 moment 时间格式化插件
首先下载 npm i momentmain.js引入import moment from ‘moment’;Vue.prototype.$moment = moment；let date = this.formateTime(this.form.month);//某个月 let startTime = date ? this.$moment(date).format("YYYY-MM-DD") : this.$moment(date).format("YY
2021-04-22 17:00:27
194
原创 下拉列表从指定年份开始往后累加
这是从2018年开始，直接上代码var date = new Date(); let nowYears = date.getFullYear(); var Years = nowYears - "2018"; //指定年份 var arrYear = []; for (var i = 0; i <= Years; i++) { arrYear.push(nowYears--); } arrYear.forEac.
2021-04-22 16:55:44
181
原创 Vue echart折线图 自适应大小
1.安装npm install echarts --save2.引入使用首先新建一个组件文件如果报echarts undefined错误，就用as xxx from xxx引入必须要设置定高，不然不会显示<template> <div id="chartLineBox"></div></template><script>import * as echarts from "echarts";export default {
2021-04-19 16:30:19
2206
1
原创 图片img标签 src=“[object Module]“
首先核对引入路径没有问题的话试试卸载file-loader或者url-loader或者降低版本因为我发现在我没有用到这两个，安装下载多此一举，所以就直接卸载了
2021-04-14 10:52:01
526
原创 【Echarts】Uncaught TypeError: Cannot read property ‘getAttribute‘ of null
最近使用echarts绘制图表时遇到了这个错误经过万能得搜索，发现错误发生得原因是dom还没加载完，就进行了echarts初始把相关逻辑移到mounted里面执行就可以了，之前实在created里面执行得
2021-04-09 11:43:58
592
原创 数字滚动组件
1.下载组件npm install vue-count-to2.使用<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo></template><script> import countTo from 'vue-count-to'; export default { components: { coun
2021-04-08 16:54:13
134
原创 时钟
一、定义变量date: "",timer: null,二、在methods中写两个方法 /* 时间 */ methods:{ timeFormate(timeStamp) { let year = new Date(timeStamp).getFullYear(); let month = new Date(timeStamp).getMonth() + 1 < 10 ? "0" + (new Date(timeStamp
2021-04-08 16:51:29
106
原创 Es6中得class导出一个类
定义一个js文件export default class API {//导出 需要加一个static修饰符 static getUserList() { console.log(11111) }}引入使用import API from '文件路径'; async getUserList() { hugeAPI.getUserList();},
2021-04-07 11:27:22
2029
原创 Vue+Element表单验证
1.首先给form表单绑定rules规则，然后绑定ref<el-form ref="form" :rules="rules" :model="form"> //主要看这一行绑定得rules和ref <el-form-item prop="name" :label="formTable[0]" label-width="100px"> <el-input v-model="form.name" autocomplete="off"></el
2021-04-02 10:44:19
190
原创 Vue按需引入element-ui
1.在src目录下新建一个Element文件夹，新建一个index.js文件// 导入自己需要的组件import { Container, Header, Aside, Main, Row, Col, Menu, MenuItem, Input, Button, Message, Table, TableColumn, Dialog, Form, FormItem, I
2021-04-02 10:07:38
182
原创 Vue: 页面初始化时element-ui Message自动跳出 及报错
我是根据官网步骤按需引入得message结果页面初始化时，就会弹出一个提示框点击我绑定message事件得button按钮时，也会报错最后发现只需要修改一行代码 // Vue.use(Message); Vue.prototype.$message = Message;将vue.use(Message)换成Vue.prototype.$message=Message;即可...
2021-04-02 10:03:52
438
转载 转载：vue 引入 echarts 报init undefined问题
今天是初次使用echarts，寻思放个官方案例先看一下，结果遇到一个了一个很奇怪的问题，一直报如下图所示的错误—“init of undefined”。搜了一下主要有几种说法，可以按照一下步骤排查：1、检查一下echarts是否安装成功2、如果安装成功了，可能是安装的版本过高。删除原有的，重新安装指定版本(仍不好用)。npm uninstall echarts --savenpm install echarts@4.8.0 --save3、如果还不好用，查看一下自身的引用时是否引用得不对。
2021-03-30 14:36:59
805
原创 Iconfont 图标库使用
最近项目里要用阿里巴巴图标库里的图标，碰到了多色的图标，引进来是一个颜色的，样式不太一样，这里做个小笔记，避免遗忘~（成都今天降温了，好冷哈哈哈哈）1.普通图标，单色图标引入首先将选中的图片加入自己的购物车，新建到项目中然后在资源管理中，我的项目中查看<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
2021-02-25 14:22:21
537
原创 笔试题编程题汇总
1.运用递归算法，求一个数字各个位数上的数字的和function getEverySum(x){ if (x<10){ return x; } return x%10+getEverySum(parseInt(x/10));}console.log(getEverySum(123));2.手写一个delayPrint函数，返回一个Promise,Promise实现先打印“hello”,然后等待5秒钟打印“world”delayPrint(){
2021-02-18 11:59:32
332
原创 Echarts绘制上下柱状图并自适应屏幕大小Vue
新建一个组件<template> <div :ref="id" style="height: 100%"></div></template><script lang="ts">import { Component, Vue, Prop, Watch } from "vue-property-decorator";import echarts from "echarts";@Component({})export default
2021-01-26 16:56:03
1187
原创 Echarts绘制饼状图Vue
首先安装，引入。新建一个pieEcharts组件<template> <div :ref="id" style="height: 100%"></div></template><script lang="ts">import { Component, Vue, Prop, Watch } from "vue-property-decorator";import echarts from "echarts";@Component
2021-01-26 14:53:31
1293
原创 对象赋值，删除对象某个属性，原对象也会被删除
假设 a{ c:1,d:1}let b =a;delete b[‘c’];console.log(a) 输出结果为：{d:1}console.log(b) 输出结果为：{d:1}我们用等于号直接赋值一个新对象的时候，并不是拷贝了一个新对象而只是把原对象的引用地址赋值给新对象，所以我们再修改新对象的时候会影响原对象。解决方法：let b=JSON.stringify(a);b =JSON.parse(b);delete b[‘c’];console.log(a) 输出结果为：{c:1,d:
2021-01-19 11:49:18
799
原创 AJAX
一、原生ajax<script> var url = "xxxxx"; var xhr = new XMLHttpRequest(); xhr.open('get',url,true) //true为异步 xhr.send() xhr.onreadystatechange = function(){ //console.log(xhr.readyState) //co
2020-12-22 11:05:48
71
原创 Vue路由复习
一.配置路由首先安装路由，可以通过yarn或者npm安装yarn add vue-router然后再routers文件夹下的index.js文件中输入import Vue from 'vue';import Router from 'vue-router'; // 导入routerimport Music from '@/views/Music.vue'import Mv from '@/views/Mv.vue'Vue.use(Router);export default new Rou
2020-12-09 15:26:34
102
原创 uniapp使用高德地图解析经纬度转为中文地址
一、下载amap-wx.js下载地址：https://lbs.amap.com/api/wx/download获取文件如下：将amap-wx.js复制到自己的项目中。二、引入微信jsdk<script lang='ts'>import { Component, Vue } from "vue-property-decorator";import _config from "@/config.ts";var amapFile = require('@/utils/amap-wx.
2020-11-26 10:43:53
2390
2
原创 ios系统getFullYear兼容性问题
接上篇博客，判断了日期是否为本月日期中用到了getFullYear（）方法。测试人员发现苹果手机显示不对，然后就开始一系列的变量打印，最后发现苹果手机对该方法不兼容有兼容性问题,需要把中横线换成斜杠。new Date(“2017-02-16 20:41:10”.replace(/-/g,’/’)).getFullYear()...
2020-11-18 16:03:43
832
原创 js判断日期对象是否为本月日期
//筛选本月签到次数 continueDays() { let days: any = []; this.selectedLeanth.map((item: any) => { let r = item.createTime; r = Foundation.dateFormat(r); days.push(r); }); let i = 0; days.forEach((d: any) => { let
2020-11-17 16:33:11
2705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人