1.自我介绍2。3.前端的理解为什么li{display:inline-block;中间有空隙背景：红色；宽度：300px；高度：100px;
- 1
- 2
- 3
- 4
- 中的字符大小设置为0，即font-size:0。不足：
- 内部的字符间距，所以需要将
- 内部的字符间距设置为默认的letter-spacing:normal。4、实现图片瀑布流（自适应多列）以前需要借助js和css才能顺利完成一个图片瀑布流的实现。现在有了CCS3，只用CSS样式就可以实现完美自适应多栏图片瀑布关键点1、column-count将div中的文字分成多少栏2、column-width指定columnwidth3,column-gap指定列间距4,break-inside:avoid;避免打破元素内部的行并生成一个新列。注意：InternetExplorer9及更早版本的IE浏览器不支持column-count属性。/*瀑布层*/.waterfall{-moz-column-count:4;/*Firefox*/-webkit-column-count:4;/*Safari和Chrome*/column-count:4;-moz-column-gap:1em;-webkit-column-gap:1em;列间距：1em；}/*内容层*/.item{padding:1em;保证金：001em0；-moz-page-break-inside：避免；a-webkit-column-break-inside：避免；闯入：避免；边框：1px实心#000；}扩展CSS3多列属性column-count一行需要分多少列column-gap每列之间的距离column-rule-style列边框样式column-rule-width列边框宽度column-rule-colorcolumnbordercolorcolumn-rulecolumn-rule-*所有属性的简写。例如：column-rule:1pxsolid#ccc（类似于border）column-span指定元素跨越多少列column-width指定列的宽度使用CSS3中的:nth-child(n)选择器。:nth-child(n)选择器匹配父元素中的第n个子元素，不限制元素类型。n可以是数字、关键字或公式。tabletbodytr:nth-child(2)td:nth-child(2){background:red;}6、我建议用Exclusion的方法，只要排除第二行第二列，也就是第一行行和第一列被排除，所以你可以直接使用:not()来排除。但是，当需要排除的行和列较多时，这种方法显然不起作用，那么可以使用第二种方法，即CSS3中的~选择器。~selectorelement1~element2选择器匹配出现在element1之后的element2。元素element1和element2必须具有相同的父元素，但element2不必紧跟在element1之后。//可以修改行和列，即第n+1行第n+1列，其中n为1tr:nth-child(n)~tr>td:nth-child(n)~td{background:red;}7.你遇到过移动端的兼容性问题吗？8.你处理过画布吗？9.Canvas跨域10.Canvas贝塞尔曲线11.点击事件生命周期？经典题参考javaScript事件流12、委托的点击事件对象的target和currentTarget分别是谁？事件委托：事件委托就是使用事件冒泡的方式，通过只指定一个事件处理器来管理某一类型的所有事件。通俗的讲就是将同一个子元素的多个点击事件绑定到父元素上。利用时间冒泡的原理，子元素上的点击最终会冒泡到父元素上，所以只给父元素绑定事件判断是否点击了哪个子元素并不重要。取一个栗子子节点实现同样的功能：//实现功能是点击li，弹出123：
- 111
- 222
- 333
- 444
- 中其他字符的大小也设置为0，需要重新设置额外的字符大小，并且Safari浏览器中仍然会有空格。方法四：消除
- 的字符间距letter-spacing:-8px，同样设置了