qq_43750360的博客

作用域词法作用域和动态作用域我们需要先了解一个概念便是Js采用的是词法作用域，而不是动态作用域。词法作用域：词法作用域就是定义在词法阶段的作用域，是由写代码时将变量和块作用域写在哪里来决定的。无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处的位置决定。动态作用域：动态作用域并不关心函数和作用域是如何声明以及在任何处声明的，只关心它们从何处调用。换句话说，作用域链是基于调用栈的，而不是代码中的作用域嵌套。Js中的作用域全局作用域函数作用域块级作用域（

网格布局的优势：可以将页面的视觉顺序与标签的书写顺序进行解耦。1.网格的四个组成部分（1）线：线的序号从一开始，可以给线指定名称，以便在CSS代码中引用它们。（2）轨道：两根线之间的间隔部分。（3）单元格：单元格为垂直线和水平线之间的交错部分。（4）区域：一个区域是可以由开发者指定的单元格组成的矩形。可以给指定区域指定姓名。2.定义网格布局（1）提供网格容器.container{...

1.指定多个元素的排列方向flex-direction:row; /*默认值；从左到右排列。*/flex-direction:column; /*从上到下排列*/flex-direction:row-reverse /*横向反向排列*/flex-direction:column-reverse /*纵向反向排列*/2.指定元素的宽度...

CORS(跨域资源共享)1, 简介CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源(协议 + 域名 + 端口)服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。CORS需要浏览器和服务器同时支持。它的通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同...

CSS3中新增的transform属性，可以实现元素在变换过程中的过渡效果，实现了基本的动画。transition的语法：transition：  transition-property   ||   transition-duration   ||transition-timing-func...

渐变–可以在两个或多个指定的颜色之间显示平稳的过渡1，线性渐变–沿着一根轴线改变颜色，从起点到终点颜色进行顺序渐变``background:linear-gradient(direction,color-stop1,color-stop2,...);(1)方向默认为从上到下从左到右background: -webkit-linear-gradient( begin-directi...

为了实现丰富多彩的边框效果，在CSS3中，新增了 border-image属性，这个新属性允许指定一幅图像作为元素的边框。该属性的优点是，可以根据一些简单的规则，把一幅图像划分为 9 个单独的部分，浏览器会自动使用合适的部分作为边框的对应部分。需要注意的是，只有当 border-style属性取值为 none...

css3的变形（transform）属性语法transform: none | <transform-function> [ <transform-function> ]*;css3 2D转换1，rotate(),旋转2，translate() 平移translateX(x) //X轴移动translateY(y）//Y轴移动translate(x,y) ...

Keyframes定义关键帧，可以指定任何顺序排列来决定Animation动画变化的关键位置。使用说明使用@Keyframes规则创建动画，通过逐渐改变从一个css样式设定到另一个。在动画过程中可以通过@Keyframes规则多次更改css样式的设定。语法@Keyframes animationname{ //必写项，定义animation的名称。 keyframes-selecto...

背景图像1，背景图像区域–指定背景绘制区域background-clip：border-box | padding-box | content-box/*-----从边框开始，从内边距开始，从内容区开始*/2，背景图像定位–指定background-position属性应该是相对定位background-origin:padding-box | border-box | conte...

概念–使元素一种样式逐渐变化为另一种样式的效果动画属性1.animation-name属性：检索或设置对象所应用的动画名称。语法：animation-name: keyframename | none;-----*****-----keyframename :指定要绑定到选择器的关键帧的名称none:指定有没有动画2，animation-duration属性：检索或设置对象动画...

标签&lt;table&gt; &lt;thead&gt;&lt;/thead&gt; /*表头，永远在表格的头部*/ &lt;tbody&gt; /*表格主体，永远在表格的中部*/ &lt;tr&gt; /*表行*/ &lt;th&gt;&lt;/th&gt; /*表头*/ &lt;td&gt;&lt;/td&gt; /*表单元*/

浮动塌陷概念：1，在文档流中，父元素的高度是默认被子元素撑开的。也就是说子元素多高父元素多高。2，但是当为子元素设置为浮动是，子元素会完全脱离文档流，此时会导致子元素无法撑开父元素高度，导致父元素高度塌陷。3，由于父元素高塌陷，则父元素下的所有元素便都会向上移，导致布局混乱。解决塌陷的方法：1，为浮动元素的上级（即所说的父元素）添加高度副作用：父元素无法自适应子元素的高度。2，BFC...