自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

原创 react 使用router 和 ts 进行页面跳转报错

使用react路由器v4和Typescript以编程方式导航时出错:Property 'history' does not exist on type 'Readonly & Readonly<{ children?: ReactNode; }>解决方法:你需要导入import { RouteComponentProps } from “react-router-dom”; RouteComponentProps接口有你正在寻找的道具。例如:import {RouteComp

2021-01-06 11:16:37 64

原创 react使用antd警告:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance

react使用antd警告:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance警告内容:Warning: findDOMNode is deprecated in StrictMode. findDOMNode waspassed an instance of Wave which is inside StrictMode. Instead, add aref directly t

2021-01-05 11:40:48 35

原创 react中使用ts配置路由时报错:Could not find a declaration file for module ‘react-router-dom‘

react中使用ts配置路由时报错:Could not find a declaration file for module ‘react-router-dom’原来引入,会报错Could not find a declaration file for module ‘react-router-dom’:import {Router,Route,Switch,Redirect} from 'react-router-dom';解决方法:const {Router,Route,Switch,Redi

2021-01-04 11:56:03 232

原创 ‘reactdom‘ is not defined.和 ‘mountnode‘ is not defined 解决办法

在使用ant-design的组件时,有时会遇到一下两个错误,这里分享下我找到的解决方法。第一个问题:‘reactdom’ is not defined.`在头部引入import ReactDOM from 'react-dom';第二个问题:‘mountnode’ is not defined替换写法const EditableFormTable = Form.create()(EditableTable);// ReactDOM.render(<EditableFormTable /

2020-12-28 18:41:55 134

原创 vue-cli3 项目打包的vue.config.js配置

创建vue.config.js并配置:module.exports = { publicPath:'./', //在打包时添加这段代码,处理静态资源找不到问题 runtimeCompiler:true,//在启用vue-router路由时需要配置该带码否则会报错 devServer: { open: false, //是否自动弹出浏览器页面 host: "localhost", port: '8080', https:

2020-12-24 10:57:18 84

原创 在vue + ts 项目中引入echarts

第一种indext.html中用script引入<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts-en.common.min.js"></script>组件中调用方式<script >import { Component , Vue } from 'vue-property-decorator';declare let echarts:any; //要先声明@Component

2020-12-23 10:58:25 105

原创 报错:Parameter ‘XXX‘ implicitly has an ‘any‘ type.解决方法

报错:Parameter ‘XXX’ implicitly has an ‘any’ type.解决方法tsconfig.json添加"noImplicitAny": false,或者 “strict”: true,改为false{ "compilerOptions": { "target": "es5", "module": "commonjs", "moduleResolution": "node", "sourceMap": true, "emitDe

2020-12-16 10:09:25 1846

原创 解决vue+ts中报错:Cannot read property ‘push‘ of undefined

解决vue+ts中报错:Cannot read property ‘push’ of undefined一,出现的问题:在vue项目中,用TypeScript定义了一个数组,遍历操作的时候,进行push操作时,查看控制台竟然出现“Cannot read property ‘push’ of undefined”错误, 代码如下:public arr: Array<string>;public created() { for(let i = 0; i < this.rout

2020-12-15 18:53:45 137

原创 vue点击按钮刷新当前页面

vue点击按钮刷新当前页面简单粗暴的方法: window.location.reload();较为温柔的方法:this.$router.go(0)

2020-12-15 15:04:57 119

原创 VUE关闭代码规范性检测

VUE关闭代码规范性检测在vue项目根目录下,创建 vue.config.js :module.exports = { lintOnSave: false};完美解决!!

2020-12-10 11:18:22 16

原创 报错:UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function

npm运行/打包项目报错:UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function使用的是stylus/less/sass这项技术,不过在安装stylus/less/sass后,运行vue项目后报错:UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function,查了之后才知道这

2020-12-03 18:11:49 25

原创 在vue项目中配置pug解析支持

在vue项目中配置pug解析支持vue-cli 2+ 配置:下载包:npm i -D pug pug-html-loader在build/webpack.base.conf.js 的 module 中添加规则:module: { rules: [ { test:/\.pug$/, loader: "pug-html-loader" }, // 省略其他规则 ] }好了启动或重启项目,即可开心的尝试了

2020-12-03 18:06:06 30

原创 在vue项目中stylus的安装和简单使用

在vue项目中stylus的安装和简单使用建立好项目后安装stylusnpm install stylus stylus-loader --save-dev在.vue文件的style块中使用这个很简单,只要在style标签加上lang="stylus"就可以了<style lang="stylus">#app{ width 800px height 600px}.audioPlayer{ position relative top 50px}</sty

2020-12-03 17:59:25 57

原创 vue + ts搭建项目

vue + ts搭建项目安装vue-cli3npm install -g @vue/cli创建vue项目vue create test // test是项目名![在这里插入图片描述](https://img-blog.csdnimg.cn/2020120317420556.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjNl82

2020-12-03 17:53:34 43

原创 Error: Rule can only have one resource source (provided resource and test + include + exclude)

运行项目报错 Error: Rule can only have one resource source (provided resource and test + include + exclude)造成原因:package。json中的webpack版本起冲突。解决:删除webpack,重新装以前的版本。npm uninstall webpacknpm install webpack@^4.0.0 --save-dev...

2020-12-03 14:32:39 210

原创 使用element-ui的进度条报错:custom validator check failed for prop “percentage“.

使用element-ui的进度条报错:custom validator check failed for prop “percentage”.自己使用vue+ts+element-ui编写的一个音乐播放器小组件出现以下这样的错误:这个问题是由于dom已经渲染完成了,而数据还没回来,所以组件检测不到这个必传的参数,那就给组件上加一个v-if;这么一来,控制台是不报错了,但是当计算出的百分值=0的时候,这个0就转化成了false,这个进度条自然就没了,所以:用isNaN监测,计算出来是不是为数字,

2020-11-30 17:23:40 50

原创 html5 video视频进度条的实现

html5 video视频进度条的实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>视频</title> <link rel="stylesheet"

2020-11-25 16:15:17 172

原创 静态集合与动态集合的不同

静态集合与动态集合的不同<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>

2020-11-25 16:10:31 39

原创 css页面样式初始化

css页面样式初始化简单的css页面初始化/* 公共样式 */* { margin: 0; padding: 0;}body { font-size: 12px;}a { text-decoration: none; /* 取消文本修饰 */}article,section,aside,address,nav,header,footer,img { display: block;}img { border: none;}li { l

2020-11-25 14:49:37 34

原创 vue-property-decorator vue框架typescript装饰器的使用

vue-property-decorator vue框架typescript装饰器的使用vue-property-decorator这个组件完全依赖于vue-class-component.它具备以下几个属性:@Component (完全继承于vue-class-component)@Prop:父子组件之间值的传递@Emit:子组件向父组件传递@Model:双向绑定@Watch:观察的表达式变动@Provice:在组件嵌套层级过深时。父组件不便于向子组件传递数据。就把数据通过Provid

2020-11-23 11:23:18 34

原创 使用gitlab 新建分支,并且指定分支上传代码

gitlab 新建分支,并且指定分支上传代码gitlab 新建分支,并且指定分支上传代码1,git clone http:xxxxxxxxxxxx2,git branch new_master 3,git checkout new_master4,git add .5,git commit -m "new-graphql"6,git push origin new_master7,git push使用命令删除分支删除本地分支git branch -d dev 【git b

2020-11-21 11:46:23 71

原创 VUE从一个页面传值到另一个页面

VUE从一个页面传值到另一个页面

2020-10-25 11:45:40 515

原创 vue在swagger-ui中无分页后端接口时,实现简单的分页功能

vue在swagger-ui中无分页后端接口时,实现简单的分页功能

2020-10-25 11:08:23 82

原创 如何解决VUE里面{_ob_:Observer}的取值问题

如何解决VUE里面{ob:Observer}的取值问题在vue异步请求数据的时候,有时候会得到{ob:Observer}的数据格式如下:下面给出一个解决的方法:JSON.parse(JSON.stringify(data))将返回的数据data先转换为JSON字符串形式,然后再从字符串形式转换成JSON格式例如:this.$axios.get('/customer/findCustomerById',{params:{id}}).then(response=>{ t

2020-10-19 18:51:49 759

原创 VUE报错类似于vue Duplicate keys detected: ‘135‘的错误

VUE报错类似于vue Duplicate keys detected: '135’的错误报错原因: 使用v-for时,key值不唯一(一般出现在 v-for循环生成列表,对key值处理不当时)原来报错的代码:联系方式:<span v-for="item in detailslist" :key="item.id">{{item.telephone}}</span><br> 状态:<span v-for="item in detailslist" :key

2020-10-19 15:03:06 27

原创 vue-element-admin修改一些外观对应的一些文件(修改系统名称或者logo或者样式)

vue-element-admin修改一些外观对应的一些文件(修改系统名称或者logo或者样式)将所有的’Vue Admin Template’替换为自己项目的名称settings.js 参数配置文件,用于设置是否显示logo,是否固定头等信息;vue.config.js 项目核心配置文件,主要用于webpack相关配置;lintOnSave 设置为false可以关闭eslintpublicPath 设置为./表示静态资源使用相对路径src/views/login:修改登录界面;sr

2020-10-16 10:37:48 211

原创 VUE打包方法

VUE打包方法方法一: 自己一步一步的搭建项目(ps:不是使用命令vue create name 下载的项目)1,初始化项目npm init -y (创建一个包含package.json)2,局部安装npm install webpack --save-devnpm install webpack-cli --save-dev3,编写配置文件(webpack.config.js)const path = require("path");

2020-10-15 19:32:54 157

原创 VUE组件切换实现的方式

VUE组件切换实现的方式方法一:v-for<a @click='change("one")'>aaa组件</a><a @click='change("two")'>bbb组件</a><a @click='change("three")'>ccc组件</a><ul><li v-if='com_name=="one"'></li><li v-if='com_name=="two"'&g

2020-10-14 23:49:15 125

原创 jquery底层ajax的实现,通过http请求加载远程的数据

jquery底层ajax的实现,通过http请求加载远程的数据默认前面登录获取token。方法一:代码如下$.ajax({url:" “, //请求的路径type:” ", //请求的方式headers:{ //请求头的设置‘Authorization’: sessionStorage.getItem(‘token’), //获取token,使用 sessionStorage保存token//“Content-Type”:‘app

2020-10-14 11:18:11 57

原创 使用jQuery控制单选框的默认值的选中方式

使用jQuery控制单选框的默认值的选中方式checked的取值可以是true (表示默认选中),false(表示不选中);$(‘input[type=radio]’).get(0).checked = false;$(‘input[type=radio]’).get(1).checked = true;获取到单选框选中的值:var gender = $(‘input[type=radio]:checked’).val();...

2020-10-14 10:15:17 203

原创 浏览器控制台警告错误[DOM] Password field is not contained in a form:或者是 input 警告[DOM]...

前端编写代码时,查看浏览器控制台会出现的警告错误[DOM] Password field is not contained in a form:或者是 input 警告[DOM] Input elements should have autocomplete attributes (suggested: “new-password”)1,出现警告错误[DOM] Password field is not contained in a form:的解决方法是:在input标签外添加上标签form<

2020-09-24 18:55:54 184

原创 使用gitee,从本地仓库上传到远程仓库的时候报错error: failed to push some refs to ‘https://.......‘

使用gitee,从本地仓库上传到远程仓库的时候报错error: failed to push some refs to ‘https://…’上传文件到远程仓库的步骤:1.将当前文件夹初始化git本地仓库git init2.将当前文件夹中的所有文件添加到缓存中git add *3.将缓存中的所有文件提交到本地仓库中git commit -m ‘填写提交的原因’4.将本地仓库与远程仓库进行连接git remote add origin 自己仓库的地址5.将本地仓库中的文件推送到远程仓库中

2020-09-16 11:03:22 60

原创 解决在使用git或者gitee的远程仓库和本地仓库连接时报的错误:remote: Incorrect username or password ( access token )

解决在使用git或者gitee的远程仓库和本地仓库连接时报的错误:remote: Incorrect username or password ( access token )在使用git或者gitee的代码托管服务平台时。进行本地仓库和远程仓库连接,或者上传代码的时候出现错误:remote: Incorrect username or password ( access token )的解决方法解决方法:打开电脑的设置——>打开控制面板——>找到用户账户——>找到凭据管理器——&

2020-09-12 11:05:16 173

原创 使用typeof判断数据类型

使用typeof判断数据类型返回的变量名就是所指向的数据的类型语法是: typeof 变量名返回的值如下:“undefined” 未定义“boolean” 布尔类型“string” 字符串“number” 数值“object” 对象或者null或者数组“function” 函数具体的例子如下:va

2020-08-27 16:43:52 142

原创 Linux系统的基本知识点和基本操作

Linux系统的基本知识点和基本操作一、Linux系统简介 Linux是一套免费使用和自由传播的操作系统内核,是一个基于POSIX和Unix的多用户、多任务、支持多线程和多CPU的操作系统内核。它能运行主要的Unix工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统内核。 特点: 开放性:特别是遵循开放系统互连(OSI)国际

2020-08-18 13:27:06 117

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除