huaweiMM部门面试总结

最新推荐文章于 2023-09-21 12:36:50 发布

原创最新推荐文章于 2023-09-21 12:36:50 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文总结了华为面试中涉及的JavaScript数据类型、内置对象、val方法的作用、前端性能优化策略、常用Linux命令、SQL更新语句以及DOM操作。前端优化包括语义化结构、文件资源优化、利用缓存等。面试题还包括循环打印*的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.javascript的数据类型有哪些？有哪些内置对象？

数据类型：String 、number、null、boolean、undefined、symbol（ES6）

内置对象：String（）、Number（）、Boolean（）、RegExp（）、Date（）、Error()、Array（）、Function（）、Object（）、symbol（）

2.val的作用？

返回或设置被选元素的 value 属性

3.web前端页面有哪些性能的优化?

一、编辑html的时候注意语义结构化

　　结构语义化：根据内容的结构，选择合适的标签，以便于开发者阅读和写出更优雅的代码，同时让浏览器的爬虫和机器很好地解析。

　　结构语义化的优点包括：

　　　　1. 在页面没有css或者css还未加载出来的时候，页面也能呈现出很好的结构。

　　　　2. 有利于SEO，易于被搜索引擎抓取，有利于推广。

　　　　3. 方便盲人阅读器、屏幕阅读器等等设备来解析。

　　　　4. 用户体验更好，例如图片的alt属性，在图片没有加载出来时给予合理的解释。

　　　　5. 便于团队开发和维护。

　　　　6. 遵循分离结构和表现原则。

二、对网站的文件和资源进行优化

　　1. 书写css和js的时候要注意代码优化，尽量重复利用。

　　2. 可以用一个大的css文件来合并多个小的css文件，浏览器在请求每一个css文件时都会发送一个http请求，在http请求带来的延迟没有结束的时候，用户都将在等待中度过。

　　3. 如果网页中使用了大量背景图片，那么这些图片每一张都会发送一个http请求，可以使用css sprite来合并网页中的需要频繁加载的多个图片。对于合并之后的图片，我们需要注意对它图片质量和大小的优化，图片越小加载速度越快。

　　4. css文件放置在head，js放置在文档尾部。

三、利用多个域名来存储网站资源

　　1. 可以节约cookie带宽。

　　2. 节约主域名的连接数，优化页面响应速度。

四、利用缓存

　　Ajax调用都采用缓存调用方式，一般采用附加特征参数方式实现，注意其中的

4.写出常用的6条linux命令，并说出有哪些作用？

l:竖向展示目录结构

ls:横向展示目录结构

mkdir a.txt 创建a.txt文件

grep ./* 关键字查找包含关键字的文件

tail -f 动态截取日志

vi xx.log 打开xx.log文件

5.将数据库表table中年龄age大于30时level的值改为5？

update table set level=5 where age>30;

6.javascript中DOM添加、移除、移动、复制、创建和查找节点的方法？

(1). 创建新节点

1 createDocumentFragment() // 创建一个DOM片段
2 createElement() // 创建一个具体的元素
3 createTextNode() // 创建一个文本节点

(2). 添加、移除、替换、插入

1 appendChild()
2 removeChild()
3 replaceChild()
4 insertBefore() // 在已有的子节点前插入一个新的子节点

(3). 查找

1 getElementsByTagName() // 通过标签名称
2 getElementsByName() // 通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name值的)
3 getElementById() // 通过元素Id，唯一性

7.打印 * (需要循环2次，如果循环一次要怎么实现)？

var row=5; // row表示总行数
for(var r=1;r<=row;r++){  //外层循环控制行数 r表示每次变化的行数
   var triangle="";   //triangle表示最后的三角形
   for(var space=r;space<row;space++){ //此循环控制空格数 space表示空格数
      triangle+=" ";
   }
   for(var star=1;star<=2*r-1;star++){ //此循环控制 * 数 star表示*数
      triangle+="*";
   }
console.log(triangle);
}