人生也有涯 而知也无涯 以有涯随无涯 殆已！ --庄子
1.手写jsonp的实现
来源：http://www.qdfuns.com/notes/16738/1b6ad6125747d28592a53a960b44c6f4.html
首先，我们来讨论一下JSONP 是如何生成的。
其实网上关于JSONP的解释有很多，但是都大同小异，让人困惑，所以我会尝试用我自己的方式来解释这个问题。
1.一个众所周知的问题是Ajax直接请求常规文件，导致跨域未授权访问，无论是静态页面、动态网页、Web服务还是WCF都是如此。不允许域请求。
2.不过我也发现在网页上调用js文件并不受是否跨域的影响（不仅如此，所有带“src”属性的标签都具有跨域功能），脚本、img、iframe 等）。
3、现阶段，如果想通过纯Web端访问跨域数据（不包括ActiveX控件、服务器端代理、未来将成为HTML5一部分的WebSocket等），这是一种可能性，尝试将数据加载到js格式文件中，以供客户端调用和后续处理。
4.我们已经知道有一种纯字符数据格式叫做JSON，它可以让我们简洁地描述复杂的数据。更好的是，js 也原生支持JSON，因此客户端几乎可以按照自己想要的方式处理这种格式的数据。
5、这样，Web客户端调用跨域服务器上动态生成的js格式文件（通常以JSON为后缀）的方式与调用脚本完全相同。为什么服务器要动态生成JSON文件的目的是加载客户端需要的数据。
6. 一旦客户端成功调用JSON 文件，剩下的就是根据需要处理和显示数据。虽然这种方法与AJAX 非常相似，但实际上并不相同。
7、为了方便客户端使用数据，逐渐形成了一种非正式的传输协议，称为JSONP。该协议的关键点之一是允许用户将回调参数传递给服务器。该回调参数作为函数名来包装JSON数据，以便客户端可以自定义自己的函数来自动处理返回的数据。
JSONP客户端的具体实现：
1、我们知道，即使是跨域的js文件中的代码（当然符合Web脚本安全策略）也会导致网页无条件运行。
在远程服务器remoteserver.com的根目录下有一个remote.js文件，其中包含以下代码：
54 实施布局。左侧固定宽度为200，右侧自适应，滚动条自动只选择最高的。
55.如何绘制盒子模型并将Google Chrome显示盒子模型与IE浏览器匹配（将Google与IE匹配，而不是IE与Google）？
56.用手写JS实现类继承，讨论原型链的原理，并解释创建新对象的过程中会发生什么。
57. 列出Array 对象附带的每个方法。
58. 如何从几个数字中选出最大的五个数字？
59. Array对象自带的最底层排序函数是如何实现的？
60.常用的排序算法有哪些？我们介绍一下选择性排序。
61.你了解导航器对象吗？
62.通过手写正则表达式确认电子邮件地址
63.引入CSS的link和@import有什么区别？
64. 当您说某些浏览器不兼容@import时，您指的是哪些浏览器？
65. 介绍cookie、localstorage、sessionstorage 和session
66、用jquery绑定click有几种方法。
67. 你的优势/竞争优势
68.移动端适配问题
69.React的难点是什么？
70.你做过CSS动画吗？
71.如何优化您的网站
72. 未来计划
73.你做过的最困难的事情是什么？
74.css3 html5新特性
75. 闭包、ES6、跨域
76.询问他们做了什么样的项目，使用了哪些技术，遇到了哪些挑战。
77. 兼容性
78. 盒子模型
79. Array 的unshift() 方法有什么作用？如何连接两个数组？如何从数组中删除元素？
80. 使用笔和纸创建任何格式和内容的闭合。
81.你知道类数组对象吗？
82. 如何使用原生JavaScript 读取和写入cookie？
83.你知道CSS盒子模型吗？
84. 如何发出AJAX 请求？
85.你知道跨域访问吗？
86.你了解前端安全吗？如何攻防XSS和CSRF？
87. HTTP 响应的标头中有哪些内容？
88.你了解HTTP2吗？
89. 输入URL 后会发生什么？
90. 新操作员实际上做什么？
91. 面向对象有哪些特点？
92. 创建一个两栏布局，左侧固定宽度，右侧响应式，用笔和纸手写。
93.我们来谈谈AJAX请求
94.我们来说说跨域访问
95. 介绍一下你迄今为止所做的项目。
96.有人问我如何设置多个服务器、架构等。
97. 角度渲染过程
98. 污垢检查
99.Nodejs架构、优缺点、回调
100.CSS盒子模型
101.CSS布局，左边固定宽度，右边自适应宽度
102. 事件流、冒泡和捕获三个阶段是什么？
103. 实现事件代理
104. 原型链
105.两种继承方法
106.ajax的4个进程，原生ajax
107. 关闭。应用闭包的简要说明。那么闭包的主要作用是什么呢？
108. CSS: 两个块元素顶部和底部的margin-top 和margin-bottom 重叠。请问是什么原因呢？
109.js：编写递归。每5 秒总共给自己打电话100 次。
110.cookie和session有什么区别？
111. 网络层次结构
112.你的弱点是什么？
113.做了这么多项目，你有自己的总结吗？
114.如何管理项目文件
115. 控制你的反应和厚颜无耻。
116.cookie会被覆盖吗？localStorage会被覆盖吗？
117.事件代理js实现
118.CSS实现动画效果
119.动画还有哪些其他属性？
120.CSS实现3列布局
121. CSS 保持宽高比1:1
122. CSS 在两个自适应等宽元素之间实现10 个空像素。
123.requireJS的原理是什么？
124. 如何保持登录状态
125.浮动原理及清算方法
126. HTML 语义
127. 如何向原生JS添加类？如果该类已经存在，如何保留它？
128.Jsonp 原则。如何读取脚本中的数据？
129. 是否可以在页面首次加载时将ajax请求返回的数据存储在localStorage中，然后在每次调用时从localStorage中获取？
130和304是什么意思？有没有办法直接使用缓存而不向服务器发出请求？
131.http请求头中有哪些字段？
132.从数组中删除函数。使用arr.splice。你问返回的是哪个拼接吗？应该返回的是被移除的元素。
133. js异步方法（promise、generator、async）
134、跨域请求可以发送cookie吗？
135.你最近看到了哪些开源项目？
136.commonJS 和AMD
137.你平时怎样学习？
138. 为什么使用Translation3d？
139. 如何将另一个对象添加到一个对象的键值对中？
140.get和post有什么区别？
145. 当我发布文件时，文件放在哪里？
146.请告诉我你对组件的理解
147.如何管理组件HTML
148.js中的异步加载，承诺的三种状态，你在ES7中用过async吗？
149.如何继承静态属性
150.js原型链继承
151.jquery和zepto有什么区别？
152. 角度双向绑定原则
153.理解角度和反应
154.什么是MVVM？
155. 移动设备是指移动浏览器、原生浏览器还是混合浏览器？
156.您为移动设备使用哪些库和框架？
157. 使用移动设备时应注意什么？
158. 适应症，应考虑视网膜筛查吗？
159.雷姆是什么？那些是什么？如果前一层是根，em 和rem 等价吗？
160.如何测试自动化？
161.你认为你最擅长什么技术？
162.你有技术能力吗？
163. 如何检查单向链表是否存在环？
164.如何获取页面的a标签？
165. 如何在不使用img和background-img的情况下在页面上放置一个非常简单的图标？
166.确定URL的正则表达式
167. 如何删除字符串前后的空格
168.实现部分页面更新
169.绝对定位和相对定位的区别
170.JS轮播实现思路
171.用js画抛物线。抛物线上面有一个小球，它沿着抛物线运动。有两个按钮可让您保持球移动或停止它。
172.Java双陆棋，说说实现思路
173、不同情况下如何让div居中（绝对定位div、垂直居中、水平居中）。
174.展示的价值有哪些？解释一下它们的作用？
175.CSS中定义的权重
176.Requirejs实现原理
177.如何使用requirejs防止重复加载
178. ES6中箭头函数中的this对象和其他对象有什么区别？
179. TCP 和UDP 的区别
180. TCP三次握手过程
181.xss和csrf的原理以及如何防范
182.mysql和MongoDB的区别
183.w3c事件和IE事件的区别
184.你上传了npm模块吗？
185. IE和W3C如何防止事件冒泡？
186.gulp基本实现原理
187.Webpack基本实现原理
188.gulp和webpack的区别
189.vuejs和angularjs的区别
190.vuex是用来做什么的？
191. 您知道哪些响应状态代码？
192.ajax进程和readyState的一些状态含义
193.除了前端还能做什么？
194.cookie和session的区别
195.关于PHP和Java的一些问题
196.你认为哪个项目最好？
197. 请告诉我你在项目中遇到的任何困难以及你是如何解决的。
198.你对前端优化了解多少？
199.Webpack有什么用？
200.Webpack 和gulp 的区别
201.你对es6和es7了解多少？
202. 您知道哪些响应状态代码？
203.您读过哪些框架的源代码？
204.您遇到过哪些浏览器兼容性问题？
205. 清除浮动的方法有哪些？让我们逐一讨论一下。
206.你知道什么是跨域方法吗？我们逐一讲一下。
207. JavaScript中有哪些类型的值？
208. new 操作符具体是做什么的？
209.如何学习前端以及学习什么
210.我们如何实现两个大整数的乘法？让我们谈谈这个想法。
211.你学过数据结构吗？请告诉我你知道什么。
212.你学过计算机操作系统吗？请告诉我你所知道的。
213.你学过计算机组成原理吗？请告诉我你所知道的。
214.你学过算法吗？请告诉我你所知道的。
215、说说选择排序和冒泡排序的实现思路。
216. 使用哪个框架？
217.如何设计前端CSS框架？
218.我们来谈谈你理解的设计模式。
219.请告诉我你所知道的设计模式的好处。
220.Vue源码结构
221. 状态码
222. 浏览器缓存之间的差异
223、304 和200 读缓存之间的差异
224.什么是http请求头？
225.this在js中的作用
226.js中什么是上下文？
227. js中有什么函数可以改变上下文？
228.你对跨域技术了解多少？
229.如果让你编写自己的js框架，你会使用什么设计模式？
230. 您在项目中通常使用哪些设计模式？
231.给了我一张纸，要求写一个js自定义事件。
232.前端跨域技术
233. 调用和应用之间的区别
234.h5有可以用于定位的API，你知道有哪些吗？
235.Vue和AngularJS中如何实现双向数据绑定？
236. 如何配置Webpack？
237. Nodejs中如何读写文件？
238. 链接和@import 有什么区别？
239. Cookie、sessionStorage 和localStorage 的区别
240.你平时都看哪些前端书籍？
241.请告诉我你对mvc和mvvc的理解。
242.各个职位的价值是什么？我们来谈谈各个职位的作用。
243.编写闭包代码以从多个库中删除目标
244.你的职业规划是什么？
245.优化移动设备性能
246.如何实现延迟加载
247. 点对点问题
248. 前端安全
249. 原生js模板引擎
250. 重涂和回流的区别
251.requirejs如何避免循环依赖？
252. 实现布局：左侧图像，右侧文本（无换行）
253. window.onload 和$(document).ready() 有什么区别？浏览器加载周期什么时候结束？
254、form表单当前页面提交，没有更新目标iframe。
255.setTimeout和setInterval有什么区别？
256. 如何避免多次回调——快速解释如何从外部进行promise和solve()。
257. 利润崩溃？会横向塌陷吗？
258. 伪类和伪元素的区别
259.Vue如何实现父子和非父子组件通信？
260.数组去重
261、使用flex布局实现三等分。左右元素分别粘贴到左侧和右侧，并垂直居中。
262.你平时怎么学习前端？你关注哪些公众号？
263. 绑定函数实现
264. 数组和链表有什么区别？各自适合什么数据结构？
265.理解mvc
266. 描述给你印象最深的项目，你在其中扮演的角色，以及你解决的问题。
267，http 状态码。 401和403有什么区别？
268. 二分查找详解
269.为什么选择前端？《js高级程序设计》和《你不知道的js》有什么区别？
270.您如何评价BAT？
271. 请描述一下你实习期间所做的项目。解决了什么问题，你在其中扮演了什么角色？这个过程中存在哪些问题，有哪些值得改进的地方？
272.如果你有一个项目需要加班一个月，你如何看待加班？
273.您遇到过的最有压力的事件是什么？
274.你平时有什么爱好？
275. 需要改进的地方
276. 将n+1 个数字放入一个n 长数组中。我找不到丢失的号码。
277. 你们有什么优惠吗？
278. 您的第一份工作中最重要的三个方面是什么？
279.您如何评价当前的前端？
280.使用原生JS实现复选框选择，选择所有但不是全部功能。
281. 用四种颜色给正六面体着色有多少种方法？
282.amd和cmd的区别
283.为什么选择前端和移动设备性能优化？
284.vue有什么特点，如何实现双向数据绑定？
285. 对象.defineProperty
286.算法题：数组去重，删除重复多次的元素。 代码问题：根据你输入的内容，如果有嵌套的ul-li结构，去掉对应的li节点，嵌套的ul在下面，当li中的ul去掉后，ul的父li节点也被删除。
287. 页面加载过程
288.浏览器如何实现图像缓存？
现在以上资料已经准备好了，有需要的朋友可以去领取下面的卡片。
版权声明：本文转载于网络，版权归作者所有。如有侵权，请联系本站编辑删除。
