一、页面编码和被请求的资源编码若是不一致如何处理？javascript
对于 ajax 请求传递的参数，若是是 get 请求方式，参数若是传递中文，在有些浏览器
会乱码，不一样的浏览器对参数编码的处理方式不一样，因此对于 get 请求的参数须要使用
encodeURIComponent 函数对参数进行编码处理，后台开发语言都有相应的解码 api。对于 post 请求
不须要进行编码
二、如何避免回调地狱
css
（1）拆解function：过多的嵌套（缩进）会极大的影响代码的可读性。基于这一点，
能够进行一个最简单的优化----将各个步骤拆解为单个function，
该方法很是简单，具备必定的效果，可是缺乏通用性。
（2）事件发布/监听模式：咱们能够监听某一件事情，当事情发生的时候，进行相应的回调操做；
另外一方面，当某些操做完成后，经过发布事件触发回调。这样就能够将本来捆绑在一块儿的代码解耦。
events 模块是node原生模块，用node实现这种模式只须要一个事件发布/监听的库。
（3）Promise：Promise是es6的规范
首先，咱们须要将异步方法改写成Promise，对于符合node规范的回调函数（第一个参数必须是Error），
可使用bluebird的promisify方法。该方法接受一个标准的异步方法并返回一个Promise对象
（4）generator：在function关键字后添加*便可将函数变为generator。
执行generator将会返回一个遍历器对象，用于遍历generator内部的状态。
generator函数有一个最大的特色，能够在内部执行的过程当中交出程序的控制权，
yield至关于起到了一个暂停的做用；而当必定的状况下，外部又将控制权再移交回来。
咱们用generator来封装代码，在异步任务处使用yield关键词，
此时generator会将程序执行权交给其余代码，而在异步任务完成后，调用next方法来恢复yield下方代码的执行。
（5）async/await：
html
function拆分的方式其实仅仅只是拆分代码块，时常会不利于后续的维护；
事件发布/监听方式模糊了异步方法之间的流程关系；
Promise虽然使得多个嵌套的异步调用能经过链式API进行操做，
可是过多的then也增长了代码的冗余，也对阅读代码中各个阶段的异步任务产生了必定的干扰；
经过generator虽然能提供较好的语法结构，可是毕竟generator与yield的语境用在这里多少还有点不太贴切。
vue
三、从浏览器地址栏输入url到显示页面的步骤java
(1)从浏览器接收url到开启网络请求线程（这一部分能够展开浏览器的机制以及进程与线程之间的关系）
(2)开启网络线程到发出一个完整的HTTP请求（这一部分涉及到dns查询，TCP/IP请求，五层因特网协议栈等知识）
(3)从服务器接收到请求到对应后台接收到请求（这一部分可能涉及到负载均衡，安全拦截以及后台内部的处理等等）
(4)后台和前台的HTTP交互（这一部分包括HTTP头部、响应码、报文结构、cookie等知识，能够提下静态资源的cookie优化，以及编码解码，如gzip压缩等）
(5)单独拎出来的缓存问题，HTTP的缓存（这部分包括http缓存头部，ETag，catch-control等）
(6)浏览器接收到HTTP数据包后的解析流程（解析html-词法分析而后解析成dom树、解析css生成css规则树、合并成render树，
而后layout、painting渲染、复合图层的合成、GPU绘制、外链资源的处理、loaded和DOMContentLoaded等）
(7)CSS的可视化格式模型（元素的渲染规则，如包含块，控制框，BFC，IFC等概念）
(8)JS引擎解析过程（JS的解释阶段，预处理阶段，执行阶段生成执行上下文，VO，做用域链、回收机制等等）
(9)其它（能够拓展不一样的知识模块，如跨域，web安全，hybrid模式等等内容）
node
四、什么是 vue 的计算属性？react
在模板中放入太多的逻辑会让模板太重且难以维护，在须要对数据进行复杂处
理，且可能屡次使用的状况下，尽可能采起计算属性的方式。好处：
①使得数据处理结构清晰；
②依赖于数据，数据更新，处理结果自动更新；
③计算属性内部 this 指向 vm 实例；
④在 template 调用时，直接写计算属性名便可；
⑤经常使用的是 getter 方法，获取数据，也可使用 set 方法改变数据；
⑥相较于 methods，无论依赖的数据变不变，methods 都会从新计算，可是依赖数
据不变的时候 computed 从缓存中获取，不会从新计算
es6
五、调用 setState 以后发生了什么？web
在代码中调用 setState 函数以后，React 会将传入的参数对象与组件当前的状态合
并，而后触发所谓的调和过程（Reconciliation）。通过调和过程，React 会以相对高效的方式根据新的状态构建 React 元素树而且着手从新渲染整个 UI 界面。在
React 获得元素树以后，React 会自动计算出新的树与老树的节点差别，而后根据
差别对界面进行最小化重渲染。在差别计算算法中，React 可以相对精确地知道哪
些位置发生了改变以及应该如何改变，这就保证了按需更新，而不是所有从新渲
染。
ajax
六、react中的JSX原理
用 JavaScript 对象来表现一个 DOM 元素的结构JavaScript 写起来太长了，结构看起来又不清晰，用 HTML 的方式写起来就方便不少了。
因而 React.js 就把 JavaScript 的语法扩展了一下，让 JavaScript 语言可以支持这种直接 在 JavaScript 代码里面编写相似 HTML 标签结构的语法， 这样写起来就方便不少了。编译的过程会把相似 HTML 的 JSX 结构转换成 JavaScript 的对象结构。 React.createElement 会构建一个 JavaScript 对象来描述你 HTML 结构的信息，包括标签名、属性、还有子元素等, jsx实际上就是一种javascript对象，他通过react语法的构造，还有编译转化，最后获得dom元素，能够插到页面中： 所谓的 JSX 其实就是 JavaScript 对象，因此使用 React 和 JSX 的时候必定要通过编译的过程: JSX —使用react构造组件，bable进行编译—> JavaScript对象 — ReactDOM.render()—>DOM元素 —>插入页面