万能清除法 父元素高度自适应，子元素 float 后，造成父元素高度为0，称为高度塌陷问题。 推荐使用万能清除法解决。（给需要清除浮动的元素添加一个class名 clear） 万能清除法代码 父元素:after{content: "";height: 0;clear: both;overflow: hidden;display: block;v...

2019-11-21 08:31:51

iframe子元素无法全屏 最近做的项目中遇到的问题： 在最新的Chrome浏览器中，全屏功能正常 在旧版本Chrome浏览器中（与最新版版本号相差二十左右），全屏功能无效 在IE11浏览器中，全屏功能无效 反复排查，发现该项目嵌套了两层iframe，我只给最内层的iframe添加了允许...

2019-11-21 08:30:59

遮罩 一个简单的遮罩 1 style 2 #loading { 3 display : none ; 4 width : 100% ; 5 margin : 0 auto ; 6 position : fixed ; 7 left : 0 ; 8 top : 0 ; 9 bottom : 0 ; 10 z-index : 111 ; 11 background : #C7C7C7 ; 12 opacity : 0.8 ; 13 } 14 #loading img { 15 p...

2019-11-21 08:31:30

加载完后执行 加载完后执行 1 script 2 $(window).load( function (){ 3 // 等到整个window页面加载完成后才执行,两者之间的执行顺序是谁在上方谁优先执行 4 console.log( " jquery===》window load " ); 5 }) 6 window.onload = function (){ 7 console.log( " 页面加...

2019-11-21 08:30:29

我的博客园皮肤 前 有时候找帖子，发现博客园有的作者的皮肤很酷炫，有的很一般，不像其他网站都是固定格式。后来找到，原来可以自己定制样式。然后我就转战到博客园了。 一开始的模板真的感觉年代久远，而有些的确不错，但是内容加的太多，我本人喜欢简单一些。查询无...

2019-11-21 08:29:58

【前端知识体系-CSS相关】CSS工程化方案 1.如何解决CSS的模块化问题？ 使用Less，Sass等CSS预处理器 使用PostCSS插件（postcss-import/precss） 使用webpack处理CSS（css-loader + style-loader） 2.PostCSS是什么？ PostCSS是一个平台，具体要取决于这个平台上面的插...

2019-11-20 16:05:26

css样式重置 移动端适配 css 默认样式重置 1 @charset "utf-8"; 2 *{margin:0;padding:0;} 3 img {border:none; display:block;} 4 em,i{ font-style:normal;} 5 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p...

2019-11-20 16:03:55

web前端面试经常遇得到的题型 1.position的值， relative和absolute分别是相对于谁进行定位的？ absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行...

2019-11-20 16:02:54

2019年百度前端工程师面试题及答案解 一、单选题（共25题，每题5分） 1. 该正则可以匹配下列哪个字符串？ /^sjm/ A、absjm B、phpsjm C、sjmphp D、phpsimd 参考答案：C 答案解析：该正则匹配以sjm开头的字符串 2. 新窗口打开网页，用到以下哪个值（）。 A、_self B、_...

2019-11-20 16:01:28

CSS复合选择器是什么？复合选择器是如何工作 复合选择器介绍 复合选择器其实很好理解，说白了就跟我们生活中的有血缘关系家庭成员一样，通过标签或者 class 属性或 id 属性，去找对应的有血缘关系的某个选择器，具体的大家往下看哦。 如果是初学者对基本的选择器不是很...

2019-11-20 16:01:59