题目1： \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?

Math

写一个函数，返回从min到max之间的 随机整数，包括min不包括max

1
2
3
4
5
6
7
8

function getRandomInt(min, max) {
    min = Math.ceil(min);
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min) + min);
}

对于 HTTP 协议而言，HTML、CSS、JS、JSON 的本质都是什么？

1. 对于HTTP协议而言，html、css、js、json是符合相应语法的字符串
2. 用户访问页面时，浏览器根据用户请求的路径，向服务器发起请求，服务器根据路判断径返回给浏览器对应的字符串，同时也返回给浏览器Content-Type值。
3. Content-Type=text/html，浏览器就把字符串当HTML进行解析；
   当HTML中有<link rel="stylesheet" href="" />，浏览器再向服务器发起请求，服务器返回字符串和Content-Type=text/css，浏览器就把返回的字符串当CSS进行解析；
   当HTML中有<script src="" />,浏览器向服务器发起请求，服务器返回字符串和Content-Type=text/javascript，浏览器就把字符串当JS进行解析，返回给用户；

1.引用类型有哪些？非引用类型有哪些

• 基本类型值「非引用类型」（数值、布尔值、null和undefined,string）：指的是保存在栈内存中的简单数据段；
• 引用类型值（对象、数组、函数、正则）：指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象

函数声明和函数表达式有什么区别

函数声明

1
2
3
4
5
6
7

//函数声明
 function sayHello(){
   console.log('hello')
 }
 //函数调用
 sayHello()

声明不必放到调用的前面

JavaScript定义了六种数据类型：

• Number类型
• String类型
• Boolean类型
• Object类型
• undefined类型
• null类型

编码规范：

1. 合理命名，使用语义化标签，基于功能命名、基于内容命名、基于表现命名，命名应该体现功能，不涉及表现样式(颜色、字体、边框、背景等)，简略、明了、无后患。
2. 标签命名不使用驼峰，使用“-”代替“_”
3. tab用2个空格
4. 尽量少的使用id
5. css属性换行，而不是放到一行
6. 小数不用写前缀, 0.5s -> .5s；0不用加单位
7. 不追求多属性赋值的简写，以免引起代码混乱
8. 为选择器中的属性添加双引号，例如，input[type=”text”]
9. 选择器要尽可能短，并且尽量限制组成选择器的元素个数，建议不要超过 3 more >>

什么是 CSS hack

由于不同厂商的浏览器，或者是同一厂商的浏览器的不同版本，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一致，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能在不同的浏览器中也能得到我们想要的页面效果。

flex

父元素

• flex-direction 排列方向
• flex-wrap 换行
• flex-flow 排列方式-换行 （简写）
• justify-content 主轴对齐方式
• align-items 侧轴对齐方式

浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?

浮动元素脱离了普通文档流，文档的普通流中的元素表现的就像浮动元素不存在一样。
浮动的框可以向左向右移动，直到它的外边缘碰到包含框或者另一个浮动的边缘为止。

• 对父容器的影响：如果父容器的子元素都是浮动元素，那么父容器失去高度。

• 对其他浮动元素的影响：如果水平空间不够会将浮动元素排到下一行，如果上一行的元素大小不一，被排到下一行的元素可能会被卡住。

• 对普通元素的影响：因为普通元素脱离了文档流，普通文档流中的元素表现得就像浮动元素不存在一样。

• 对文字的影响：文字会感应到浮动元素的存在并产生文字浮动效果。