前端面试准备


  过完年来到了北京,开始准备面试,这是我第一次找工作,着实心里没谱,接下来就给大家分享点知识。

1.前端与后台交互的一些事

1.1 后台返回一个接口,只许本公司前端人员请求,加*表示所有人多可请求,加域名可以限制外人不可登录
1.2 前后端分离:在我们项目中,我们利用nodejs的express框架来开启一个本地的服务器,然后利用nodejs的一个
http-proxy-middleware插件将客户端发往nodejs的请求转发给真正的服务器,让nodejs作为一个中间层。这样,前端就可以无忧无虑的开发了
1.3利用mock(http://mockjs.com)来返回一些假数据,这样就可以模拟发送API到接受响应的整一个过程,因此前端也不需要依赖于后端开发了,可以独立开发,等到后台的API全部设计完之后,就可以比较快速的联调。
2.git指令
git init 初始化仓库
git status //查看仓库状态
git branch //显示分支一览表,同时确认当前所在的分支
git checkout - //切换到上一分支
git push //更新GitHub上的仓库
git clone *** 克隆
git pull 拉取最新状态
3.http请求过多怎么处理
通过程序遍历http请求的所有参数放到hashmap中,用的时候方便了。
  如果参数值有中文,那么需要在程序中添加filter转码,或者在下面程序里,对paramValue转码
3.1 动态的东西静态化,缓存
3.2 数据缓存,例如用Redis等高速缓存,Redis再做集群等
4.限制用户登录次数
服务器端设置一个次数,每次登陆减一
5.状态码:
100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。
200 成功处理了请求,一般情况下都是返回此状态码
201 请求成功并且服务器创建了新的资源。
202 接受请求但没创建资源;
301 (永久移动) 请求的网页已永久移动到新位置
304 (未修改) 自从上次请求后,请求的网页未修改过
400 服务器不理解请求的语法。
401 请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。
403 服务器拒绝请求。
404 服务器找不到请求的网页
500 服务器内部错误
6.大学学的专业,课程
       一数学类
  主要课程:高等数学、线性代数、离散数学、概率论、数理统计
  学习理由:数学可以培养我们思考的能力,可以教人如何正确地解决与直觉相悖的问题。
  二语言类
  主要课程:C语言、C++、Java
  学习理由:人与人之间的沟通需要语言,人与计算机之间同样也需要。学会必要的机器语言是开展一切工作的基础。
  三专业类
  主要课程:数据库原理、计算机组成原理、计算机网络、计算机系统结构、多媒体技术与应用、Matlab等
6.axios和jquery
ajax最大的区别。

jquery提交数据的时候,默认是以FormData的形式提交的,也就是Content-Type:"application/x-www-form-urlencoded",

而默认axios是使用的是Payload形式提交数据,也就是Content-Type:"application/json"
ajax:
Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。

Ajax 是一种用于创建快速动态网页的技术。

Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
$.ajax({
url: 'http://jsonplaceholder.typicode.com/users',
type: 'get',
dataType: 'json',
data: {
//'a': 1,
//'b': 2,
},
success: function (response) {
console.log(response);
}
})
axios:

用于浏览器和node.js的基于Promise的HTTP客户端

1. 从浏览器制作XMLHttpRequests

2. 让HTTP从node.js的请求

3. 支持Promise API

4. 拦截请求和响应

5. 转换请求和响应数据

6. 取消请求

7. 自动转换为JSON数据

8. 客户端支持防止XSRF

axios({
url: 'http://jsonplaceholder.typicode.com/users',
method: 'get',
responseType: 'json', // 默认的
data: {
//'a': 1,
//'b': 2,
}
}).then(function (response) {
console.log(response);
console.log(response.data);
}).catch(function (error) {
console.log(error);
})

知识有点杂,大家借鉴就好。