沉梦昂志_doc - 博客园

2022年3月3日

摘要：共同点（小空间可以访问到大空间）：比如：无论外部用var,let,const定义，函数当中都可以访问到，不会报错。 <script> // 执行以下代码不会报错 var v = 1; let l = 2; const c = 3; function hd(){ console.log(v); co 阅读全文

posted @ 2022-03-03 13:54 沉梦昂志_doc 阅读(136) 评论(0) 推荐(0)

JS变量提升（let&const）

摘要：续上篇，来说一下后来js的解决办法。 <script> // 执行以下代码会报错 console.log(web); let web = 12; </script> 很显然，用let这种声明方式，就会报错，原因：TDC临时性死区。在函数中： <script> // 执行以下代码会报错 let we 阅读全文

posted @ 2022-03-03 13:44 沉梦昂志_doc 阅读(76) 评论(0) 推荐(0)

JS变量提升（var）

摘要：先看以下这种情况（控制台输出a，在输出class，但是报错）：说明在程序执行之前，解析器会先把咱们的代码分析一遍，在分析的过程中，他就执行了变量提升！来看以下几种情况： <script> console.log(web); var web = "I Love u"; </script> 这种情况阅读全文

posted @ 2022-03-03 13:30 沉梦昂志_doc 阅读(217) 评论(0) 推荐(0)

2022年3月2日

CSS3弹性布局FLEX

摘要：弹性盒子里面会放弹性元素，为盒子定义的规则，会影响里面的元素。 display:flex; display:inline-flex; 这两个的不同之处：容器设置flex以后，会变成块级元素，当然也就可以设置宽高（如下图的橙色）当容器设置为inline-flex后，会变为类似inline-block 阅读全文

posted @ 2022-03-02 15:27 沉梦昂志_doc 阅读(152) 评论(0) 推荐(0)

2022年3月1日

CSS3定位

摘要：相对定位：position:relative; top:20px；就是距离上面20px，也就是向下沉20px，其余的同理。（空间位是保留的！！！）绝对定位：position:absolute; 1，如果父元素没有定位属性，那么该元素的定位的标尺是整个页面的左上角 2，如果父元素有任意一种定位属性，阅读全文

posted @ 2022-03-01 20:22 沉梦昂志_doc 阅读(65) 评论(0) 推荐(0)

CSS3清除浮动3种方法

摘要：浮动这里要好好琢磨一下，挺麻烦，但是不难。问题：如果一个父容器，两个子容器div，两个子容器为了显示，一个左浮动，一个右浮动，两个子容器都脱离了文档流，造成父容器没有元素，这种情况下该怎么做？问题如下图：两种方法： 1，在两个div后再设置一个div，并且不设置宽高（宽高为0），然后清除上面两阅读全文

posted @ 2022-03-01 16:34 沉梦昂志_doc 阅读(107) 评论(0) 推荐(0)

CSS3浮动float

摘要： float:left;一旦元素浮动，就会丢失空间位（不在正常的文档流内），后面的就会补上来。像span，em等元素是行元素，是没有办法设置宽和高的，如果浮动了，就会变为块元素，能设置属性。如果两个元素都浮动，那么是“同一条战线上的”，会在一排，也都是丢失了空间位。阅读全文

posted @ 2022-03-01 15:50 沉梦昂志_doc 阅读(33) 评论(0) 推荐(0)

CSS盒子模型

摘要：边距合并：如果上面的设置外边距向下100像素，下面的设置外边距向上120像素，那么就会像素合并为最大的那个，是120像素。 box-sizing:border-box；如果给定了这个元素的大小，比如300px*300px，那么无论修改边框还是内边距，该元素的大小永远都是300*300。一下图片是各阅读全文

posted @ 2022-03-01 15:15 沉梦昂志_doc 阅读(41) 评论(0) 推荐(0)

CSS文本属性（很多细节问题）

摘要：行高：一般用em，适应各种响应式布局，要不然随着设备像素改变，页面变得很难看。一般有很多字体属性，可以分开写，也可以合到一起写，合到一起写的时候，必须写大小和字体，否则都不生效。文字阴影：text-shadow：rgba(32,31,31,0.3)，2px，3px，4px；第一个颜色是阴影的颜阅读全文

posted @ 2022-03-01 13:47 沉梦昂志_doc 阅读(46) 评论(0) 推荐(0)

CSS权重问题

摘要：权重位规则如下（继承没有权重，是NULL，通配符*权重是0，0大于NULL），如果权重相同，那么后出现的更主要，强制提升优先级：!important(一般不太用，会破坏规则)。通配符*与继承的关系，*大于继承阅读全文

posted @ 2022-03-01 00:36 沉梦昂志_doc 阅读(91) 评论(0) 推荐(0)

KeithTee

公告