自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 web开发交流,html数据库

面试准备1)准备面试简历:个人基本信息:如姓名、年龄、联系电话、邮箱,专业,学校等工作经历:包括工作时间、公司、岗位、职责、技术栈、突出业绩等。对工作理解和掌握情况:说明每个技能点是了解、熟悉、熟练使用、还是精通的水平。精准定位应聘岗位任职要求。其他:技术博客、开源项目,GitHub等(如果你有写博客的习惯,放上你的博客地址,是非常不错的加分项)2)知识点复习前端知识点学习笔记前端常见面试题整理应聘公司以往面试题针对性复习以往面试经验总结回顾,吸取经验教训3)调整好心态过度自

2021-07-24 12:45:07 393 1

原创 web开发书籍,html链接外部css代码

如何应对缓存穿透和缓存雪崩问题?问题分析这两个问题,说句实在话,一般中小型传统软件企业,很难碰到这个问题。如果有大并发的项目,流量有几百万左右。这两个问题一定要深刻考虑。回答:缓存穿透,即黑客故意去请求缓存中不存在的数据,导致所有的请求都怼到数据库上,从而数据库连接异常。解决方案:(一)利用互斥锁,缓存失效的时候,先去获得锁,得到锁了,再去请求数据库。没得到锁,则休眠一段时间重试(二)采用异步更新策略,无论key是否取到值,都直接返回。value值中维护一个缓存失效时间,缓存如果过期,异步起

2021-07-24 12:44:25 129

原创 web应用程序开发,前端网页设计培训

一面6道基本技术问题,居中、闭包、块级元素和行内元素等(答案在下方)某个项目的页面布局方式,缓存的设计和优化方式(本地存储和协议相关的)ajax 的原生写法(创建 XHR 对象, open() , setRequestHeader() , send() , onreadystatechange )vue-router 的原理( hash , HTML5 新增的 pushState )关于 ajax ,我再强调以下方面。//open()接受3个参数:请求类型、 URL 和是否异步的布尔值//

2021-07-24 12:43:41 246

原创 web应用程序开发,web前端工程师是干什么的

##前言随着Web应用的发展,需要在用户本地浏览器上存储更多的应用数据,传统的cookie存储的方案已经不能满足发展的需求,而使用服务器端存储的方案则是一种无奈的选择。HTML的Web Storage API是一个理想的解决方案。如果是存储复杂的数据,则可以借助Web SQL Database API来实现,可以使用SQL语句完成复杂数据的存储与查询。本文向大家介绍一下HTML5中的本地存储功能。##本章知识点了解Web Storage的优势理解localStorage与sessionStorag

2021-07-24 12:42:58 360

原创 web应用开发,css两种盒子模型的区别

HTML面试题部分1.H5的新特性有哪些2.Label的作用是什么?是怎么用的?3.HTML5的form如何关闭自动完成功能4.dom如何实现浏览器内多个标签页之间的通信?5.实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果6.title与h1的区别、b与strong的区别、i与em的区别?7.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?8.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?9.di

2021-07-24 12:42:16 145

原创 web应用开发,css3动画transform属性

CSS 基础请你讲一讲 CSS 的权重和优先级介绍 Flex 布局,flex 是什么属性的缩写CSS 怎么画一个大小为父元素宽度一半的正方形?CSS实现自适应正方形、等宽高比矩形实现两栏布局的方式实现三列布局的方式CSS 动画有哪些?用css2和css3分别写一下垂直居中和水平居中visibility 和 display 的差别(还有opacity)opacity 可以有过渡效果?BFC 与 IFC 区别BFC会与float元素相互覆盖吗?为什么?举例说明了解box-sizing

2021-07-24 12:41:33 67

原创 web应用开发技术,前端开发自学书籍

既然使用在项目中使用了MQ,那么就不可避免的需要考虑消息丢失问题。在一些涉及到了金钱交易的场景下,消息丢失还是很致命的。那么在RocketMQ中存在哪几种消息丢失的场景呢?先来一张最简单的消费流程图:上图中大致包含了这么几种场景:生产者产生消息发送给RocketMQRocketMQ接收到了消息之后,必然需要存到磁盘中,否则断电或宕机之后会造成数据的丢失消费者从RocketMQ中获取消息消费,消费成功之后,整个流程结束这三种场景都可能会产生消息的丢失,如下图所示:场景1中生产者将消息发

