Web前端最全CSS+DIV个人学习笔记(2)，2024年最新大厂面试题app

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

2.ID选择符–针对某一个id：#two{}

3.类选择符–针对某一类，或者某一些元素：.warn{}

4.通配选择符：*{}

5.包含选择符：e1 e2

a) 含义是所有被e1包含的e2

b) 如table td

6.选择符分组(集体控制)：将童颜的样式定义用于多个选择符，选择符之间用逗号分隔。如p，div，.warning{属性：值}

7.标签指定式选择符：

a) h1#content{}：表示针对所有id为content的h1标签

b) h1.p1{}：表示针对所有class为p1的h1标签

8.组合选择符：h1.p1，#content h1{}

CSS的特性

1.继承：子元素会继承父元素的某些样式。

2.层叠：子元素如果定义了与父元素相同的样式，会覆盖掉父元素的样式。

a) 后面的样式，会覆盖前面的样式。

CSS样式的优先权：

1.四种方式的优先权：内联式–>内嵌式–>链接式–>@import导入式

2.就近原则

3.作用范围越小，优先权越高

4.离要修饰目标越近的样式优先权越高

5.选择符的优先权：行内>id>class>标签选择符

6.我们可以通过!important语法来提升重要性(优先权)

a) color:green !important;

CSS****伪列：超链接样式

如果，鼠标放到超链接不起作用，修改链接状态的顺序为：

:link - > :visited - > :hover - > :active

CSS盒子的相关属性

1.内容属性：内容本身的宽=width，高=height

2.内填充属性：内容与边界之间的距离padding

3.再定义盒子的宽度时，要考虑到。内填充，边框，边界的存在

4.如果增加了内填充，整个盒子的宽度值，要再减去增加的内填充值。

margin/padding的使用：

padding:10px;一个参数：代表上右下左

padding:10px 20px;二个参数：10代表上下 10代表左右

padding:10px 20px 30px;三个参数：10代表上 20代表左右 30代表下

也可以使用padding-left(top,right,botton)

使用外表据margin，要注意浏览器的兼容性

由于各个浏览器存着，内外边距的默认值不同；因此我们需要将所有浏览器的默认内外边距都从零开始。

关于列表的属性

list-style：list-style-image || list-style-position || list-style-type

列表的样式：列表的图片||列表的符号的位置||列表的样式

通常使用：list-style:none;

边框

border：border-witdh || border-style || border-color

如果只写border，则后面要跟着的是，三个不同的子属性：粗细，样式，颜色

小技巧：

让盒子水平居中：将对象的左右外边界设置为auto

让盒子中的内容垂直居中：设置行高=盒子的高度，但是不能有换行。

文末

js前端的重头戏，值得花大部分时间学习。

推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。

面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。

这是288页的前端面试题