自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 元素的定位

元素的定位定位是一种更加高级的布局手段,通过设置定位可以将元素摆放到页面的任意位置。positionz 有以下几个可选属性值static 默认属性值 元素没有开启定位relative 开启相对定位absolute 开启绝对定位fixed 开启固定定位sticky 开启粘滞定位相对定位 (灵魂出窍型选手)特点:元素开启相对定位之后,如果不设置偏移量,元素的位置不会发生任何的改变相对定位是参照与元素自身在文档流中的位置进行偏移的相对定位会提升元素的层级相对定位不会使得元素

2021-03-15 15:49:50 232

原创 CSS中的布局与元素的浮动

本文主要的内容是复习一下CSS中的布局知识点。盒子模型的水平布局<div class="box"> <div class="son-box"></div> </div>元素在其父元中的水平布局方向的位置是有以下几个属性来共同决定的:border-left , margin-left , padding-left , width , padding-right , margin-right , border-right一个元素在其

2021-03-12 16:38:18 254

原创 React+AntD组件搭建后台管理系统(不定时更新)

项目描述该项目是属于一个前后台分离的后台管理的SPA,即单页Web应用(single page web application,SPA),包含了用户管理、商品分类管理、商品管理以及权限管理等功能模块,在技术方面采用的是React的相关知识、AntD组件以及Github第三方库进行模块化、工程化的模式开发。总的来说,这个后台管理系统实现的是增删改查的基本操作,但是对于像我这种前端小白来说还是收获匪浅,起码是对于一个项目的开发流程有所了解,现在根据每个组件记录一下学习历程,知识点的总结以及踩过的坑。提前声

2021-03-11 16:44:38 2293 2

原创 JS的数据类型知识点

数据类型的分类在JS中,我们可以把所有的数据类型分成两大类。基本类型,也称为值类型StringNumberBooleanUndefinednull对象类型,也可以称为引用类型ObjectFunction (可以将 Function 看作是一种特别的对象,其特别点在于可以执行,函数的知识点非常重要,将会在后续的章节中进行不定时更新)Array (同样的,我们也可以将数组看作是一种特别的对象,它的特别之处就在于其内部数据有序进行排列,而且是用来储存各种数据)在以上的这些数

2021-03-10 13:45:56 122

原创 CSS的常用选择器及其权重

常用选择器在CSS中,有很多不同的选择器供我们使用,去给不同的元素指定各自的样式,那么这些选择器可以大致分为以下的几种:常用选择器元素选择器(伪元素选择器)作用:根据标签名来选中指定的元素语法:标签名{}举例:p {} div {}注意点:伪元素选择器,div::after {}id 选择器作用:根据元素的id属性值选中某一个元素语法:#id属性值 {}举例:#box{}注意点:id属性只能够调用一次类选择器(包括伪类选择器)作用:根据元素的 class 属性值选中某一

2021-03-09 14:34:37 908

原创 HTTP协议知识点概述

HTTP协议有关知识点总结前段时间在接受阿里企业智能部的面试时,面试官追问了一系列关于计算机网络方面的知识,让我随便聊聊HTTP协议,然后就突然有点发蒙,就非常简单粗暴的说了一点那种什么get post 请求啥啥的,迷之尴尬。现在沉下心来准备认真学习这部分的知识,不能允许下次面试被问到相关的东西自己还回答不上来!!说明一下:这部分的知识点总结是我通过B站视频、掘金上面的优秀博主博客以及课本上面扣下来的,大家也可以交流探讨一下,欢迎~~HTTP是什么?HTTP,字面意思即超文本传输协议,是客户端(用户

2021-03-08 16:04:07 139

原创 CSS中容易忽略的知识点集锦

CSS中的一些冷知识长度单位在CSS样式层叠表中,我们可使用到的长度单位一般有如下的几种方式:像素:px百分比em: 这是一个相对单位,是相对于当前元素的字体大小进行计算,也就是说 1em=1font-sizerem: 这也是一个相对单位,不同的是,rem是相对于根元素的字体大小进行计算的。伪类和伪元素伪类:用来描述一个元素的特殊状态 :hover,:active等等伪元素:用来描述一个元素的特殊匹配位置 如 ::before,::after等等其实,伪类和伪元素的出现都是为了

2021-03-08 13:38:27 317 2

原创 力扣算法题

两数之和给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 的那 两个 整数,并返回它们的数组下标。但是,数组中同一个元素不能使用两遍。思路一:暴力枚举将数组中的每个元素都拿来与后面的元素逐一相加,然后与目标值作比较,如果正确则直接返回下标值。那么,就会有最坏的情况:循环遍历完数组的所有元素代码如下:var twoSum = function (nums, target) { // 输入不是一个数组 直接返回

2021-03-07 21:23:03 259

原创 CSS部分知识点总结

CSS的基本知识点总结把CSS的一些基础知识点拿出来做个总结,方便以后的复习工作,也欢迎各位对于前端行业有兴趣或者打算进入这个行业的同学可以交流探讨!行内元素 块元素 行内块元素我们可以从以下几个特点对这三种常见的元素进行区分: 排列方式 边距 设置宽高以及所容纳的元素块元素:① 在页面上可以独占一行② 可以设置宽高,在不指定宽度的情况下,默认为父元素宽度的百分百,也可以设置内外边距③ 可以容纳行内元素和其他的块元素特殊点: p标签以及六级标题标签h1~h6这种文字类的块元素是不能够放块元

2021-03-07 20:12:57 119

空空如也

空空如也

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

TA关注的人

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