自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【npm报错】解决invalid json response body at https://registry.npmjs.org

解决invalid json response body at https://registry.npmjs.org/*

2023-01-13 10:35:42 17156 4

原创 谷歌浏览器和safari点击div出现蓝色边框的解决方案

项目用antdesignvue框架,点击div出现蓝色边框。

2022-07-28 17:09:52 3035

原创 【vue】使用vue-i18n实现国际化,获取浏览器默认语言

vue-i8n,index.js完整配置,获取浏览器默认语言

2022-06-07 14:21:00 4687 2

原创 【vue】请求失败获取拦截器返回的信息data

error里面还有一个response,如果想获取error的信息正确写法为:error.response.data

2022-02-28 15:20:16 1331

原创 【Element-UI】单独引入Message组件

引入:import { Message } from 'element-ui'Message.install = function(Vue, options) { Vue.prototype.$message = Message}Vue.use(Message)调用: Message({ message: 'error message!', type: 'warning' })

2022-02-28 15:15:53 2043

原创 export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

版本问题,卸载现有的echarts,然后安装4.9.0版本即可。npm:npm install echarts-for-react@2.0.16yarn:yarn add echarts@4.9.0

2022-01-23 01:05:14 269

原创 TypeError: loaderContext.getResolve is not a function报错的解决办法,less、sass通用(yarn和npm)

一般是版本不兼容导致,降低版本即可,具体步骤如下:从图中看出是lessLoader导致的报错我使用的是yarnyarn add less-loader@5.0.0npm如下: npm uninstall less-loader npm install less-loader@5.0.0(如果是sassLoader导致,可以把上面代码中的less改成sass)...

2022-01-04 11:29:40 1520

原创 Nuxt.js layout的配置

创建layouts文件夹(如果有则无需创建)在layouts文件夹创建DefaultLayout.vueDefaultLayout.vue的代码如下:<template> <div> <div class="header"> header </div> <Nuxt></Nuxt> <div class="header"> footer </div> </..

2021-11-03 17:09:30 2564 1

原创 基于vue实现todolist(本地存储,附源码)

todolist完整代码(html、js、css)本地存储,无bug

2021-08-31 10:46:12 2743 4

原创 flex弹性布局中justify-content:space-between 不起作用的两种解决办法

方法一: 如果有margin:0 auto,去掉即可方法二: 设置宽度width

2021-07-19 17:45:43 4334

原创 vscode格式化Eslint+prettier+vetur

