- 博客(14)
- 收藏
- 关注
RSS订阅原创 react项目引入antd后npm start控制台报错(Failed to parse source map: ‘webpack://antd/./components/config-provid)
react引入antd后报错：Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less' URL is not supported
2022-11-14 13:51:43
1127
原创 mac终端通过vue ui命令启动可视化界面不生效
刚开始在网上找通过vue ui创建项目的方法，看到要安装vue cli,-g意思是全局安装，命令为npm install -g @vue/cli，发现是权限不够，使用了sudo命令，还是不行，又发现了另一种方法......
2022-10-10 15:08:30
862
原创 npm run dev报错：getaddrinfo ENOTFOUND localhost
我在使用mac电脑新建vue项目时，运行npm run dev时报错：getaddrinfo ENOTFOUND localhost，全局搜索localhost,将localhost变成127.0.0.1重新运行
2022-10-10 11:48:11
3248
原创 Web前端入门到实战：CSS块级格式化BFC规则
BFC概念BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式——直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC盒子 ，那么这个盒子内部不影响外部，外部不影响内部 ，这个盒子是密闭的独立的区域！！生成BFC的条件w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks,
2021-10-06 21:23:49
158
原创 Web前端入门到实战：css3解决透明度IE8兼容性问题
rgba() 背景透明，内容不透明- 语法：rgba(r,g,b,a)， 说明：r表示red,g表示green,b表示blue,a表示alpha透明度- 取值: r,g,b取值范围 0-255 a透明度，取值0-1- 使用说明：设置颜色的不透明度， 一般用于调整background-color、color、box-shadow等的不透明度。- 兼容性：IE6、7、8【不支持】，IE9及以上版本和标准浏览器都支持opacity 背景和内容一起透明- 语法：opacity...
2021-10-06 20:35:13
375
原创 CSS入门到实战之三角箭头的实现
在生活中经常会遇到如下图所示一个大框旁边有一个三角箭头那么它是如何实现的呐首先，我们先来讨论三角箭头的实现平常通过边框来实现的三角是无法设置边框的，毕竟三角本身就是边框来实现的，所以换一种思考方式来想，通过定位来完成是的，方法就是白色的三角压盖灰色三角，使用定位是非常简单的。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l.
2021-09-23 22:12:32
441
原创 CSS元素的分类：行内元素、块类元素、行内块元素及其相互转换
元素分类行内元素常见元素：span a p ...特性：1. 并排 中间间隙(原因: 和标签后面的空格文本解析在了一起，具有文本的特性)2. 设置宽高不起作用 宽高就取决于内容的大小3. 设置上下外边距不起作用 设置左右外边距可以 不能设置内边距和边框4. 行高撑不开盒子 只会上下移动行内元素而已！块类元素常见元素：div特性：1.独立成行 一行一个 垂直排放 2. 设置所有盒模型属性都起作用3. 行高可以撑开盒子4. 默认宽度是父盒子所有有效...
2021-09-22 22:19:42
156
原创 前端初识到入门：CSS常用复合选择器
复合选择器概述：由两个或多个基础选择器通过不同的方式组合而成的选择器常用复合选择器后代元素选择器语法：E F{ 样式声明 } 空格连接一个或多个选择器作用：选择E元素内部包含的所有F元素代码示例：.box a{ color:red;}子元素选择器语法：E>F{ 声明样式 } >大于号 连接一个或多个选择器作用：选择E元素内部包含的所有直接子元素F代码示例：.box > a{ color:Red;}<di...
2021-09-22 21:50:39
156
原创 初识前端到实战，CSS代码实现三角形，典型面试题
CSS代码实现三角形是一道典型的面试题，不难但是要理解代码的思维逻辑，达到熟练的程度，仔细看代码就会发现其中的规律，编程就是要不断地写代码，熟能生巧，也就体会到了其中的奥秘，写代码是一件很有成就感的事情，真正理解代码的时候就会感觉代码很简单，每个人都有他的天赋，所以大胆地学习吧！加油，少年！废话不多说，上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .
2021-09-22 21:11:41
152
原创 Web前端入门：CSS中颜色三种写法
在CSS中，颜色的表示有三种写法，分别是：英文单词 16进制 rgb+rgba1.英文单词:例如：red, white, blue, skyblue, pink, deeppink, hotpink, yellowgreen, gold, sliver, brown...darkred.....这是最简单易懂的写法，简单的颜色是比较好写的，复杂难记的英语单词就比较考验记忆力了。color: blue;2. 16进制#6位16进制#000000为黑色#ff...
2021-09-16 21:40:43
2165
原创 Web前端入门：CSS选择器 挑选元素！！
废话不多说，直接上重点！1.全局选择器(通配符选择器)* {}匹配包含html在内的所有标签作用： 清除标签的默认样式！！！代码演示：*{ margin:0; padding:0;}2. 标签选择器tagName {匹配的是标签名字叫tagName的元素}a { }em {}作用：全局挑选 用来设置公共样式代码演示：<html lang="en"><head> <tit...
2021-09-16 21:11:38
120
原创 Web前端入门到实战：CSS实现半圆、圆、不同度数圆角效果
在css3中实现半圆、圆、不同度数的圆角都是通过border-radius来实现的，接下来将展示通过行内样式来实现以下效果！颜色随机选的~~代码如下，需要自取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam.
2021-09-15 21:09:50
1629
1
原创 网页中的相对路径和绝对路径
路径在前端页面中，图片会非常的多，通常我们会新建一个文件夹来存放这些图像文件images，这时候在查找图像时就需要通过路径来描述图像文件的位置。路径可以分成，相对路径和绝对路径相对路径概述：相对路径是只有这个文件所在位置为参考基础，而建立初的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录当前目录 语法：一个点（.）后面跟一个斜杠表示当前目录也就是当前文件所在目录。 <img src="pic.png" alt=""><img src="....
2021-09-15 20:55:21
2257
原创 初识HTML、P标签、img标签
HTML简介HTML是一个超文本标记文言(HyperText Markup Language)超文本： 1. 超 越文本 .txt 只能写字符 不能插入图片 链接 音视频 动画 .html有 2. 运行宿主 浏览器上 超文本传输协议http /https标记： 官方(w3c )规定好的一些标识 每一个标识有一个特定功能一个标记由一组尖角号<>类型：<一>单标记：<开始标记 属性名...
2021-09-14 21:30:11
557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人