爱吃一块五花肉
码龄5年
关注
提问 私信
  • 博客:164,371
    164,371
    总访问量
  • 78
    原创
  • 1,031,967
    排名
  • 35
    粉丝
  • 0
    铁粉

个人简介:喜欢他泰男孩的女程序猿一枚,CV大师,擅长制造各种bug~

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:四川省
  • 加入CSDN时间: 2020-02-04
博客简介:

yyanglirong的博客

查看详细资料
个人成就
  • 获得82次点赞
  • 内容获得27次评论
  • 获得219次收藏
  • 代码片获得543次分享
创作历程
  • 2篇
    2024年
  • 2篇
    2023年
  • 5篇
    2022年
  • 25篇
    2021年
  • 47篇
    2020年
成就勋章
TA的专栏
  • Vue
    18篇
  • 移动端
    3篇
  • javascript
    12篇
  • mongoDB
    1篇
  • Echarts
    1篇
  • Element
    4篇
  • 踩坑之旅
    1篇
  • 微信小程序
    3篇
  • ts
    1篇
  • 数据结构
    1篇
兴趣领域 设置
  • 前端
    javascriptvue.js
  • 后端
    node.js
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue项目运行报错this[kHandle] = new _Hash(algorithm, xofLen)

出现该问题的原因: node.js V17开始版本中发布的是OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响。故此以前的项目在使用 nodejs V17以上版本后会报错。而项目很多都是之前版本的npm,所以运行时候会出现这个问题。出现这个报错时,需要在package.json文件中 dev命令行。自从昨天分盘重装了最新版本的Node之后,项目是一启一个报错。
原创
发布博客 2024.01.17 ·
943 阅读 ·
12 点赞 ·
0 评论 ·
11 收藏

node版本过高与node-sass不兼容问题

cnpm install -D sass-loader@10.x 降低版本。网上针对最多就是重新安装低版本node 但我实在不想重装。第一步:安装yarn 安装cnpm。这一步可能会出现node版本过高报错。第二步:yarn install。然后重新yarn install。第三步:使用cnpm 单独安装。第四步:运行 又出现报错。执行 自动补充兼容命令。
原创
发布博客 2024.01.16 ·
785 阅读 ·
8 点赞 ·
0 评论 ·
6 收藏

vue-使用字蛛font-spider压缩字体文件 解决字体加载慢问题

特殊字体
原创
发布博客 2023.01.03 ·
1278 阅读 ·
0 点赞 ·
1 评论 ·
2 收藏

前端使用 html2canvas 插件实现保存图片功能

html2canvas插件
原创
发布博客 2023.01.03 ·
769 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

查看webpack版本

npm info webpacknpx webpack -v
原创
发布博客 2022.08.02 ·
5116 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏

git报错记录

1.node包报错我这里用的工具sourcetree,提交推送代码时会报错,删除node包后正常,但已经屏蔽了提交node包正确方法:git add .git commit -m "提交页面备注" --no-verify之后再push
原创
发布博客 2022.03.24 ·
251 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
796 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

VueH5页面跳转高德地图导航

一.根据高德地图文档的链接跳转该方法我使用时,IOS一直没法跳转,希望有大神可以解惑,所以我是使用的第二种方法跳转的,见后 /* 判断是ios还是安卓 */ handleGoto(marker) { let UserLocation = marker.position; var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf("Androi
原创
发布博客 2022.02.15 ·
4801 阅读 ·
3 点赞 ·
2 评论 ·
14 收藏

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 ·
2077 阅读 ·
1 点赞 ·
0 评论 ·
6 收藏

手写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 ·
556 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

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 ·
1114 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

mui框架scroll,鼠标滑轮可以滚动,移动端触摸无法滚动

解决方案如下: let list = document.querySelector('.mui-scroll-wrapper') list.addEventListener('touchmove', e => e.stopPropagation(), false)需要监听触摸事件,阻止事件冒泡,具体原理不明;懂的大佬麻烦留言知道一下...
原创
发布博客 2021.08.12 ·
919 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

vant ui之选择器

好久没用vnat ui了,咋用咋不顺手,记录一下碰到的问题,避免再次踩坑Picker 选择器<van-picker title="标题" show-toolbar :columns="columns" //这里的columns是数组 @confirm="onConfirm" @cancel="onCancel" @change="onChange"/>官网常用的数组格式就不多说了假如我们拿到的数组是对象数组,那么我们需要指定渲染的键名value-key 选项
原创
发布博客 2021.06.08 ·
832 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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 ·
249 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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 ·
265 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

表格

效果图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 ·
84 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

elementUI 之 Input 输入框,带输入建议 autocomplete

业务需要一个文本输入框,带快捷输入,并且输入框的值最后是输入内容拼上快捷键,最后使用element 中的autocomplet带输入建议的标签来实现这一功能;直接上代码<el-autocomplete class="inline-input" v-model="form.text" :fetch-suggestions="querySearch" placeholder="示例:亲爱的@username@,您于@date@缴纳@monney@元,预计今日到账,请注意
原创
发布博客 2021.04.25 ·
1996 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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 ·
179 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

下拉列表从指定年份开始往后累加

这是从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 ·
171 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
2189 阅读 ·
3 点赞 ·
0 评论 ·
3 收藏
加载更多