{“editor.tabSize”: 2,“terminal.integrated.rendererType”: “dom”,// 添加vue支持“editor.formatOnSave”: true,“editor.defaultFormatter”: “dbaeumer.vscode-eslint”,“eslint.validate”: [“javascript”,“javascriptreact”,“vue”],“files.associations”: {“.cjson":

2021-05-26 10:39:58 260

原创 css图片居中无效的解决办法

img{display:block;margin:0 auto;}

2021-05-11 14:47:33 1016

原创 圣杯布局的实现之浮动flaot

<!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>圣杯

2021-04-27 17:57:09 116

原创 如何让div的高度自动占满剩余空间?height:100%不生效怎么办?

知识点: 当元素的高度设为百分比时,其实际高度由实际内容高度撑开,或者 由父元素继承过来。如果父元素没有设置高度,那么子元素的百分比高度是无效的。错误写法:body{ height:100%; //虽然body的高度为100%,但是父元素没有高度。 //所以body的height:100%无效。}正确写法:html,body{ height:100%;...

2021-04-27 16:01:48 1932

原创 【JavaScript】instanceof的详细用法

instanceof:检测构造函数的prototype属性是否在参数object的原型链上。用法:object instanceof constructor// 定义构造函数function C(){}function D(){}var o = new C();o instanceof C; // true,因为 Object.getPrototypeOf(o) === C.prototypeo instanceof D; // false,因为 D.prototype 不在 o 的原型

2021-04-22 16:53:13 898

原创 数组拍平:多维数组转成一维数组、展平嵌套数组

一.es6的flat()flat() 会把嵌套数组拉平,返回新数组,不改变原数组。默认拉平的深度为1。如果原数组有空位,flat()方法会跳过空位。var arr=[1,[2,3,[4,5,[6,7]]]];arr.flat(); //默认深度1: arr=[1, 2, 3, [4,5, [6, 7]]]arr.flat(2);//深度为2: arr= [1, 2, 3, 4, 5, [6, 7]]arr.flat(Infinity);//深度无限:arr=[1, 2, 3, 4, 5, 6,

2021-04-16 17:48:06 394

原创 【新手教程】git的使用—创建、添加、提交文件到版本库

在合适的地方,新建一个文件夹,在该文件夹空白处右击,选择“Git Bash Here”创建文件$ mkdir learn-git //新建一个“learn-git”的目录$ cd learn-git //$ pwd //显示当前目录在该目录下新建一个txt文件:readme.txt在弹出的窗口里输入以下命令$ git init //init命令把这个目录变成Git可以管理的仓库$ git add readme.txt //add 把文件添加到仓库$ git commi..

2021-03-26 11:30:03 361

原创 伪类与伪元素的区别、详细用法

伪元素: 用来创造文档中不存在的元素。(css3规范推荐用两个冒号表示,但大多数浏览器也支持用一个冒号表示为元素) 常用伪元素如下:::after ( :after) — 在选中元素的后面创造子元素 (默认行内元素)。::before ( :before) — 在选中元素中的前面创造子元素(默认行内元素)。::selection ( :selection) — 应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分),只有部分属性允许使用该伪元素。::first-letter (

2021-03-24 17:02:25 353

原创 vue项目目录结构详解

目录截图:1. build:构建脚本目录build.js ---- 生产环境构建脚本build-server.js ---- 运行本地构建服务器,可以访问构建后的页面dev-client.js ---- 开发服务器热重载脚本,主要用来实现开发阶段的页面自动刷新dev-server.js ---- 运行本地开发服务器check-version.js ---- 检查npm、node.js版本utils.js ---- 构建相关工具方法vue-loader.conf.js ---- 配置css

2021-03-18 09:44:33 7948 1

原创 npm install less-loader报错及解决办法

报错情况:解决办法:npm install less-loader --save-dev --force

2021-03-17 17:44:18 9696 7

转载 vue init webpack my-project报错:无法加载文件,因此在此系统上禁止运行脚本

报错提示: 无法加载文件,因此在此系统上禁止运行脚本解决办法:以管理员身份运行vs code在终端输入:get-ExecutionPolicy,结果:Restricted(表示状态是禁止的)在终端输入:set-ExecutionPolicy RemoteSigned在终端输入:get-ExecutionPolicy,结果:显示RemoteSigned原文链接...

2021-03-17 17:40:19 442

原创 【element-ui】使用picker-options限制结束时间不得早于开始时间

HTML: <el-form-item class="form-item" label="开始时间:" prop="starttime" label-width="100px">//注意这里是是开始时间 <el-date-picker v-model="form.starttime" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder :picker-option

2020-08-03 18:02:36 3378

原创 【vue.js\element ui】关于 this.$refs[formName].validate()无法校验的解决办法

解决办法:在每个判断里加上callback()const checkPhoneNum = (rule, value, callback) => { if (!value) { callback(new Error("手机号不能为空")); //每一个if、else的结尾都要有callback } if (!validatePhone(value)) { callback(new Error("请输入正确的手机号码"));//每一个if、els

2020-07-09 16:15:33 1896

原创 【element-ui】el-date-picker数据回显成功,修改日期后强制渲染/更新

<el-date-picker v-model="form.validateTime" value-format="yyyy-MM-dd HH:mm:ss" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="$forceUpdate()" //强制渲染></el-date-picker>...

2020-07-06 11:46:58 4031

原创 关于npm install报错的解决办法

错误信息:解决办法:由于缺少了‘package.json’文件而导致错误,因此先 npm init,创建该文件,根据提示填写包信息(可以选择不填,一直按回车)。npm init //注意:输入该语句后要一直按回车,按照提示填写包信息npm install//然后再输入该语句步骤演示:...

2020-07-01 14:44:10 2639 1

原创 【element-ui】 多个table分别对应的多选框选中后部分禁用/selectable的用法

HTML:<span @click="addPersonFunc('2')"> <i class="el-icon-circle-plus">添加人员</i></span><el-dialog title="添加人员" :visible.sync="dialogTableVisible"> <el-table :data="personList"> //selectable的用法 <el-table-co

2020-06-30 20:01:10 962

原创 【element-ui】 多个单选框radio,选中某一个时手风琴动态展开的实现

主要思想: 手风琴是根据activeName的值来决定展开哪一个el-collapse-item的,每一个手风琴的el-collapse-item都有独一的name。因此,name=index,然后选择radio的时候,再activeName = index,由此判断是否展开该el-collapse-item。以下是从项目中复制过来的代码,删减了不必要的部分。html:<el-collapse v-model="activeName" accordion> <el-colla

2020-06-24 15:58:35 1721

原创 PHP7中session的值跨页传递失败的原因和解决办法

传递失败的原因session是存储在服务器端的,而PHP7中的php.ini配置文件里session.use_trans_sid = 0,导致传递失败。(如下图)解决办法令session.use_trans_sid =1即可。修改方法如下:找到php.ini文件根据自己电脑的PHP安装路径找,比如我的是 E:php7.3.4nts\php.ini打开php.ini文件,①快捷键ct...

2020-03-31 10:36:38 829

原创 关于$ is not defined的原因和解决办法

用sublime写毕设的时候碰到这个报错三次,但是三次都是不同的错误。①.html中没有引入jQuery.js文件刚刚开始摸索毕设的时候忘了引入这个文件,导致出错。可从官网下载。我下载的版本是jquery-1.7.2.js。下载链接jQuery官网下载地址(注:打开链接后,找到自己想要的版本直接右击保存到电脑即可,不需要点开那个文件链接)②.引入jQuery.js文件的路径错误把该...

2020-03-27 17:36:20 62529 1

空空如也

空空如也

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

TA关注的人

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