自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

coder-quan的博客

一个小菜鸡

  • 博客(10)
  • 收藏
  • 关注

原创 el-input无法输入产生原因及解决方案

el-input无法输入的原因与解决办法

2021-11-21 12:51:36 10411

原创 CSS选择器优先级以及权重计算方法

今天面试面试面试官提问了选择器优先级的问题,本身是知道这个问题的答案的,由于第一次面试紧张,各种选择器的名字被置于脑后,一切的根源还是因为不够熟悉,所以通过这篇博客加强并深入了解选择器优先级的问题。一、选择器优先级: !Important>行内样式>ID 选择器>类选择器>标签选择器>通配符>继承>浏览器默认属性!important:!important拥有最高的优先级,加上!importanrt可以覆盖父级的样式,使用方法为直接在样式后添加加上!impo

2021-09-14 15:38:52 4905 2

原创 html中元素垂直居中的方法

一、margin:auto 法 css:<style> .container{ width: 400px; height: 400px; position: relative; border: 1px solid #pink; } span{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }</style><body>

2021-08-12 22:41:03 823

原创 axios的config配置详解

本文对axios官网文档的config配置部分进行了翻译与部分举例,原版请前往 axios{ // ‘url’是用于请求的服务器 URL。 url: '/user', // ‘method’是发出请求时使用的请求方法。 method: 'get', // 默认值 // 除非 url 是绝对的,否则 baseURL 将会被加在 url 前面。 // 为 axios 的实例设置‘baseURL’来传递相对 url 会很方便。 // 可以减去许多重复的字段。 baseURL:

2021-08-11 17:26:15 11914

原创 restful和restless的区别

网上很多对于restful和restless的解释都非常生涩难懂,下面用比较通俗易懂的方式讲解。API分两类,一种是REST API,其余的为非REST API,而REST API被叫做restful,而非REST API则被称为restless。一、restful(1)CURD(增删改查)由请求方式来决定;(2)请求方式有 GET / POST / PUT / DELETE;(3)同一个路径可以进行多种操作。注:请求 API 的 URL 表示用来定位资源。请求的 METHOD 表示对这个资

2021-08-07 17:59:51 779

原创 JavaScript中for/of和for/in

理解JavaScript中的for/of和for/in建议使用for/of而不使用for/in一、for/offor/of是ES6中定义的新循环语句,专门用于可迭代对象。数组、字符串、集合Set、映射Map是可迭代对象。1. for/of迭代数组元素的值,不迭代数组元素的下标(数组元素是按从头到尾的顺序迭代的):let data = [1,2,3,4,5,6,7,8,9],sum = 0for(let element of data){ sum += element}console.lo

2021-07-25 22:55:44 741 1

原创 vue -V提示‘vue’不是内部命令或外部命令

今天安装了Vue Cli,遇到了一点小问题安装成功后输入vue -V 版本查看命令后提示‘vue’不是内部命令或外部命令根据上图找到vue.cmd的目录打开cmd,输入vue -V命令,可以查看Vue Cli版本这时我们将vue.cmd的路径复制,添加到环境变量重新打开cmd,输入vue -V即可查看Vue Cli版本了...

2021-07-20 10:37:44 644

转载 flex布局详解

文章目录一、Flex 布局是什么?二、基本概念三、flex容器的属性3.1 flex-direction3.1.1 flex-direction:row3.1.2 flex-direction:row-reverse3.1.3 flex-direction:column3.1.4 flex-direction:column-reverse3.2 flex-wrap3.2.1 flex-wrap:nowrap3.2.2 flex-wrap:wrap3.2.3 flex-wrap:wrap-reverse

2021-07-15 22:16:56 212

原创 nvm下载安装与使用

目录一、nvm是什么二、下载安装三、修改镜像源四、nvm的使用五、修改npm默认镜像源一、nvm是什么在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的Node运行环境,这种情况下,对于维护多个版本的Node将会是一件非常麻烦的事情,nvm就是为解决这个问题而产生的,它可以方便的在同一台设备上进行多个node版本之间切换。下载安装十分简单:打开网址https://github.com/coreybutler/nvm-windows/releas

2021-07-14 18:52:09 475

原创 VScode常用插件推荐

VScode目前已成为前端开发者中最受欢迎的编辑器之一,依靠其轻型的体量与强大的拓展性,安装适合的插件有助于我们提高我们的开发效率,这里推荐一些我常用的插件Chinese (Simolified) Language Pack for Visual Studio Code 翻译插件,可以将VScode的语言换为中文,适合英语不好的小伙伴(我在写这篇文章时发现下载最新版VScode后已会提示是否将语言更换为中文,此处就是通过下载该插件来实现语言转换)。Comment Translate 基于Google

2021-07-14 10:45:38 1326 1

空空如也

空空如也

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

TA关注的人

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