2021-07-24 12:40:49 503

原创 web应用与开发,前端有什么好的学习网站

一定时间无操作时播放视频当时处于刚刚入行的阶段,经验比较差,所以有些很普通的需求自己却没思路。当时做的是 Electron 项目,放在阳明古镇的一面墙上展示,需求是当用户十分钟都不操作界面的话就自动播放阳明古镇的宣传视频,当时脑子就像是卡住了一样:怎么才能知道用户十分钟都没有操作呢?为此还专门去查找有没有这样的 API,后来看到一篇文章让我大呼真妙!????原理也超级简单,就是在页面上设置一个十分钟的变量:let minute = 10复制代码然后设置个定时器每分钟 -1:setInterva

2021-07-24 12:40:06 131

原创 web小程序开发工具,网易高级前端工程师待遇

前提之前有个打算在学习RabbitMQ之前,把AMQP详细阅读一次,挑出里面的重点内容。后来找了下RabbitMQ的官方文档,发现了有一篇文档专门介绍了RabbitMQ中实现的AMQP模型部分,于是直接基于此文档和个人理解写下这篇文章。AMQP协议AMQP全称是Advanced Message Queuing Protocol,它是一个(分布式)消息传递协议,使用和符合此协议的客户端能够基于使用和符合此协议的消息传递中间件代理(Broker,也就是经纪人,个人感觉叫代理合口一些)进行通信。AMQP目前

2021-07-24 12:39:23 98

原创 web培训开发,ajax核心关键技术

既然使用在项目中使用了MQ,那么就不可避免的需要考虑消息丢失问题。在一些涉及到了金钱交易的场景下,消息丢失还是很致命的。那么在RocketMQ中存在哪几种消息丢失的场景呢?先来一张最简单的消费流程图:上图中大致包含了这么几种场景:生产者产生消息发送给RocketMQRocketMQ接收到了消息之后,必然需要存到磁盘中,否则断电或宕机之后会造成数据的丢失消费者从RocketMQ中获取消息消费,消费成功之后,整个流程结束这三种场景都可能会产生消息的丢失,如下图所示:场景1中生产者将消息发

2021-07-24 12:38:40 42

原创 web前端开发薪资,JavaScript的字面量与变量

随着Web应用程序功能的日益复杂和复杂,Web开发人员需要灵活的工具来满足不断增长的用户期望。好消息是,Web开发生态系统为我们提供了很多选择,老牌公司和开源社区都在竞相构建更强大的库,框架和应用程序,以帮助开发人员完成工作并提高生产力和效率。在本文中,我为前端Web开发人员汇总了30种顶级工具,从代码编辑器和代码游乐场到CSS生成器,JS库等等。让我们潜入吧!代码编辑器前端开发人员花费数小时编写或编辑代码。因此,很自然,他们在工作中最亲密的朋友是代码编辑器。实际上,了解他们选择的代码编辑器及其所有

2021-07-23 12:26:52 194

原创 web前端开发自学难吗,CSS颜色基本样式

