一个优秀的前端开发人员需要具备哪些特质？
学习能力、代码维护性、代码规范性、解决问题的能力、沟通能力。
常见的布局方式有哪些？
静态布局、流式布局、自适应布局、响应式布局、弹性布局、flex布局
css预加载的使用？
他们是动态的样式语言，是css预处理器。css上的一种抽象层。他们是一种特殊的语法/语言而编译成css。
图片使用比较多。
Less和Sass的区别？
变量符不一样，Less是@，Sass是$。
Sass支持条件语句，可以使用if{}else{}，循环等，而Less不支持，Sass是基于Ruby的，是在服务端处理的。
Less是一门css预处理语言，它扩展了css语言，增加了变量，Mixin、函数等特性。引入less.js来处理Less代码输出到浏览器。
懒加载和预加载是什么？区别是？
懒加载就是延迟加载，先把图片替换为占位图，等真正需要看图时才设置图片的真正路径，让图片显示出来。先把图片地址放到其它属性(data-original)中，之后再根据根据scrollTop判断图片是否在用户的视野内，如果在，则将data-original属性中的值取出存放到src属性中。
预加载就是提前加载图片，当用户需要查看图片时就从本地缓存中渲染图片。
解决常见的浏览器兼容性的方法？
1.样式初始化
不同浏览器的外边距和内边距不一样
*{
margin:0,
padding:0
}
设置统一的字体,使用rem单位
{
font-size:16px
}
list-style设置为none
2. 使用不同的浏览器内核前缀
Chrome 与 Safari 内核：Webkit 前缀：-webkit-
IE 内核：Trident 前缀：-ms-
Firefox 内核：Gecko 前缀：-moz-
Opera 内核：Presto 前缀：-o-
3.CSS hack针对浏览器不同版本的解决方案,CSS hack让你的CSS代码兼容不同的浏览器
移动端屏幕适配？
选择一种尺寸作为设计和开发基准，定义一套适配规则，自动适配剩下的尺寸，特殊适配效果给出设计效果。
自适应方式
介绍下标准的盒子模型
内容content,内边距padding,边框border,外边距margin
如何水平居中div,垂直居中div
水平居中方式有：
1.justify-content: center;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body{
display: flex;
justify-content: center;
}
div{
width:100px;
height:100px;
border: 1px solid green;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
如何居中div，如何居中一个浮动元素？如何让绝对定位的div居中？
设置margin:0 auto;
确定容器的宽高，宽度必须设置，高度可以不设，设置外层的上外边距和左外边距分别是宽高的一半。
实现居中的关键在于margin设置与position:relative
.div{
width:500px;
height:300px;
margin:-150px 0 0 -250px;
position:relative;
left:50%;
top:50%;
}
position:Absolute;
top:50%;
left:50%;
只能把div定位在以红色圈起点的位置，加上margin：-100px 0 0 -100px;
position+transform
display设置为inline-block时，li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
行框的排列会受到中间空白（回车空格等等）的影响，这些空白也会被应用样式，占据空间，所以会有间隔。
设置ul的font-size为0，缺陷是必须重新再li中设置字体大小
为什么会出现浮动，如何清除浮动
添加新的元素，用cl
最低0.47元/天 解锁文章
7063
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
