笔试笔记！（一）

最新推荐文章于 2021-11-03 18:47:49 发布

Angie_Q

最新推荐文章于 2021-11-03 18:47:49 发布

阅读量567

点赞数

本文链接：https://blog.youkuaiyun.com/Angie_Q/article/details/76943891

版权

本文涵盖了HTML5新增表单元素、CSS样式属性、盒子模型、JavaScript函数行为等前端核心技术要点。

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

1、下面哪些是HTML5 新增的表单元素？ AC

```
datalist
```
```
optgroup
```
```
output
```
```
legend
```

datalist规定输入域的选项列表，通过option创建；keygen提供一种验证用户的可靠方法，密钥对生成器，私钥存于客户端，公钥发到服务器，用于之后验证客户端证书；output元素用于不同类型的输出。

2、mailto

   HTML中，可以在网页上通过链接直接打开邮件客户端发送邮件： 
 

   <a href="mailto:xiao@163.com"></a> 
 

3、请选出所有的置换元素（）ABCD

```
img
```
```
input
```
```
textarea
```
```
select
```

链接： https://www.nowcoder.com/questionTerminal/480a591c51e848169c31de26c639e4d1
来源：牛客网

a) 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
例如：浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容；<input>标签的type属性来决定是显示输入框，还是单选按钮等。 (x)html中的<img>、<input>、<textarea>、<select>、<object> 都是置换元素。这些元素往往没有实际的内容，即是一个空元素。

置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。

b) 不可替换元素：(x)html的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。

例如： <label>label中的内容</label> 标签<label>是一个非置换元素，文字label中的内容”将全被显示。

4、

background-attachment
有三个值，scroll是默认值，背景图像会随着页面其余部分的滚动而移动。
         fixed当页面的其余部分滚动时，背景图像不会移动。
         inherit规定应该从父元素继承 background-attachment 属性的设置。

5、display: none和visibility:hidden的区别就是visibility:hidden会保留元素的空间


repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。

reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素(祖先)，这种开销是非常昂贵的，导致性能下降是必然的，页面元素越多效果越明显。

所以display:none才会产生reflow

visibility:hidden只会出发repaint

6、链接： https://www.nowcoder.com/questionTerminal/21e0e5680fee4c83b534e0f3b03f64ae
来源：牛客网

标准盒子模型＝ margin + border + padding + content （content = width | height）

IE盒子模型＝ margin + content （content = border + padding + width | height）

标准盒子模型和IE盒子模型中，盒子的总宽度/高度均由margin、padding、border、width/height组成。不同的是content不同：标准盒子模型中，content仅包含width/height；而IE盒子模型的content包含border+padding+width/height。

7、下面哪个属性不会让 div 脱离文档流（normal flow）？C

```
position: absolute;
```
```
position: fixed;
```
```
position: relative;
```
```
float: left;
```

 
   A：position: absolute;生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。 
   
   B:position: fixed;生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。 
   
   C:position: relative;生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了 
   
   D:float: left;都浮动出去了，还上哪保持原位置去。 
   最终答案选择C

 
   8、假设在今日头条里面,有很多工作人员检查新闻是不是属于虚假新闻,所有新闻真实率到达了98%,工作人员在检验一个真实的新闻把它检验为一个虚假的新闻的概率为2%,而一个虚假的新闻被检验为真实的新闻的概率为5%.那么,一个被检验为真实的新闻确实是真实的新闻的概率是多大? 
  

 
98*0.98+0.02*0.05=0.9614 
  

 
98*0.98/0.9614=0.9989 
  

9、HTTP的端口号是80，https的端口号是443；

TCP注重数据可靠性，UDP注重数据传输快；

传输层提供端到端的可靠报文传递和错误恢复；
10、SQL提供了四种匹配模式：

1. % 表示任意0个或多个字符。如下语句：Select * FROM user Where name LIKE '%三%'; 将会把name为“张三”，“三脚猫”，“唐三藏”等等有“三”的全找出来。%三：表示左匹配。三%：表示右匹配。

%三%：表示模糊查询。

2. _ 表示任意单个字符。语句： Select * FROM user Where name LIKE '_三_'；只找出“唐三藏”。这样name为三个字且中间一个字是“三”的； Select * FROM user Where name LIKE '三__'； 只找出“三脚猫”这样name为三个字且第一个字是“三”的；

3. [ ] 表示括号内所列字符中的一个（类似与正则表达式）。语句：Select * FROM user Where name LIKE '[张李王]三'; 将找出“张三”、“李三”、“王三”（而不是“张李王三”）； 如 [ ] 内有一系列字符（01234、abcde之类的）则可略写为“0-4”、“a-e“。Select * FROM user Where name LIKE '老[1-9]'；将找出“老1”、“老2”、……、“老9”；如要找“-”字符请将其放在首位：'张三[-1-9]'；

4. [^ ] 表示不在括号所列之内的单个字符。语句：Select * FROM user Where name LIKE '[^张李王]三'；将找出不姓“张”、“李”、“王”的“赵三”、“孙三”等；Select * FROM user Where name LIKE '老[^1-4]'; 将排除“老1”到“老4”寻找“老5”、“老6”、……、“老9”。

5.* 表示查找的是所有信息,例如select * from tbl_user

