同花顺前端面试题

—介绍DOM结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	 <input type="text" name="input" id="input" value="121" />
	 <input type="button" onclick="getInputValue()" value="输入按钮">
</body>
<script>
	function getInputValue(){
	}
</script>
</html>

css内容合并
grunt！！！

JS写在上面和下面的区别
写在下面可以防止html css资源被阻塞

前端缓存机制
作用：
1：减少磁盘IO
2：存储临时结果
3:存储高频访问的数据

缓存机制：
数据库端缓存：在一张表上建立新表，存储高频数据或者统计数据，读操作是读取新表，写操作时再一并更新表和新表。
应用层缓存，和前端没啥大关系。
前端缓存：主要是采用CDN缓存，将图片，css，js，html静态资源放在CDN上，使用squid等缓存技术。
客户端缓存：使用本地缓存机制

cdn缓存的好处
存放静态资源
解决高容量高并并发为题
解决南北的电信和联通服务商之间传输延迟问题
减小网站主服务器的压力
防止DDOS攻击
提高访问时间和运营成本

post get区别
今天学习了pst和get区别，挺有意思的，来源：cnblog.
http定义了与服务器交互的方式。将url想象成一条sql语句，那么put delte post get则分别对应增、删、改、查
历史+实际，最后最常用的只有post和get方法
get：单纯查询数据，安全+幂等
get的数据格式：
以百度搜索url为例子：
https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&rsv_idx=2&tn=baidutop10&wd=URL%20post%20get%E4%B8%AA%E6%95%B0%E9%99%90%E5%88%B6&oq=http%25E8%25BF%2594%25E5%259B%259E%25E7%258A%25B6%25E6%2580%2581%25E7%25A0%2581&rsv_pq=b522bb6400015c33&rsv_t=58fdbr6CSYjGurXtrLvz7qjxNAZYLfpiF%2F2xFuskEGyAyO5iLrEyKIIh20Cb%2B62jLQ&rsv_enter=0&inputT=774&rsv_n=2&rsv_sug3=36&prefixsug=URL%2520post%2520get%25E4%25B8%25AA%25E6%2595%25B0%25E9%2599%2590%25E5%2588%25B6&rsp=0&rsv_sug4=774
？分隔url和get数据
&连接参数
英语+数字：原样发送
空格：+
汉字或者其他字符：base64加密，%形式发送
get最大长度？
get本身没有长度限制，有长度限制的是url.IE对url限制：2K+35，其他浏览器，看具体情况了。
post最大长度？
post本身没有大小限制的，有限制的是服务器处理接口的限制。

form表单post和get问题
get：向服务器请求数据
post：想服务器发送数据
form表单默认是get

http返回状态码
1：请求临时响应，程序需要进一步操作
2：服务器成功响应了请求
3:重定向
4:请求错误
5:服务器错误
9:自定义错误

rel=follow vs rel=nofollow
seo优化，参照cnblog.
nofollow有两种用法：
1.用于meta元标签：<meta name="robots" content="nofollow" />，告诉爬虫该页面上所有链接都无需追踪。
2.用于a标签：<a href="login.aspx" rel="nofollow"></a>,告诉爬虫该页面无需追踪。