某公司前端面试题和答案 2020年

男娘i 2023-06-30 02:35 24阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70 1][]

面试题解答：

1、谈谈你对css模块化的理解

答：

①、命名规范 ③、scoped属性，使模块具有独立性，不互相污染

②、结构清晰 ④、按需加载css

2、答：undefined 10 20

解析：

第一个错了是因为立即执行函数形成一个闭包，先拿内部的变量，没有的情况下再去拿外部的变量

这里内部a是全局变量，有了变量提升，

3、答： 开发者加了!important的样式会覆盖行内样式

4、答：最多5个tab 、 不支持html且没有dom、没有webview、不能用a标签、打包限制在1m内

5、答：数据驱动视图模型

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70 2][]

6、答：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70 3][]

7、答：给vue提示，以便跟踪每个节点的身份，为每项提供一个唯一性，使用就地复用策略

8、略

9、答： 当项目使用keep-alive时，可搭配组件name进行缓存过滤、dom的递归迭代需要用到自身的name、使用vue-tools时

10、答：判断是否有某个值、过滤掉不符合项、去掉空字符 | undefined | null 、数组去重

不会改变原数组

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200114141916792.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200114141914332.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200114141916562.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200114141916589.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg==,size_16,color_FFFFFF,t_70