最后是重点！由于通配符的缘故，导致我们查询特殊字符“%”、“_”、“[”、“';”的语句无法正常实现，而把特殊字符用“[ ]”括起便可正常查询。据此我们写出以下函数： function sqlencode(str) str=replace(str,"';","';';") str=replace(str,"[","[[]") ';此句一定要在最先 str=replace(str,"_","[_]") str=replace(str,"%","[%]") sqlencode=str end function 在查询前将待查字符串先经该函数处理即可，并且在网页上连接数据库用到这类的查询语句时侯要注意：如Select * FROM user Where name LIKE '老[^1-4]';上面《'》老[^1-4]《'》是要有单引号的。
11、
下列关于操作系统进程与线程的区别正确的是：AD
      
      进程是资源分配的基本单位
线程是资源分配的基本单位
进程是资源调度的基本单位
线程是资源调度的基本单位

12、
    
    
     
     
      
      
       
       在操作系统的内存管理中，有一类很重要的算法就是
       
       内存页面置换算法（包括FIFO，LRU,LFU等几种常见页面置换算法）。事实上，Cache算法和内存页面置换算法的核心思想是一样的：都是在给定一个限定大小的空间的前提下，设计一个原则如何来更新和访问其中的元素。
      
      
      
      
       
       LRU全称是Least Recently Used，即最近最久未使用的意思。 下面说一下LRU算法的核心思想，LRU算法的设计原则是：如果一个数据在最近一段时间没有被访问到，那么在将来它被访问的可能性也很小。也就是说，当限定的空间已存满数据时，应当把最久没有被访问到的数据淘汰。
      
      
      
      

      
      FIFO（First in First out），先进先出。在FIFO Cache设计中，核心原则就是： 如果一个数据最先进入缓存中，则应该最早淘汰掉 。也就是说，当缓存满的时候，应当把最先进入缓存的数据给淘汰掉。
     
     
    
    
    
    
     
     LFU（Least Frequently Used）最近最少使用算法。它是基于“如果一个数据在最近一段时间内使用次数很少，那么在将来一段时间内被使用的可能性也很小”的思路。
     
     注意LFU和LRU算法的不同之处，LRU的淘汰规则是基于访问时间，而LFU是基于访问次数的。
     
     

     
     下面那个页面调度算法,当进程分配到的页面数增加时,缺页中断的次数可能增加也可能减少 A
     
     FIFO算法
LRU算法
Clock算法
LFU算法

13、下列排序算法不稳定的有? BDFG

```
插入排序
```
```
希尔排序
```
```
冒泡排序
```
```
堆排序
```
```
归并排序
```
```
快速排序
```
```
选择排序
```

      不稳定：快选堆希 
    
      稳    定：插冒归基 
    
      14、链接： 
     https://www.nowcoder.com/questionTerminal/42723269e25b478ca0ea8f7d37d8e57c
 来源：牛客网 
     
       运行以下程序 
     
             <script>  
            
             var m= 1, j = k = 0;  
            
             function add(n) {  
            
             return 
             n = n+1;  
            
             　 }  
            
             y = add(m);  
            
             function add(n) {  
            
             return 
             n = n + 3;  
            
             }  
            
             z = add(m);  
            
             </script>  
            
       y和z的最终结果为: 4，4 
     
 2,4 
 4,4 
 2,2 
 报异常 
 链接： 
    https://www.nowcoder.com/questionTerminal/42723269e25b478ca0ea8f7d37d8e57c
 来源：牛客网 
    
          js里面没有函数重载的概念，在其他语言中（如java）java中，可以存在同名函数， 
         
          只要传入的参数数量或者类型不同即可。在js中，定义了两个同名函数后， 
         
          后面的函数会覆盖前面定义的函数。结合这道题来说，由于函数声明提升， 
         
          所以函数声明会提前，由于存在同名函数，后面的add函数将覆盖第一个add函数， 
         
          所以两次调用add()返回的值是相同的。也就是y,z都为 
          4 
          .

15、链接：https://www.nowcoder.com/questionTerminal/73e735029f5a42ee9b63e57b017a1dcb
来源：牛客网

 
            (function() { 
           
            var a = b = 5; 
           
            })();    
           
            console. 
            log 
            (b); 
           
            console. 
            log 
            (a);

      上面的输出结果: D 
    

```
5，5
```
```
undefined，undefined
```
```
5，undefined
```
```
5，ReferenceError
```

链接： https://www.nowcoder.com/questionTerminal/73e735029f5a42ee9b63e57b017a1dcb
来源：牛客网

       这一题的陷阱是，在函数表达式中有两个赋值，但a是用关键字var 来声明的，这意味着a是局部变量，而b则被赋予为全局变量。 
     

另一个陷阱是，它并没有使用严格模式（use strict）。在函数里面，如果启用了严格模式，代码就会报错：“Uncaught ReferenceError: b is not defined”。请记住，严格模式需要你显式地引用全局作用域。

var作用在a上，a是局部变量，在全局输出时会报错。而b是全局变量，是5.

16、页面有一个按钮button id为 button1，通过原生的js如何禁用？(IE 考虑IE 8.0以上版本) CD

document.getElementById("button1").readolny= true;

document.getElementById("button1").setAttribute(“readolny”,”true”);

document.getElementById("button1").disabled = true;

document.getElementById("button1").setAttribute(“disabled”,”true”);