学习笔记
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等
HTML/CSS
**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分
**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式
HTML5 /CSS3
**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性
**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型
JavaScript
**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串
开源分享：docs.qq.com/doc/DSmRnRG…
padding: 0;
margin: 0;
}
ul {
width: 300px;
height: 100px;
}
li {
width: 100px;
height: 100px;
display: inline-block;
background-color: rosybrown;
}
效果：可以看到，一行放不下三个li，因为我们在写li时，有换行，系统就会把换行当作空格显示
我们在ul设置font-size为0，可以解决这个问题，（li内没有出现空格问题，是li之间有空格，所以找ul解决）
而li是会继承font-size的设置的
在上面写出的css代码中，我们没有设置li里的font-size，li会向上找ul的font-size，再没有，就用body里的默认的font-size
所以，当我们设置ul的font-size为0时，也要再设置li的font-size，否则字就看不见了
ul设置font-size，li没有设置font-size时：
ul设置font-size，li也设置font-size时：
2.当加入border时，每个li的boxWidth = width + border*2=102px，超出了ul的范围
此时，如果我们使用IE6混杂盒模型，就能轻松解决这个问题，因为它的border是在width里腾出来的，且不影响其他box的盒模型
box-sizing: content-box | border-box;
默认是content-box，即标准盒模型
设置为border-box，就是IE6混杂盒模型
设置为混杂盒模型效果：
resize: none | both | horizontal | vertical
结合overflow: hidden;使用，可以手动在页面上调整box的大小（拖拽）
设置为both的效果：
input:focus {
outline: 1px solid rgba(22,134,56,0.5); 其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
《前端开发四大模块核心知识笔记》
最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。
