用友web前端面试知识点

忘是亡心i 2023-03-01 12:27 106阅读 0赞

## 前端面试题目及知识点 ##

**关于定位：**  
**static 定位**：静态定位的元素不会受到 top, bottom, left, right影响。HTML 元素的默认值，即没有定位，遵循正常的文档流对象。  
**fixed 定位**：元素的位置相对于浏览器窗口是固定位置。  
**relative 定位**：相对定位元素的定位是相对其正常位置。  
**absolute 定位**：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于  
**sticky 定位**：粘性定位。

**可以获取元素e相邻的下一个元素：**  
e.nextSibling()

**代码var foo = “10”+3-“1”;console.log(foo);执行后，foo的值为**(102 )

**常用的git操作有哪些( )**  
Add、Push、Fetch、Merge、Tag

1.  p元素不能包含任何块级元素(包括自身)
2.  a元素可以包含任何其他元素(除了自身)
3.  document是文档(整个DOM树)的根节点

**http状态码描述：**  
200 OK  
204 No Content 请求已成功处理，但不含实体的主体部分。  
206 Partial Content 客户端进行范围请求，成功执行GET请求。  
301 Moved Permanently 永久性重定向。  
302 Found 临时性重定向。  
400 Bad Request 请求报文存在语法错误。  
403 Forbidden 请求资源的访问被服务器拒绝。  
404 Not Found 表明服务器上无法找到请求的资源。  
500 Internal Server Error 服务器端执行请求时发生错误。  
503 Service Unavailable 服务器处于超负载或停机维护，无法处理请求。

**指针 P 指向单链表 L 中的非尾部结点，则删除其后继结点的语句是？**  
p.next = p.next.next

**当线性表的元素总数基本稳定，且很少进行插入和删除操作，但要求以最快的速度存取线性表中的元素时，应采用什么存储结构？**  
顺序表

**在TCP/IP协议簇中， 下面什么协议属于网络层的无连接协议？**  
TP

**Linux系统中在给定文件中查找与设定条件相符字符串的命令为？**  
grep

grep：查找文件内的内容。  
gzip：压缩文件，文件经压缩后会增加.。  
gz：扩展名 。  
find：在指定目录下查找文件 。  
sort：排序。

**在高并发，事物等场景下，MYSQL5.6数据库默认使用哪种存储引擎**？  
InnoDB

**哪些属性是不可以被继承的()**  
margin、position、float

**可以被继承的属性：**  
**字体系列**：font-family，font-size，font-style，font-weight，font-stretch，font-size-adjust；  
**列表相关**：list-style，list-style-image，list-style-position，list-style-type，list-style-color；  
**文本系列**：text-indent，text-align，line-height，word-spaceing，letter-spacing，text-transform，direction，color；  
**元素可见性**：visibility；  
**表格布局**：caption-side，border-collapse，border-spacing，empty-cells，table-layout；  
**生成内容**：quotes；  
**光标属性**：cursor；  
**页面样式**：page，page-break-inside，Windows，orphans；  
**声音样式属性**：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress

**this对象的理解正确的是 ()**  
在不改变this指向的前提下，this总是指向函数的直接调用者。  
如果有new关键字，this指向new出来的那个对象。  
IE中attachEvent中的this总是指向全局对象Window。

**哪些请求头可以实现请求的缓存（）**  
Cache-Control、Etag、If-Modified-Since

**如果让你来实现前端的MVM框架，View层需要支持不同终端的不同交互，下面哪些设计模式不太适合用来实现这个需求（）**  
单例模式、代理模式

**以下哪些表达式的结果为true（）**  
undefined == null、parseInt(“1a”) === 1、\[\] instanceof Array

**JavaScript的基本数据类型：**  
string（字符串）、boolean（布尔值）、number（数字）、symbol（符号）、null（空值）、undefined（未定义）

**x=\{x:1\};y=\{y:1\};z=1;n='1’下面结果为true的是( )**  
z==n

x=Math.round(2019.49) ; //2019  
x=Math.round(2019.5); //2020  
x=Math.round(-2019.5); //-2019  
x=Math.round(-2019.51); //-2020

typeof null // object  
typeof undefined // undefined  
typeof \[\] // object  
typeof 5 // number

**用数组 M\[0…N-1\] 用来表示一个循环队列， FRONT 指向队头元素，REAR 指向队尾元素的后一个位置，则当前队列中的元素个数是几个？**  
rear-front+n)%n  
（因为是循环链表 rear不一定就比front地址高 所以有可能rear-fornt得到结果是负数 所以为了正确性起见需要+n再%n。）

**SMTP**：邮件传输协议，工作在应用层。  
**FTP**：文件传输协议，工作在应用层。  
**UDP**：用户数据报协议，工作在传输层。  
**TELNET**：Internet远程登录服务的标准协议和主要方式，工作在应用层。

**一个软件评测机构，某天检测的软件产品数为10，其中有缺陷的软件产品有6个，缺陷总数为3个，则单位缺陷数是？**  
0.3

**块级元素：** div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr  
**行内元素：** span、img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup，strong、u

**setTimeout(“go()”, 10);表示的意思是()**  
间隔10毫秒后，go()函数执行一次

**在javascript中，不属于数组方法的是()**  
concat()、sort()、reverse()

**添加哪个属性可以使超出的文字部分变成”…”()**  
text-overflow: ellipsis;

