- 博客(34)
- 收藏
- 关注
RSS订阅原创 react项目启动报错总结
有些报错是由于npm启动有问题，如果项目安装了yarn可以改用yarn启动，可以启动成功，毫无逻辑可言，并不知道为啥。此文章为11月Day10学习笔记，内容来源于极客时间《后端工程师的高阶面经》，强烈推荐该课程。最后：更换node.js版本为14.17.2启动项目成功。按照报错提示一顿瞎搞最后还是不对。（暂时找不到报错内容）
2023-11-22 16:07:37
242
原创 项目报错解决总结
启动项目失败报错有些引入的文件路径不对，检查代码修改就可以安装依赖失败报错解决步骤1执行npm config list 查看.npmrc文件2设置仓库源 npm config set registry https://registry.npm.taobao.org/
2022-04-11 16:44:49
314
原创 JSON.stringify实现深拷贝的不足之处
拷贝的对象的值中如果有函数、undefined、symbol 这几种类型，经过 JSON.stringify 序列化之后的字符串中这个键值对会消失；拷贝 Date 引用类型会变成字符串；无法拷贝不可枚举的属性；无法拷贝对象的原型链；拷贝 RegExp 引用类型会变成空对象对象中含有 NaN、Infinity 以及 -Infinity，JSON 序列化的结果会变成 null； function Obj () { this.func = function () {alert('111.
2022-01-30 11:15:21
964
原创 angularjs实现单选多选下拉框的使用（两种方法）
多选下拉框使用方法一1下载安装注册// index.html<script src="libs/angularjs-dropdown-multiselect/angularjs-dropdown-multiselect.js"></script>// app.js"angularjs-dropdown-multiselect",2使用<div class="triggertype col-xs-8" ng-dropdown-multiselect="" opti
2021-11-30 15:32:11
1796
原创 利用伪类实现扩大input复选框的点击范围
首先给input添加id <label for="input-item"> <input id="input-item-single" data-index="{{process.id}}" ng-value="{{process.id}}" ng-model="process.checked" ng-change="selectOne()" class="chat-button-location-radio-input" type="chec
2021-11-26 17:29:09
646
原创 pc端和移动端背景图全屏自适应大小写法
<style> html, body { width: 100%; height: 100%; margin: 0; padding: 0; } .box { width: 100%; height: 100%; bac
2021-10-25 10:54:44
731
原创 vue后端返回数字回显成汉字写法
<template slot="userStatus" slot-scope="{scope}"> <span :style="userStatusStatus(scope.row.userStatus)">{{scope.row.userStatus | formatUserStatus }}</span> </template> filters: { formatUserStatus (status) {..
2021-10-25 10:40:11
742
原创 vue+element实现下拉框的远程搜索功能
template<el-dialog title="添加用户" class="adduser" :visible.sync="showaddUser" width="500px" @close='close("addUser")' :close-on-click-modal="false" :close-on-press-escape="false"> <el-form ref="ruleForm" :model="ruleForm" :rules="rules">
2021-10-25 10:07:10
617
原创 浅拷贝的实现方法
<script> //利用object.assign实现浅拷贝 //a let a1 = {}; let b1 = {name: '123'} Object.assign(a1, b1); console.log(a1); //{name: '123'} //b (object.assign的浅拷贝也叫做一级深拷贝) let a12={} let b12= {c: 1,d:{e : 2}} Object.ass..
2021-10-12 17:59:48
104
原创 直接在mock官网控制台测试mock规则写法
简单的使用<script src="http://mockjs.com/dist/mock.js"></script> <script> Mock.mock('http://mockjs', { "ListInfo|5": [{ "img": Mock.Random.paragraph(1, 3) }] }) const xhr = new XMLHttpRequest(); xhr.op
2021-10-11 16:12:18
272
原创 vscode基本使用总结
安装插件Chinese (Simplified) Language Pack for Visual Studio Code然后c+shift+p选择zh-en全部插件vscode-iconsVeturMaterial Icon ThemeLive ServerIntelliJ IDEA KeybindingsGuidesChinese (Simplified) Language Pack for Visual Studio CodeBracket Pair ColorizerBea
2021-08-10 11:05:31
267
原创 解构的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-08-05 14:20:42
105
原创 element ui分页写法
第一步： <el-pagination style=" display: flex; justify-content: flex-end; margin-top: 20px; margin-right: 20px; " @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-
2021-07-23 22:14:27
102
原创 element中tabs使用
场景1：双击另一个表格的某一行增加对应的tabs标签第一步： <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" > <el-tab-pane v-for="item in editableTabs" :key="
2021-07-23 21:32:41
1169
原创 echarts数据组装
后端发来数据格式cc: "1"contact: "1"content: "3333"createBy: "admin"createTime: "2021-06-28T19:39:29.473+0800"fileIds: nullfileInfos: nullgroupId: 0groupInfoDTO: nullid: 4issue: "1"keywords: "1"level: 0messageType: 0organize: "1"postAddress: "1"po
2021-07-23 21:11:37
314
原创 vue+element ui+tabs标签修改tabs标签样式
第一步：引入tabs标签<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> <el-tab-pane name="first"> <span slot="label" class="fontClass">电子信号</span> <ElectricSignal /> </e
2021-06-23 12:47:03
2435
原创 element ui布局会错位的修改
错位是因为选择之后高度超出，只需要检查元素限制高度即可.el-col-12{ height: 55px;}
2021-06-22 10:35:15
1067
原创 vue-pdf插件的使用支持从中心位置放大缩小
第一步：下载"vue-pdf": "^4.2.0",第二步：在页面中引入注册import pdf from "vue-pdf"; components: { pdf, },第三步：开始使用<template><div> <main> <el-card> <div class="main-pdfbox" :style="{ width: scale + '
2021-06-16 17:46:53
1332
原创 vue+socket.io在当前页面引入并使用socket.io(二)
第一步：下载"vue-socket.io": "^3.0.10","socket.io-client": "^2.4.0",第二步：引入import io from "socket.io-client";第三步：再created中连接socket.io（xxxxxxxx：后台给的地址，我写到了环境里边） (query:地址后边要携带的参数，自己写)const socket = io(xxxxxxxx, { query: { userId:this.userId },
2021-06-16 15:01:06
538
原创 vue+socket.io如何向后端发送数据并且接收后端发过来的数据（一）
第一步：在main.js中引入//socketioimport socketio from 'socket.io-client';import VueSocketio from 'vue-socket.io';// ws://192.168.1.66:8888是后台给你的地址Vue.use(new VueSocketio({ debug: true, connection: socketio.connect('ws://192.168.1.66:8888?userId=111', { /
2021-06-03 18:45:01
2791
1
原创 git 在一个已存在项目的目录中把项目推送到远程仓库
git init2提交项目内容到本地仓库git add .git commit -m 'init'3和远程仓库连起来git remote add origin 你的仓库地址4从远程拉代码git pull origin master --allow-unrelated-histories冲突解决readme.md直接打开readme文件删除冲突部分保存git add README.mdgit commit -m '解决冲突'从（master|merge）变成master解决冲突成功
2021-05-19 11:02:46
414
原创 vue+videoplayer点击标题让视频回退到指定位置
```c <video-player id="video" class="video video-player vjs-custom-skin" ref="videoPlayer" :options="playerOptions" @play="onPlayerPlay($event)" @pause="onPlayerPause($event, 'm')" @ready="player.
2021-05-08 17:02:37
439
原创 canvas轨迹重绘（点击标题回退到任意标记点）
给标注绑定点击事件 <!-- 标注 --> <div class="tool mark" v-show="showmark"> <h4>标记信息</h4> <div class="mark-box" v-for="(item, index) in markmsg" :key="index"> <div class="mark-circle">
2021-05-08 16:50:56
309
原创 vue视频插件video-player点击控制条也会触发暂停事件弹出蒙层
项目开发中遇到问题：触发暂停事件弹出蒙层，问题是点击进度条也会触发暂停事件弹出蒙层基本代码<video-player id="video" class="video video-player vjs-custom-skin" ref="videoPlayer" :options="playerOptions" @play="onPlayerPlay($event)" @pause="onPlayerPa
2021-05-08 14:12:27
1215
原创 vue+canvas+html2canvas实现截图生成jpg图片
canvas<di class='demo'> <canvas ref="canvas" id="canvas" width="640" height="480" v-show="showmodel" @mousedown="mousedown" @mouseup="mouseup" @mousemove="mousemove" ></
2021-05-07 15:43:50
300
原创 vue+elementui实现左侧菜单动态添加icon
data函数 iconlist:[ {id:'125',icon:'el-icon-s-tools',children:[{id:'110',icon:'el-icon-user-solid'}]}, {id:'103',icon:'el-icon-user-solid',children:[{id:'111',icon:'el-icon-s-tools'},{id:'112',icon:'el-icon-user-solid'}]}, {id:
2021-04-26 15:25:58
2385
原创 动态表单增减（还有无法设置只打开当前项bug）
home页<template> <div class="home-box"> <el-container class="home-container"> <el-header> <p class="header-title">电商后台管理系统</p> <el-button @click="logout">退出</el-button> </
2021-04-26 12:42:34
87
原创 返回上一级简单写法
methodswindow.history.go(-1);按钮 <el-button type="primary" icon="el-icon-back" size="mini" @click="backtoFromPage" style="position:absolute;top:20px;right:30px;"> 返回 </el-button>
2021-04-25 16:00:37
243
原创 前端elementUI实现登陆页面完整代码
<template> <div class="login-box"> <el-card class="card"> <el-form ref="loginFormRef" :model="account" :rules="loginFormRules"> <el-form-item prop="username"> <el-input v-model="account.usern
2021-04-24 15:41:03
701
原创 媒体查询正确使用方法
媒体查询正确使用方法在这里插入代码片@media screen and (max-width: 1600px) {html{font-size: 60px;}.home-title{font-size: 3.4rem;}}@media screen and (max-width: 1200px) {html{font-size: 30px;}.home-title{font-size: 3rem;}}@media screen and (max-width: 800px) {
2021-04-24 15:20:34
187
原创 npm自己发布包以及使用自己发布的包
npm自己发布包以及使用自己发布的包创建项目在根目录设置index.js入口文件，写入代码cmd查看入口文件注册验证邮箱新建另一个文件根目录新建index.js，下载包，引入使用
2021-04-08 13:47:57
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人