首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

求职 | 史上最全的web前端面试题汇总及答案2

21、如何在页面上实现一个圆形的可点击区域? ①map+area或者svg ②border-radius ③纯js实现 需要求一个点在不在圆上简单算法、获取鼠标坐标等等 22、CSS3有哪些新特性?...因为它涉及浏览器兼容、跨域等问题,在项目中一般会使用一些基础类库辅助实现jQuery等。 一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。...所以它往往在AJAX替代XML,交换数据。 6、你的项目中有使用到跨域吗?你在项目中是如何处理JS跨域问题的? ①有。 ②主要是使用其它网站提供的javascript apiQQ。...JQuery 1、你使用过jQuery吗?如果有,你为什么要使用jQuery? ①用过。...6、ajax、get、post、ajaxSetup、getJSON各有何用途? ①ajaxjQueryajax执行的核心方法。其它ajax方法都是使用方法实现

6K20
您找到你想要的搜索结果了吗?
是的
没有找到

使用TamperMonkey解决Google被墙stackoverflow无法正常使用的问题

jquery.min.js 失败了,因为Google被墙了,导致其域名下的js文件也访问不了,而这个jquery获取失败导致了后面一连串的js报错。...但是怎么实现访问所有stackoverflow域名下的页面都能实现自动替换?...之前接触过一个Chrome的插件叫 TamperMonkey,这个工具允许用户自己创建js脚本并挂载到目标网页上,以实现修改网页样式、行为的目的。...TamperMonkey脚本 我们先来看下google的jquery引用在页面的样子: 可以看到就是普通的script标签,现在我们的思路应该比较明确了,就是用javascript...首先我们需要设置脚本运行的时间点,我们希望在google的jquery script刚被添加到DOM时就替换它,但是在查阅了大量的资料后发现这个做不到(如果有人知道怎么做,欢迎留言),所以我们只能选择在尽量早的时间点去执行脚本

2.4K61

都9102年了,还需要用到 jQuery 吗?

介绍 关于 jQuery 这个流行的 JavaScript 库如何死亡的问题一直在不断的被讨论。...在一些简单的或普通的网站,性能缓慢几乎不会引起注意,并且可能是为了更多功能所做的折衷,但是在每一毫秒都很重要的大型复杂网站jQuery 一般会降低此类网站的性能。...动画 jQuery 的动画是通过 .animate 方法实现的。...单向数据流 用 ngModel 可以实现双向数据绑定 响应式数据绑定系统可以使用 V-model 实现双向数据 状态管理 可以使用专门的库来实现 Context API,Redux 第三方库,NGRX...建议学习 jQuery 以及在项目中用它实现一些基本的功能(技多不压身)。文档能够帮你很快入门。

2.1K40

跨域请求数据解决方案整理

诞生背景: 1、Ajax直接请求普通文件存在跨域无权访问的问题,甭管是静态页面、动态网页、web服务、wcf、只要是跨域请求,一律不行。...具体实现: 不管jQuery也好,extjs也罢,又或者是其他支持jsonp的框架,他们幕后所做的工作都是一样的,下面来循序渐进的说明一下jsonp在客户端的实现: 1、我们知道,哪怕跨域js文件的代码...很欣喜,跨域远程获取数据的目的基本实现了,但是又一个问题出现了,怎么让远程js知道它应该调用的本地函数叫什么名字?...我们看到调用的url传递了一个code参数,告诉服务器要查的是CA1998次航班的信息,而callback参数则告诉服务器,的本地回调函数叫做flightHandler,所以请把查询结果传入这个函数中进行调用...为什么这次没有写flightHandler这个函数?而且竟然也运行成功了!

1.2K70

JSON与JSONP的区别

1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准; 2、不过我们又发现,Web页面上调用js文件时则不受是否跨域的影响...JSONP的客户端具体实现: 不管jQuery也好,extjs也罢,又或者是其他支持jsonp的框架,他们幕后所做的工作都是一样的,下面来循序渐进的说明一下jsonp在客户端的实现: 1、我们知道,哪怕跨域...很欣喜,跨域远程获取数据的目的基本实现了,但是又一个问题出现了,怎么让远程js知道它应该调用的本地函数叫什么名字?...我们看到调用的url传递了一个code参数,告诉服务器要查的是CA1998次航班的信息,而callback参数则告诉服务器,的本地回调函数叫做flightHandler,所以请把查询结果传入这个函数中进行调用...为什么这次没有写flightHandler这个函数?而且竟然也运行成功了!

1.7K20

全网最新、最全的jQuery核心知识,你真的不想点开看看嘛?

