- 博客(10)
- 收藏
- 关注
RSS订阅原创 Javascript预解析的理解与案例
JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步:预解析和代码执行。1.js引擎运行js分为两步:预解析和代码执行(1).预解析js引擎会把js里面所有的var还有function提升到当前作用域的最前面(2).代码执行按照代码书写的顺序从上往下执行2.预解析分为变量预解析(变量提升)和函数预解析(函数提升)(1)变量提升就是把所有的变量声明提升到当前的作用域最前面，...
2020-07-11 17:39:56
182
原创 进制转换简单总结
十进制转二进制整数部分：模二取余（十进制数除以2取余数），逆序排列将每次相除的余数逆序排列得到的就是二进制例如：十进制数52转二进制是110100小数部分：乘二取整，顺序排列例如：十进制数 52.625 转二进制数是110100.101十进制小数转二进制如下图：二进制转十进制小数点前或者整数要从右到左用二进制的每个数去乘以2的相应次方并递增,小数点后则是从左往右乘以二的相应负次方并递减110100-->0*2^0+0*2...
2020-07-11 17:30:59
2959
原创 position定位属性理解
position: staticHTML 元素的默认值，即没有定位，遵循正常的文档流对象；静态定位的元素不会受到 top, bottom, left, right影响position: relative如果没有定位偏移量，那么对元素本身没有任何影响不使元素脱离文档流不会影响其他元素布局left,right,top,bottom是相对于当前元素自身进行偏移的position:absolute使元素完全脱离文档流使内联元素支持宽高（让内联元素具备块级元素的特性）...
2020-07-10 22:30:31
806
原创 解析opacity和rgba的区别
相同点都能够用来设置透明度不同点opacity语法：opacity: value|inherit;CSS属性，value取值0~1，0表示完全透明；会被后代继承，会改变文字的变透明rgba(r,g,b,a)语法：rgba(red, green, blue, alpha)CSS属性值，r,g,b,的取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%，a的取值0~1，0表示完全透明；不会被后代继承，不会改变文字的透明度RGBA 即红色..
2020-07-10 22:10:46
344
原创 不定宽高盒子的水平垂直居中
<div class="wrap"> <div class="box"> 不定宽高的水平垂直居中 </div></div>第一种方法：算不上真正意义不定宽高，毕竟有width和height.wrap{ width: 500px; height: 500px; margin: 0 auto; border:1px solid red; position: relative;}.box{ background: pink; .
2020-07-10 21:56:38
229
原创 子盒子margin-top失效问题的解决办法
在布局中经常碰到在子div中设置margin-top值时失效的问题，怎么解决呢?<div class="box1"> <div class="box2"></div></div><div class="box3"> <div class="box4"></div></div>.box1{ width:100px; height:100px; margin-bottom: 20px;
2020-07-10 21:19:42
556
原创 img标签之图片三像素问题
问题产生的原因图片是内联元素，内联元素的对齐方式是按照文字基线对齐（仔细观察下面图中的xyz）的，而不是文字底线对齐的，所以会出现空隙解决方案方法一：在img标签中使用vertical-align可以让图片完整填充父级容器。方法二：给img设置display:block;<div> <img id="img" src="images/1.jpg" alt="" /></div><div> <img src="im..
2020-07-10 20:49:44
2169
原创 BFC规范及应用
概念Formattingcontext(格式化上下文)是W3CCSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC即BlockFormattingContexts(块级格式化上下文),它属于上述中的其中一种规范。具有BFC特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且BFC具有普通容器所没有的一些特性。特性1、内部的Box会在垂直方...
2020-07-10 20:25:38
453
原创 表单控件美化：自定义表单控件的显示效果
原理：隐藏input元素，通过其他标签定义自己想要的样子input{ display: none;}input[type="file"] + div{ background: fuchsia; color: #fff; width: 200px; padding: 10px 30px; text-align: center; border-radius: 10px; letter-spacing: 5px;}<form
2020-07-10 18:52:50
303
原创 解决span等内联标签之间的空隙问题
<div> <span>内容1</span> <span>内容2</span></div>产生问题的原因：内联元素换行会产生一个文本节点解决办法：1、写在一行<span>内容1</span><span>内容2</span>2、使用注释<div> <span>内容1</span><!-- .
2020-05-23 13:33:57
694
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人