字节跳动算法题链表面试题:反转单向链表题目需要将一个单向链表反转。思路很简单,使用三个变量分别表示当前节点和当前节点的前后节点,虽然这题很简单,但是却是一道常考题以下是实现该算法的代码var reverseList = function(head) { // 判断下变量边界问题 if (!head || !head.next) return head // 初始设置为空,因为第一个节点反转后就是尾部,尾部节点指向 null let pre = null let current

2021-07-23 12:26:07 56

原创 web前端开发自学课程,CSS的伪类和伪元素

字体样式针对的是“文字本身”的形体效果,而文本样式针对的是“整个段落”的排版效果。字体样式注重个体,文本样式注重整体。常见的文本样式如下表。属性说明|text-indent|首行缩进|text-align|水平对齐|text-decoration|文本修饰|line-height|行高|text-transform|大小写转换|letter-spacing、word-spacing|字母间距、词间距接下来,我们一起来看看这些属性的运用。text-indentp元素的首行是

2021-07-23 12:25:25 71

原创 web前端开发自学视频,2020前端经典面试题整理合集

01、第一个阶段,环境和工具准备准备一台电脑,要能联网下载、安装 node、npm、webpack、webpack-cli、cnpm,配置前端开发环境下载、配置MySQL下载、安装 vscode准备一个 GitHub 仓库(或者码云),管理前端源代码前端是一门计算机编程语言,学它的话,连台电脑都没有,学个屁。我有个亲戚家的孩子想学编程,就只看书,家里连台电脑都不配,说什么“先打好理论基础,再实操”,我真的是有点醉。有了电脑,还得联网,自学的过程中肯定会遇到很多问题,遇到问题的时候先问搜索引

2021-07-23 12:24:41 323 1

原创 web前端开发自学要多久,CSS四种定位方式的详解

问:BFC 与 IFC 区别BFC 是块级格式上下文,IFC 是行内格式上下文:内部的 Box 会水平放置水平的间距由 margin,padding,border 决定问:BFC会与float元素相互覆盖吗?为什么?举例说明不会,因为 BFC 是页面中一个独立的隔离容器,其内部的元素不会与外部的元素相互影响,比如两个 div,上面的 div 设置了 float,那么如果下面的元素不是 BFC,也没有设置 float,会形成对上面的元素进行包裹内容的情况,如果设置了下面元素为 overflow:

2021-07-23 12:23:58 107

原创 web前端开发自学要多久,CSS内联样式的使用

1、什么是微服务?(暗藏杀机)2、什么是微服务扩展性和高可用-可扩展性、高可用性和性能3、架构师在微服务架构中的角色是什么?决定整个软件系统的布局。 帮助确定组件的分区。 为开发微服务的团队提供某些工具和技术的建议。 提供技术治理,以便技术开发团队遵循微服务原则。4、什么是 CI 持续集成5、什么是Canary Releasing?说说你在项目中的应用一种降低在生产中引入新软件版本的风险的技术,通过将变更缓慢地推广到一小部分用户,然后将其发布到整个基础架构。浅谈下你在项目中引进的新技术之类的。但

2021-07-23 12:23:16 73

原创 web前端开发自学网,一个前端妹子的面试笔记

(2)问:0.1 + 0.2 === 0.3 嘛?为什么?JavaScirpt 使用 Number 类型来表示数字(整数或浮点数),遵循 IEEE 754 标准,通过 64 位来表示一个数字(1 + 11 + 52)1 符号位,0 表示正数,1 表示负数 s11 指数位(e)52 尾数,小数部分(即有效数字)最大安全数字:Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1,转换成整数就是 16 位,所以 0.1 === 0.1,是因为通过 toPreci

2021-07-23 12:22:33 168

原创 web前端开发自学网,CSS的三种定位

CSS 基础请你讲一讲 CSS 的权重和优先级介绍 Flex 布局,flex 是什么属性的缩写CSS 怎么画一个大小为父元素宽度一半的正方形?CSS实现自适应正方形、等宽高比矩形实现两栏布局的方式实现三列布局的方式CSS 动画有哪些?用css2和css3分别写一下垂直居中和水平居中visibility 和 display 的差别(还有opacity)opacity 可以有过渡效果?BFC 与 IFC 区别BFC会与float元素相互覆盖吗?为什么?举例说明了解box-sizing

2021-07-23 12:21:49 165 1

原创 web前端开发职业,HTML常用的五种标签

在Internet上搜索模板和主题时,很难找到免费的Vue资源。即使您不在乎质量,它们似乎也很难被发现,并出于好奇而感动,我花了数小时在Google和Github上四处挖掘,结果得到了收集22种开源Vue模板和主题框架集合。我不会对此打赌,但是它们也是高质量的资源。Bootstrap Vue现场演示: https://bootstrap-vue.org/github**:**https://github.com/bootstrap-vue/bootstrap-vueBootstrapVue&nb

2021-07-23 12:21:05 360

原创 web前端开发职业培训,学习CSS行内样式

第一阶段–HTML的学习超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因此,我们必须掌握HTML的基本结构和常用标记及属性。HTML 的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果,在“代码”视图中学本质, 将各种视图的优势发挥到极致,这种对照学习的方法弥补了单纯识记.

2021-07-23 12:20:20 76

原创 web前端设计与开发,JavaScript基础面试题

背景测试mysql5.7和mysql8.0 分别在读写、只读、只写模式下不同并发时的性能(tps,qps)前提测试使用版本为mysql5.7.22和mysql8.0.15sysbench测试前先重启mysql服务,并清空os的cache(避免多次测试时命中缓存)每次进行测试都是新生成测试数据后再进行mysql5.7和mysql8.0的测试每次测试时保证mysql5.7和mysql8.0的配置参数一致环境机器cat /etc/redhat-release | xargs echo '版本

2021-07-22 16:59:14 64

原创 web前端设计与开发,JavaScript命名标识符规范

1,盒模型1.1,ie 盒模型算上 border、padding 及自身(不算 margin),标准的只算上自身窗体的大小 css 设置方法如下:/* 标准模型 */box-sizing:content-box ;/*IE 模型*/box-sizing:border-box ; 1.2,几种获得宽高的方式dom.style.width/height   这种方式只能取到 dom 元素内联样式所设置的宽高,也就是说如果该节点的样式是在 style 标签中或外联的 CSS 文件中设置的话,通过这

2021-07-22 16:58:33 393

原创 web前端设计与开发,CSS外边距塌陷问题

一面6道基本技术问题,居中、闭包、块级元素和行内元素等(答案在下方)某个项目的页面布局方式,缓存的设计和优化方式(本地存储和协议相关的)ajax 的原生写法(创建 XHR 对象, open() , setRequestHeader() , send() , onreadystatechange )vue-router 的原理( hash , HTML5 新增的 pushState )关于 ajax ,我再强调以下方面。//open()接受3个参数:请求类型、 URL 和是否异步的布尔值//

2021-07-22 16:57:49 52

原创 web前端自学,Web前端基础三剑客学习知识分享

1、css一行文本超出隐藏overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2、css 多行文本溢出隐藏display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3、 IOS 手机容器滚动条滑动不顺畅overflow: auto;-webkit-overflow-scrolling: touch

2021-07-22 16:57:06 64

原创 web前端秘籍:HTML常用的五种标签

之前的文章讲解了 Redis 的数据结构,这回就可以看看作为内存数据库,Redis 是怎么存储数据的以及键是怎么过期的。阅读这篇文章你将会了解到:Redis 的数据库实现Redis 键过期的策略数据库的实现我们先看代码 server.h/redisServerstruct redisServer{ ... //保存 db 的数组 redisDb *db; //db 的数量 int dbnum; ...}再看re

2021-07-22 16:56:23 97

原创 web前端服务端开发,成功拿到了字节跳动、腾讯大厂offer

一、前言css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度,利于前端的学习,其精简的代码量把我们从烦人的js调试中解放出来,当然css的动画效果有其局限性,我们不能只用css3模拟出全部的就是动画,另外就是浏览器的兼容性问题。我们这次用css3实现一个轮播图效果,体验一下css3的强大。首先说明我们可次只实现了自动轮播,效果也是最常见的淡入淡出,并未实现点击轮换效果,至少在我目前水平来看,

2021-07-22 16:55:41 81

原创 web前端服务端开发,HTML注释标签

一、前言css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度,利于前端的学习,其精简的代码量把我们从烦人的js调试中解放出来,当然css的动画效果有其局限性,我们不能只用css3模拟出全部的就是动画,另外就是浏览器的兼容性问题。我们这次用css3实现一个轮播图效果,体验一下css3的强大。首先说明我们可次只实现了自动轮播,效果也是最常见的淡入淡出,并未实现点击轮换效果,至少在我目前水平来看,

2021-07-22 16:54:57 114

原创 web前端服务端开发,CSS的行内样式与内联样式

对于前端开发这个方向,即使『会了』……依然感觉很难,唉,说多了都是泪呀,我用三个亲身经历的怪现象来说明吧。怪现象一:谁都可以指手画脚的前端开发我职业生涯很长一段时间都在做前端开发,我也做过后端开发,两者一对比,给我影响最深的不是技术差异,而是——前端开发者听到的『需求修改意见』要比后端多得多。后端这东西,毕竟是藏在后面的,外行不懂就是不懂,装不出来,他们也不好自取其辱乱比划,但是,前端嘛……谁都能看得见,没吃过猪肉还没见过猪跑,所以,谁都可以指手画脚提一点意见。只看得见界面的产品经理可以提一些意见。

2021-07-22 16:54:16 664

原创 web前端开发,CSS的文本样式属性值

在 PC 端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中,视口也被称为初始包含块,它是所有 CSS 百分比宽度推算的根源,给 CSS 布局限制了一个最大宽度。而移动端则较为复杂,它涉及到三个视口:布局视口(Layout Viewport)、视觉视口(Visual Viewport)和理想视口(Ideal Viewport)。本文主要讨论移动端中的视口。1. 基本概念1.1 两种像素像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多,同一范围内能看到

2021-07-22 16:53:34 437

原创 web前端开发,2020-2021前端面试题合集

建表及插入数据聚簇索引和非聚簇索引的数据分布有区别,以及对应的主键索引和二级索引的数据分布也有区别。下面我们看 InnoDB 和 MyISAM 是如何存储下面这个表:DROP TABLE IF EXISTS `test`; -- 若表已存在,则删除CREATE TABLE test ( id INT NOT NULL, num int NOT NULL, tag CHAR(12) NOT NULL, PRIMARY KEY(id), -- 主键索引 KE

2021-07-22 16:52:51 414

原创 公司开发web,html的常用标签

突破困境:1. 提升学历前端找工作,学历重要吗?重要。谁要是告诉你不重要那一定是在骗你。现实情况是大专吃紧,本科够用,硕士占优,大专以下找到工作靠运气和真实力。学历是硬伤,已经毕业的你,没办法回到从前,如果你是大专,可以通过自考本科提升学历,会有一些帮助。起码可以让更多HR看你的简历。还有就是用技术的长处去弥补学历的短板,你要做到比学历比你高的人技术更好,让别人看到并认可你的能力。2. 提高技术前端开发的基础知识必须要扎实且深入去学习,达到精通的地步。掌握HTML +CSS, HTML是网

2021-07-21 20:05:53 54

原创 公司开发web,CSS的文本样式属性值

学习路线第一阶段:网页制作HTML:常用标签,锚点,列表标签,表单标签,表格标签,标签分类,标签语义化,注释,字符实体CSS:CSS介绍,全局样式,行内样式,内联样式,选择器,字体样式值,文本样式值,颜色样式值,盒模型,控制台使用,清除默认样式,盒模型居中,外部距塌陷,标准文档流,块元素,行内元素,行内块元素,多种伪类元素,浮动,定位第二阶段:JavaScript动态交互JavaScript初阶:变量与运算符,逻辑控制,Math类,函数,Object类,定时器,Array类,String类

2021-07-21 20:05:10 83

原创 保驾护航金三银四,附超全教程文档

form表单细节一、表单1.表单 标签用于为用户输入创建 HTML 表单2.表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。4.表单用于向服务器传输数据。二、表单form 的属性(一)action属性action 属性规定当提交表单时,向何处发送表单数据**属性值:**url 链接的地址(二)name属

2021-07-21 20:04:26 66

原创 保驾护航金三银四,已拿意向书!

面试题HTML1,html5有哪些新特性?2,html5移除了那些元素?3,如何处理HTML5新标签的浏览器兼容问题?4,如何区分 HTML 和 HTML5?CSS1,CSS 选择符有哪些?2,CSS哪些属性可以继承?3,优先级算法如何计算?4, CSS3新增伪类有那些?5,CSS3有哪些新特性?6,解释盒模型宽高值得计算方式,边界塌陷,负值作用,box-sizing概念?7,BFC(Block Formatting Context) 是什么?应用?8,如何实现浏览器内多个标签

2021-07-21 20:03:43 79

原创 保驾护航金三银四,就是这么简单

未来前端的职业发展方向1、Web APP开发Web或者互联网的核心哲学理念有三点:去中心化、避免信息孤岛、万物互联。而随着互联网速度和前端技术的发展,越来越多的大型企业开始将他们的软件给搬到了WEB上,微软就把他所有的office系列全部搬到了web上。这些WEB APP才算是真正体现了互联网哲学的核心精神:无需安装、用完即走,而将这张未来蓝图亲手描绘出来的就是当今的web前端工程师们。2、全栈开发全栈(full stack developer)起源于facebook中对工程师的一种称谓,nod

2021-07-21 20:03:00 48

原创 保驾护航金三银四,一线互联网公司面经总结

未来前端的职业发展方向1、Web APP开发Web或者互联网的核心哲学理念有三点:去中心化、避免信息孤岛、万物互联。而随着互联网速度和前端技术的发展,越来越多的大型企业开始将他们的软件给搬到了WEB上,微软就把他所有的office系列全部搬到了web上。这些WEB APP才算是真正体现了互联网哲学的核心精神:无需安装、用完即走,而将这张未来蓝图亲手描绘出来的就是当今的web前端工程师们。2、全栈开发全栈(full stack developer)起源于facebook中对工程师的一种称谓,nod

2021-07-21 20:02:17 55

原创 你想知道的全都在这里了!html标签之列表标签

第一个阶段,开发环境和工具准备浏览器 (Google,FireFox,…)下载,安装前端开发工具vscode,下载、安装 node、npm、webpack、webpack-cli、cnpm,配置前端开发环境下载、配置PHP和MySQL第二个阶段,前端入门,网页制作1,HTML:常用标签(div标签,p标签,span标签,a标签,img标签)锚点列表标签(有序列表,无序列表,自定义列表)表单标签表格标签标签分类标签语义化注释字符实体2,CSS:CSS介绍全局

2021-07-21 20:01:35 109

原创 你想知道的全都在这里了!96道前端面试题

前端的现状提到现状,必须先提到一个概念 大前端。由于近几年互联网的发展,尤其是移动互联网的发展,有的大前端概念将 Native 归入前端的范畴,有的大前端概念将 Node 甚至只渲染页面的 PHP 归入前端范畴,但不管怎么说,笔者认为 大前端 是未来的一个趋势,将最终目标(提升用户体验)一致的技术归类到一起,让开发者清楚自己的最终目标是什么,要怎么做。当然,也正因为这点,作为一个前端工程师,如果你想更好的发展,你应该有更广的知识面,包括移动端知识、服务端知识。这些知识结合你的前端技术,才能更好地实现优秀的

2021-07-21 20:00:53 108

原创 你必须知道的CSS盒模型,知乎上转疯了!

学习路线第一阶段:网页制作HTML:常用标签,锚点,列表标签,表单标签,表格标签,标签分类,标签语义化,注释,字符实体CSS:CSS介绍,全局样式,行内样式,内联样式,选择器,字体样式值,文本样式值,颜色样式值,盒模型,控制台使用,清除默认样式,盒模型居中,外部距塌陷,标准文档流,块元素,行内元素,行内块元素,多种伪类元素,浮动,定位第二阶段:JavaScript动态交互JavaScript初阶:变量与运算符,逻辑控制,Math类,函数,Object类,定时器,Array类,String类

2021-07-21 20:00:10 142

原创 你必须知道的CSS盒模型,你值得拥有

问:BFC 与 IFC 区别BFC 是块级格式上下文,IFC 是行内格式上下文:内部的 Box 会水平放置水平的间距由 margin,padding,border 决定问:BFC会与float元素相互覆盖吗?为什么?举例说明不会,因为 BFC 是页面中一个独立的隔离容器,其内部的元素不会与外部的元素相互影响,比如两个 div,上面的 div 设置了 float,那么如果下面的元素不是 BFC,也没有设置 float,会形成对上面的元素进行包裹内容的情况,如果设置了下面元素为 overflow:

2021-07-21 19:59:27 44

空空如也

空空如也

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

TA关注的人

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