是你们的老朋友Java学术趴,今天继续给大家分享jQuery的相关知识。jQuery 底层 AJAX 实现。简单易用的高层实现 .get,.post 等。...8.2 jQuery 对象转换DOM对象 jQuery 对象本身为数组对象,数组的第 0 个元素即为 jQuery 对象对应的 DOM 对象。...方法给 API 带来很多便利,推荐使用方法 语法 :$("选择器").on( "事件名称" ,事件的处理函数) 事件名称 : 就是js事件中去掉on的部分 (jsonclick on事件 click...JQuery提供了 each() 方法用于遍历匹配的元素信 element: 数组的对象 : 这个是自定义的数组的元素的标识符,这个元素可以是普通元素(直接获取)、json对象的value(直接获取)...使用三个函数就可以实现ajax的请求处理。 处理ajax请求的三个函数: $.ajax() : jQuery实现ajax的核心参数。 $.post() : 使用post方式发送ajax请求。

5.8K10

【分享】Vue.js新手入门指南

单页应用程序中一般交互处理非常多,而且页面的内容需要根据用户的操作动态变化。 4.你前面说的网页版知乎也可以用JQuery写啊,为什么要用Vue.js?...但也有人认为基本上会用Vue.js开发的都是页面内容很多的元素,肯定操作的DOM量级普遍较大,平均一下还是比较划算的。 9.到底怎么用Vue.js做单页应用开发?...当然对前端有更深入的同学还会知道Sass,Less,stylus之类的CSS预处理器,我们也可以通过在Loader编写特定的规则来实现自动将这些CSS预处理语言转换成普通浏览器能识别的CSS代码。...如果我们想用JavaScript写出一些能够运行在操作系统上的,能够具有像PHP,JAVA之类的编程语言具有的功能的程序怎么办?Node.js就解决了这个问题。...19.学Vue.js2.0还是1.0? 现在很多框架和语言都是学新不学旧(Python慢慢也变得如此),因此如果不是为了维护老旧项目,肯定推荐学Vue.js2.0。

3.5K40

Django之CSRF(跨站请求伪造)

那么什么是跨站请求伪造?让一个词一个词的解释: 1、跨站:顾名思义,就是从一个网站到另一个网站。 2、请求:即HTTP请求。 3、伪造:在这里可以理解为仿造、伪装。...综合起来的意思就是:从一个网站A中发起一个到网站B的请求,而这个请求是经过了伪装的,伪装操作达到的目的就是让请求看起来像是从网站B中发起的,也就是说,让B网站所在的服务器端误以为请求是从自己网站发起的...二丶简介 django为用户实现防止跨站请求伪造的功能,通过中间件django.middleware.csrf.CsrfViewMiddleware 来完成。.../jquery-1.8.0.js"> <script...} } }); // 上面是获取token,在以后ajax操作前,写上面这个配置。

1.1K30

说说JSON和JSONP,也许你会豁然开朗-转

1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;   2、不过我们又发现,Web页面上调用js文件时则不受是否跨域的影响...JSONP的客户端具体实现:   不管jQuery也好,ExtJs也罢,又或者是其他支持jsonp的框架,他们幕后所做的工作都是一样的,下面来循序渐进的说明一下jsonp在客户端的实现:   1、我们知道...很欣喜,跨域远程获取数据的目的基本实现了,但是又一个问题出现了,怎么让远程js知道它应该调用的本地函数叫什么名字?...我们看到调用的url传递了一个code参数,告诉服务器要查的是CA1998次航班的信息,而callback参数则告诉服务器,的本地回调函数叫做flightHandler,所以请把查询结果传入这个函数中进行调用...为什么这次没有写flightHandler这个函数?而且竟然也运行成功了!

1.6K60

AJAX培训笔记_js基础笔记

,属性名必须小写,属性值必须位于“”或''内 2:创建ajax服务端代码:AjaxServer.java 和普通的servlet类似,区别在于,普通servlet返回的是页面,而ajax返回的 是我们想要的数据...ajax框架:dwr,dojo,ext,prototype,jquery 3、编写页面:ajax.html A:编写js:verify.js B:在页面引入js 4、精简js:verify.js-...-->verify1.js 5、不使用jquery框架,直接使用ajax的异步对象XMLHttpRequest对象去实现ajax应用 步骤: A:创建XMLHttpRequest对象 B:注册回调函数...的ajax方法实现文本数据的返回 verify.js---->verifyJquery.js $.ajax({ //type:"get", //url:"ajaxServer?...的ajax方法实现xml数据的返回 verifyJquery.js---->verifyJqueryXML.js $.ajax({ //type:"get", //url:"ajaxServer?

6.5K10

说说JSON和JSONP( 含jquery例子)

1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准; 2、不过我们又发现,Web页面上调用js文件时则不受是否跨域的影响...JSONP的客户端具体实现: 不管jQuery也好,extjs也罢,又或者是其他支持jsonp的框架,他们幕后所做的工作都是一样的,下面来循序渐进的说明一下jsonp在客户端的实现: 1、我们知道,哪怕跨域...很欣喜,跨域远程获取数据的目的基本实现了,但是又一个问题出现了,怎么让远程js知道它应该调用的本地函数叫什么名字?...我们看到调用的url传递了一个code参数,告诉服务器要查的是CA1998次航班的信息,而callback参数则告诉服务器,的本地回调函数叫做flightHandler,所以请把查询结果传入这个函数中进行调用...为什么这次没有写flightHandler这个函数?而且竟然也运行成功了!

1.4K50

python自动化之BeautifulReport显示异常的解决方案

对,就是点王,就不信我结局不了这个小问题,无非是上天让再水一篇文罢了(不是)! 2、解决过程 (不想看解决过程的小伙伴可以直接拉到最后的总结哦,直接搬运即可!)...原来是资源404了,找不着了(一般可能由于cdn有波动导致的,过几个小时或者等一天就会恢复,但正常来说,不知道是这个原因的,肯定头都裂开,再说,万一今天领导就要看报告?)..."> scr替换cdnjs的如下: 但由于BeautifulReport这个项目是2019年的,可能会存在兼容方面的问题,故我们需要将大版本保持一致,回到cdnjs查找发现是有3.3.5这个版本,于是乎再次替换。...cdn.bootcdn.net/ajax/libs/chosen/1.8.7/chosen.jquery.js"> 3、伪一劳永逸的方法 把这次我们的这些链接一个个去浏览器打开,右键全选复制

99310

33·灵魂前端工程师养成-异步与promise

以上是生活的例子,那么我们接下来以代码为例子。...# 在中文中「回头」也有「将来」的意思,:「回头请你吃饭」 ---- 异步和回调的关系 ## 关联 # 异步任务需要在得到结果时通知JS来拿结果 # 怎么通知?...# 可以让JS写留一个函数地址(电话号码)给浏览器 # 异步任务完成时,浏览器调用含税地址即可(拨打电话) # 同时把 结果作为参数传给该函数(电话说,可以来吃饭了) # 这个函数是写给浏览器调用的...前端结合Promise和JS,制定了Promise/A+规范。 规范详细描述了Promise的原理和使用方法。...花时间把ajax写到完美(有时间可以做) 使用JQuery.ajax这个可以) 使用axios(这个库比JQuery逼格高) ---- JQuery.ajax 已经非常完美,进入JQuery文档

89730

前后端分离 | 关于登录状态那些事

有人说它很简单,其实不然,登录逻辑很简单,但涉及知识点比较多,:密码加密、cookie、session、token、JWT等。 我们看一下传统的做法,前后端统一在一个服务: ?...下次用户在这个浏览器(Browser),再次访问服务时,请求中会带上这个Cookie,服务端根据这个Cookie就能找到对应的session,从session取得用户的信息,从而 维持了用户的登录状态.../ajax/jQuery/jquery-1.8.0.js"> $(function () { $.ajax({.../ajax/jQuery/jquery-1.8.0.js"> $(function () { $.ajax({...总结 前后端分离,基于Cookie-Session机制的登录总结如下 前后端同域——与普通登录没有区别 前后端不同域 JSONP方式实现 CORS方式实现

1.7K30

jQuery Ajax 全解析

jQuery 1.2 版本之前,getScript 只能调用同域 JS 文件。1.2,您可以跨域调用 JavaScript 文件。注意:Safari 2 或更早的版本不能在全局作用域中同步执行脚本。...这个方法可以用在例如当只有编辑器focus()的时候才去加载编辑器需要的JS文件.下面看一些示例代码: 加载并执行 test.js。...简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作对象,但特殊情况下可用于手动终止请求。...jQuery 1.2 ,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时, "myurl?callback=?"...(这个不是很懂) 参数列表: 参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。

9.5K10

jQuery 升级踩坑大全

不过,改成这个库可能改动成本有点大,如果你还是想沿用jQuery.browser的思路的话,可以自己去实现一下它。...一般情况以井号开头,例如$("#test"),其实就是一个普通的选择器,但是上面例子后面又夹杂着html字符串,这会被jQuery判断为潜在的XSS攻击。...JQMIGRATE: jQuery.fn.attr( props, pass ) is deprecated 实践发现,早期写的代码里面,获取一个input输入表单的值时,是怎么获取的?...这个问题常见于AJAX接收服务端返回值的时候。服务端可能返回一个空字符串,这时候调用接口会产生错误。必须向$.parseJSON传入合法的JSON字符串。...虽然感觉这是一种并不算优雅的行为,但是很多浏览器都是支持这么做的,除了IE6/7/8。建议在实际也是少用这个功能为好。 4.

3.8K90
领券