web前端开发工程师-面试题汇总

雨点打透心脏的1/2处 2022-07-14 15:26 298阅读 0赞

*最近更新时间：2017年1月5日15:19:53*

[《我的博客地图》][Link 1]

已经参加工作（或实习）的同学都知道，在进入每一家公司之前，都需要经历入职前的洗礼——面试。面试对于每一位技术人员来说都是一次挑战，因为面试的难度深不可测，从技术发展的角度来说，深度和广度都在不停的扩张，因此每一位技术人员都需要经常学习新的知识，以此来适应这个发展的社会。  
    本篇博文是自己在面试过程中所遇到的面试题，借助文字记录的方式以便温故知新。

1.用css实现三角形效果。

![20161215203737655][]

2.css样式权重与样式优先级。

css样式的权重规则：标签名=1，class名=10，id名=100；可以根据选择器的不同模式进行叠加；

![20161215204013366][]

css样式优先级原则：

第一，就近原则；！important > 内联样式 > id选择器 > class选择器 > 标签选择器

第二，最后载入原则；同权重的情况下，后出现的css样式可以覆盖先出现的css样式；

3.数组排序算法。

4.对象数组排序。

5.数组去重方法

6.json字符串与javascript对象的相互转换"

(1)使用JavaScript内置函数JSON.parse()将字符串转换为JavaScript对象，

(2)使用JavaScript内置函数JSON.stringify()将JavaScript值转换为JSON字符串

7.jQuery对象和DOM对象的想互转换

8.jQuery语法和JavaScript原生语法在声明变量时，变量的命名规则有什么区别

9.函数需求，对任意软件的两个版本号进行比较，返回较大的版本号。

需求分析：  
    java的jdk版本号：jdk1.7.0\_02  
    QQ 移动端的版本号：V6.5.3.410  
    QQ PC端的版本号：11.2.01.3  
    微信的版本号：WeChat 6.2.4  
    boss直聘版本号：version 5.20  
    可以看到，软件版本号的组成方式有两种:纯数字 || 数字字母组合，要比较版本大小，只需要比较数字部分即可，算法实现方式如下：

![20161216074838109][]

10.判断对象或变量是否为数组

方案一：采用变量对象的构造函数去判断

var fruits = \["Banana", "Orange", "Apple", "Mango"\];  
fruits.constructor.toString().indexOf("Array") !== -1;//true  
console.log(fruits.constructor + ' ' + fruits.constructor.toString() + ' ' + fruits.constructor.toString().indexOf("Array"));//function Array() \{ \[native code\] \} function Array() \{ \[native code\] \} 9

console.log(typeof fruits.constructor + ' ' + typeof fruits.constructor.toString() + ' ' + typeof fruits.constructor.toString().indexOf("Array"));//function string number

方案二： instanceof操作符

fruits instanceof Array;//true

方案三：

fruits.constructor === Array;//true

[Link 1]: https://blog.csdn.net/wanshaobo888/article/details/79179440
[20161215203737655]: /images/20220714/4f330d8ad160476b992b91dc6fde4e17.png
[20161215204013366]: /images/20220714/0a3614261c5d45dda2be50d56479f932.png
[20161216074838109]: /images/20220714/1dca68a47ea4495ea97a956676638985.png