*  ：出现零到多次  
    \+： 出现一到多次  
    ？：出现零次或者一次  
    . : 除了\\n以外的任意字符  
    \{n\} : 出现n次  
    \{n,\} : 出现n到多次  
    \{n,m\} : 出现n到m次  
    var reg=/^0.2$/; //以0开头，以2结尾，中间可以是\\n以外的任意字符

**属于javascript中查找元素的方法的是()**  
getElementsByTagName() 可返回带有指定标签名的对象的集合。  
getElementById() 可返回对拥有指定 ID 的第一个对象的引用。  
getElementsByName() 可返回带有指定名称的对象的集合。

**写出一个只匹配英文和数字并只能是英文开头的正则表达式：**  
/1\[A-Za-z0-9\]\*$/

**可以被子元素继承的属性是 ()** font-size、color

\***哪些存储方式可以实现浏览器内多个标签页之间通信？（）**  
cookie 一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效  
localStorage 永久保存  
indexedDB 用于客户端存储大量结构化数据，indexedDB就是一个非关系型数据库

**JavaScript 语言的6种原始数据类型：**  
undefined、null、布尔值（boolean）、字符串（string）、数值（number）、symbol  
引用数据类型：对象（object）

**html5手册语义化标签：**  
article、section、aside、hgroup、header、footer、nav、time、mark、figure、figcaption、contextmenu+menu

**什么是 XML?**  
XML 指可扩展标记语言 。  
XML 是一种标记语言，很类似 HTML 。  
XML 的设计宗旨是传输数据，而非显示数据 。  
XML 标签没有被预定义。您需要自行定义标签。  
XML 被设计为具有自我描述性。  
XML 是 W3C 的推荐标准。

**XML 与 HTML 的主要差异**  
XML 不是 HTML 的替代。  
XML 和 HTML 为不同的目的而设计。  
XML 被设计为传输和存储数据，其焦点是数据的内容。  
HTML 被设计用来显示数据，其焦点是数据的外观。  
HTML 旨在显示信息，而 XML 旨在传输信息。

**关于页面响应式布局说法正确的是 ( )**  
使用bootsrap框架、利用media query媒体查询功能

**this对象的理解正确的是 ()**  
在不手动改变this指向的前提下，this总是指向函数的直接调用对象。  
如果有new关键字，this指向new出来的那个对象。  
this总是指向函数的非间接调用者。  
IE中attachEvent中的this总是指向全局对象window。

**列出 input 标签的 type 属性都可以设置哪些值。**  
答案：text、radio、checkbox、hidden、range、reset、file、button、submit、password、image、color、date  
datetime-local、month、week、time、email、number、search、tel、url

**数据和 UI 的双向绑定和单向绑定有什么区别。**  
**单向绑定**使得数据流也是单向的，对于复杂应用来说这是实施统一的状态管理的前提  
**双向绑定**在一些需要实时反应用户输入的场合

**说说 React 中 state 和 props 的区别是什么。**  
state是管理组件内部的一些数据，props则是从父组件传递过来的数据或者属性。

**JavaScript 中改变 this 关键字指向都有哪些方式。**  
call、apply、bind、箭头函数，将对象上的函数赋值到其他变量中（this 丢失）。

**css中表示长度的单位有哪些？** px、em、ex、rem

**http请求中GET和POST方法的区别是()。**  
**get**：一般用于查询数据，使用URL传递参数；发送信息的数量有限制；  
**post**：所发送的数据的大小理论上是没有限制，post 可以发送纯文本、URL编码格式、二进制格式的字符串

**哪些是与数据库管理相关的技术： ( )**  
RDBMS、NoSQL、NewSQL、HBase

**哪些产品或技术支持WEB应用的部署和运行：( )**  
WebSphere、Jetty、NodeJS

**哪些技术是用来处理XML文件的技术 ( )**  
DOM、STAX、SAX

**关于HTTP描述 ( )**  
HTTP是建立在TCP协议之上的应用层协议。  
HTTP是基于请求/响应模型设计的协议。  
HTTP协议是一种明文协议，不够安全。  
HTTP协议支持多种方法，如HEAD, DELETE, PUT, TRACE, GET,POST。

**关于Java中的数组描述：（ ）**  
A 数组是对象，因为可以调用方法，从上面的输出结果可以看出不同类型的数组具有不同的类。  
B 数组长度是不能动态调整的。  
C Java中的数组中的数据是连续存储在一块内存中的，所以可以通过下标(即偏移量)的方式访问。  
D 固定长度的数组定义如上。  
E 查看源码可以知道数组的equals方法是object的equals，比较的是内存地址。  
F java可以有多维数组。

**关系型数据库中primary key和foreign key的区别**：  
**Primary key**是用于唯一标志数据库表中一行数据的列和几个列的组合。  
**foreign key**是数据库表中的一个列或几个列，引用另外一个数据库表的primary key，实现数据库表管理的完整性增强。

**Java中HashMap和Hashtable的区别，对作为key的数据对象有什么建议**？  
Hashtable中的对外方法是同步过的，而HashMap的不是，HashMap允许key为null的数据存在。  
一个对象能放在HashMap中最好提供int hashcode()和boolean equals(Object other)方法实现。

**HTML5相关的框架或类库：( )**  
RactiveJS、Bootstrap、AngularJS

**从WEB应用的角度，一个应用都需要维护一些不同作用范围的状态， 请问下面哪些状态作用域是WEB应用特有的：( )**  
会话、请求、应用

--------------------

1.  A-Za-z ↩︎