- 博客(18)
- 收藏
- 关注
RSS订阅原创 事件冒泡和事件捕获有什么区别？
1.事件冒泡从下至上。当给父子元素的同一事件绑定方法的时候（比如click点击事件），触发子元素身上的事件，执行完毕之后，也会触发父级元素相同的事件。2. 事件捕获：从上至下到指定元素。当出发子元素身上到事件的时候，先触发父元素，然后再传递给子元素。addEventListener中有三个属性，第三个属性是布尔值。false为事件冒泡，true 为事件捕获...
2022-02-22 19:49:20
1814
原创 行内元素，块级元素，行内块元素有什么区别？
如果想知道区别，那么必先了解各项元素的特征：行内（内联）元素【inline element】：盒子靠内容撑开 无法修改宽高 如果必须要修改需要使用display：bolck；使其具备块级元素的特点 例：块元素【block level element】：盒子排列独占一行 可以修改宽高（修改完宽高仍然独占一行） ...
2022-01-31 00:00:00
279
原创 Css 3有哪些新特性？
背景尺寸Background size文字溢出 tax overflow:ellipsis;阴影Box shadow;渐变background:linear-gradient;圆角 border- radius;颜色，透明度color:Rgba;弹性和模型Display: flex;新增选择器: Nt h-Child二D平移3D动画。...
2022-01-26 17:06:37
148
原创 前端性能优化方案
减少dom操作不数钱，压缩图片和代码。优化代码结构减少溶于代码。减少HTTP请求，合理设置HTTP缓存。使用内容分发cdn加速静态资源缓存图片延迟加载。
2022-01-26 16:54:14
140
原创 如何让一个盒子在页面中水平垂直居中？
盒子已知宽高。利用定位:设置盒子父盒子Position: relative;盒子自己设置Position absolute;left:0; right:0; top:0; bottom : 0; margin auto。盒子不知道宽高的情况下;利用 transform设置负极盒子。Position:Relative;盒子自己设置absolute。Light50%. top50%. transform: translat负的50%,负50%。利用flex布局复合子开启display
2022-01-26 16:51:26
215
原创 对浮动和它的工作原理的理解 以及清除浮动的方法
浮动是元素脱离标准流, 不占据标准流的位置。工作原理:浮动元素碰到包含它的边框或者是浮动元素的边框会停留; 浮动元素不会覆盖文字;清除浮动的方法:1使用空标签清除浮动。2.使用after伪元素清除浮动3.超出隐藏4.浮动外部元素...
2022-01-26 16:34:18
254
原创 重绘与重排的区别
重绘:重绘是一个元素外观的改变导致的浏览器行为（例如改变visibility，outline，background等属性），浏览器会根据元素新的属性呈现新的外观；重排：重排是DOM元素被js触发某种变化，渲染树需要重新计算。浏览器对DOM 树进行重新排列；这便是重排。排列完成之后重新绘制元素则是重绘。常见的触发重排的操作： DOM元素的几何属性变化 DOM树的结构变化（例如节点的增减、移动） 获取某些属性（例如offsetTop，offsetLeft，offsetH
2022-01-26 16:17:04
4144
1
原创 什么是SPA（单页面应用）？
单页面应用是一种特殊的 web应用，是加载单个HTML页面并且在用户于应用程序交互时动态更新的该页面的web应用程序只在web 页面初始化的时候加载相应的HTML，JavaScript，css ， 届时用户不操作刷新，只在页面内部操作的情况下，不会触发重新加载或者跳转，看似跳转的页面是纯前端跳转利用js动态变换html实现用户的交互优点：用户体验好，前后端分离缺点：初次加载耗时较多，如果用户网速较慢会降低用户体验导航不可用，如果需要导航需要自行设置前进后退不利于SEO （搜索引擎优
2022-01-25 17:49:33
724
原创 1px，1rem，1vh，1em各自代表的含义？
pxpx 像素。相对长度单位，像素px是相对于显示器屏幕分辨率而言的。remrem是全部的长度都相对根元素<html>元素。通常做法是给html设置一个字体的大小，然后其他元素的长度单位就是remem 元素用em 的话是相对该元素font-size的vw/vh视窗的宽度和高度，不过处理宽度的时候%单位更合适，处理高度vh单位更好...
2022-01-25 17:14:18
1088
原创 position属性的值有。。。
static ： 默认值。没有定位absolute ： 生成绝对定位的元素。相对最近的父级有position属性的盒子进行定位relative： 相对定位，让它盒子相对自己定位fixed ：相对浏览器窗口进行定位inherit：从父元素继承position属性的值...
2022-01-25 17:04:42
124
原创 html5有哪些新特性？
Canvas绘图SVG绘图地理定位web worker ：运行在后台的JS，独立与其他脚本，不会影响页面的性能web StorageCookie技术 （兼容性好，数据不能超过4kb，操作复杂） localStorage 本地存储 永久存储 sessionStorage 临时存储web Socket 协议是基于TCP（传输控制协议（TCP，Transmission Control Protocol）是一种面向连接的、可靠的、基于字节流的传输层通信协议） 的一种新的 网络协议，它实现了
2022-01-25 16:53:06
1838
原创 什么是弹性布局？
弹性布局就是dispaly：flex；开启弹性布局，给此盒子内部的子元素具有最大的灵活性；设为flex布局以后，子元素的float ，clear和vertical-align 属性将失效可以使用flex的各种属性让盒子到自己想要的位置...
2022-01-25 16:41:21
617
原创 BFC///////////////////////////////////////
BFC是Block Formantting Context 的缩写，中文为。‘块级格式化上下文’；BFC元素表现原则就是内部子元素 不会影响到外部的元素哪些情况会产生/ 创建BFC浮动 绝对定位，固定定位 弹性布局 overflow 表格单元格 表格标题 行内块...
2022-01-25 16:36:06
124
原创 Chrome盒子模型和IE盒子模型的区别
加粗样式@TOC欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 .
2022-01-25 14:05:24
753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人