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

前端开发不可忽视的知识点汇总(二)

this总是指向函数的直接调用者(而非间接调用者);如果有new关键字,this指向new出来的那个对象;事件,this指向触发这个事件的对象,特殊的是,IE的attachEvent的this总是指向全局对象...闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。...列举IE与其他浏览器不一样的特性 事件不同之处: 触发事件的元素认为是目标(target)。...  HTTP 401.4 - 未授权:授权筛选器拒绝 HTTP 401.5 - 未授权:ISAPI 或 CGI 授权失败 402——保留有效ChargeTo头响应 403——禁止访问...;HTTP 403.6 - 禁止访问:IP 地址拒绝   HTTP 403.7 - 禁止访问:要求客户证书   HTTP 403.8 - 禁止访问:禁止站点访问

1.7K40

设计模式(12)--JavaScript必会设计模式之外观模式(Façade Pattern)

外观模式不仅简化类的接口,而且对接口与调用者也进行了解耦。外观模式可以将一些复杂操作封装起来,并创建一个简单的接囗用于调用,它经常出现在多层架构的系统。...另一个使用Façades的领域是代码的重构。...申请人申请贷款,申请人的名字传递到Mortgage构造函数,之后调用applyFor方法,并输入申请的贷款金额。...的应用广泛,如果某块代码反复出现,比如函数a的调用基本都出现函数b的调用之前,那么可以考虑考虑将这块代码使用外观角色包装一下来优化结构。...外观模式开发者连续使用时会产生一定的性能问题,因为每次调用时都要检测功能的可用性。

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

loadrunner录制回放常见问题及解决办法

2)录制网页时,浏览器刚打开就自动关闭,或者浏览器无响应    这是由于 IE 打开了第三方插件支持导致的,一般安装了 QTP 会出现这个问题。...3)开始录制时浏览器出现错误     这个问题一般是由于系统安装的问题或 IE 版本不兼容导致的,VuGen 11 最高兼容 IE 9.0。    ... Load Runner 8.x 中经常会出现 VuGen 的代理设置自动覆盖 IE 7.0 的现象。    ...2.回放错误     某些情况下,回放脚本会遇到失败的情况,一般导致脚本回放失败的原因无非以下 几种:     1)脚本的数据存在动态部分     例如脚本是访问一个图片,但是再次回放的时候该图片已经服务器上被删除了...4)脚本添加了不合适的关联或检查点函数     录制选项打开了自动录制关联规则后,录制出来的脚本会自动添加符合规则的关 联函数,而如果在回放时关联函数无法捕获到符合规则的目标则会提示错误

1.7K20

前端二面经典面试题指南_2023-02-28

产生乱码的原因: 网页源代码是gbk的编码,而内容的中文字是utf-8编码的,这样浏览器打开即会出现html乱码,反之也会出现乱码; html网页编码是gbk,而程序从数据库调出呈现是utf-8编码的内容也会造成编码乱码...⽤户打开带有恶意代码的 URL 时,⽹站服务端将恶意代码从 URL 取出,拼接在 HTML 返回给浏览器。 ⽤户浏览器接收到响应后解析执⾏,混在其中的恶意代码也执⾏。...虽然304划分在3XX,但和重定向一毛钱关系都没有 --> <!...方法2:当页面出现业务定义的错误码时,则认为是白屏。比如“网络或服务异常”。 方法3:当页面出现业务定义的特征值时,则认为是白屏。比如“数据加载”。 事件是如何实现的?...因为事件绑定上a标签元素上,而触发这些内部的元素时,e.target指向的是触发click事件的元素(span、img等其他元素)。

43830

JS 外观模式

简介 外观模式(Facade)为子系统的一组接口提供了一个一致的界面,此模块定义了一个高层接口,这个接口值得这一子系统更加容易使用。 外观模式JS中常常用于解决浏览器兼容性问题。 2....外观模式经常被用于JavaScript类库里,通过它封装一些接口用于兼容多浏览器,外观模式可以让我们间接调用子系统,从而避免因直接访问子系统而产生不必要的错误。...但也有缺点 外观模式开发者连续使用时会产生一定的性能问题,因为每次调用时都要检测功能的可用性。 下面是一段未优化过的代码,我们使用了外观模式通过检测浏览器特性的方式来创建一个跨浏览器的使用方法。...一般来说分三个阶段: 设计初期,应该要有意识地将不同的两个层分离,比如经典的三层结构,在数据访问层和业务逻辑层、业务逻辑层和表示层之间建立外观Facade。...(备忘模式) JS 状态模式 JS 桥接模式 JS 观察者模式 网上的帖子大多深浅不一,甚至有些前后矛盾,在下的文章都是学习过程的总结,如果发现错误,欢迎留言指出~ 参考: 设计模式之外观模式 《Javascript

1.3K40

jQuery 升级踩坑大全

deprecated 早期jQuery名字叫toggle的函数有两个,一个是用于控制元素的显示和隐藏,这个用途的函数目前jQuery依旧存在;另一个就是上面提到的废弃的toggle函数,它用于绑定至少两个函数到同一个元素...这两个同名函数功能相差甚远,为了不引起误导,jQuery 1.8就不再建议使用了。...$(html)格式书写错误 jQuery Migrate出现以下三种警告的任何一种,都是属于这个错误: 1....虽然我感觉这是一种并不算优雅的行为,但是很多浏览器都是支持这么做的,除了IE6/7/8。建议实际也是少用这个功能为好。 4....因为这五个接口从来没有出现在jQuery的官方文档,并且有些在后续版本已经删除,可谓来无影去无踪。看源代码的话早期版本有机会找到他们的存在,但是并不建议使用。建议采用其他方法实现相应的功能。

3.8K90

Ajax全接触-imooc

Ajax介绍  同步——客户端发起请求,服务端需要处理,响应,此时客户端完全等待,当服务器处理完毕,客户端重新载入页面,如果出现错误,再次发生请求,处理,等待......2XX::成功,表示用户请求正确接收,理解和处理 如200 OK 3XX:重定向,表示没有请求成功,客户必须采取进一步的动作 4XX:客户端错误,表示客户端提交的请求有错误,例如:404 NOT FOUND...(IE6\7不支持) jQuery的Ajax (document).ready(function(){      ("#search").click(function(){          .ajax...,返回的JSON作为参数传入回调函数,通过回调函数操作数据。...,这个函数接收一个参数(数据),函数里面利用这个参数做一些事情,然后需要的时候通过script标签加载对应远程文件资源,当远程文件资源加载进来的时候,就会去执行我们前面定义好的函数,并且把数据当作这个函数的参数传入进去

5.7K20

JavaScript 事件绑定

,会出现一些问题: 1.如果增加一个执行函数,那么会被覆盖 box.onclick = toAlert;//增加的函数 box.onclick = toBlue;//toAlert被覆盖了 2.如果解决覆盖问题...('click', function () { alert('Lee'); }, true);//把布尔值设置成false,则为冒泡 三.IE事件处理函数 IE实现了与DOM类似的两个方法:attachEvent...使用这两组函数的时候,先把区别说一下:1.IE不支持捕获,只支持冒泡;2.IE添加事件不能屏蔽重复的函数;3.IE的this指向的是window而不是DOM对象。...PS:IE的事件绑定函数attachEvent()和detachEvent()可能在实践不去使用,有几个原因:1.IE9就将全面支持W3C的事件绑定函数;2.IE的事件绑定函数无法传递this;3...四.事件对象的其他补充 W3C提供了一个属性:relatedTarget;这个属性可以mouseover和mouseout事件获取从哪里移入和从哪里移出的DOM对象。

3.3K60

美团前端常考面试题(必备)_2023-03-01

401.7 - 访问 Web 服务器上的 URL 授权策略拒绝。这个错误代码为 IIS 6.0 所专用。...403.3 - 写访问被禁止。403.4 - 要求 SSL。403.5 - 要求 SSL 128。403.6 - IP 地址拒绝。403.7 - 要求客户端证书。403.8 - 站点访问拒绝。...403.12 - 拒绝访问映射表。403.13 - 客户端证书吊销。403.14 - 拒绝目录列表。403.15 - 超出客户端访问许可。403.16 - 客户端证书不受信任或无效。...,表示发送的请求需要有通过 HTTP 认证的认证信息403 forbidden,表示对请求资源的访问被服务器拒绝404 not found,表示服务器上没有找到请求的资源(4)5XX 服务器错误500...图片函数执行改变this由于 JS 的设计原理: 函数,可以引用运行环境的变量。因此就需要一个机制来让我们可以函数体内部获取当前的运行环境,这便是this。

62420

【JS】395-重温基础:事件

,但是事件处理程序还未定义(函数的定义HTML最底下定义),就会出现报错,这与HTML代码加载顺序有关。...作用域链的异常 由于不同浏览器JavaScript引擎遵循的标识符解析规则存在差异,导致访问非限定对象成员时出错,表现为事件处理程序的作用域链不同浏览器结果不同。...注意:通过 addEventListener()添加的事件只能通过 removeEventListener()移除,并且两者传入的参数一致,这就意味着通过 addEventListener()添加的匿名函数不能移除...的事件对象 访问IE的事件对象 event,方法有多种,取决于事件处理程序的方法: DOM0级方法,使用 window.event var leo = document.getElementById...'btn2点击');});my_event.myAddFun(btn3, 'click', function(event){ alert('btn3点击');}); 下面我们DOM树层级更高的元素上添加一个事件处理函数

1K60

20道前端高频面试题(附答案)

从语法上说,Promise 是一个对象,从它可以获取异步操作的消息一般 Promise 执行过程,必然会处于以下几种状态之一。待定(pending):初始状态,既没有完成,也没有拒绝。...401.7 - 访问 Web 服务器上的 URL 授权策略拒绝。这个错误代码为 IIS 6.0 所专用。...403.3 - 写访问被禁止。403.4 - 要求 SSL。403.5 - 要求 SSL 128。403.6 - IP 地址拒绝。403.7 - 要求客户端证书。403.8 - 站点访问拒绝。...403.12 - 拒绝访问映射表。403.13 - 客户端证书吊销。403.14 - 拒绝目录列表。403.15 - 超出客户端访问许可。403.16 - 客户端证书不受信任或无效。...,表示发送的请求需要有通过 HTTP 认证的认证信息403 forbidden,表示对请求资源的访问被服务器拒绝404 not found,表示服务器上没有找到请求的资源(4)5XX 服务器错误500

97130

JS实现的ajax和同源策略

服务器返回true或false,返回true表示这个用户名已经注册过,返回false表示没有注册过。 客户端得到服务器返回的结果后,确定是否在用户名文本框后显示“用户名已被注册”的错误信息!...如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问。 jsonp(jsonpadding) 之前发ajax的时候都是自己给自己的当前的项目下发 现在我们来实现跨域发。...} }) }) =========================views======================== 出现了一个错误...,这是因为同源策略给限制了,这是游览器给我们报的一个错 (但是注意,项目2访问已经发生了,说明是浏览器对非同源请求返回的结果做了拦截。)...结果是一样的,要注意的是url的后面必须添加一个callback参数,这样getJSON方法才会知道是用JSONP方式去访问服务,callback后面的那个?

2.5K20

【前端基础】JS基础学习笔记整理

建议设置 IE的浏览器的高级属性启用脚本调试,可以发现错误存在的地方。...JavaScript函数和属性共享同一个名字空间。所以,当在HTML的一个id和函数或属性有相同的名字时,你会得到难以跟踪的逻辑错误。...下会出现“对象不支持此属性和方法”的错误IE8 beta2下首次加载页面会出错,刷新页面则不会 //IEthisLength和thatLength直接表示以其为id值的DOM节点,...‘this’ 另一个常见的错误是忘记使用“this”。JavaScript对象定义的函数访问这个对象的属性,但没有使用引用标识符“this”。...Web上总是以同名的一组对象出现函数,遍历对象组的每个元素,如果该元素的是否Checked,如果是,则把该元素的值存入到数组selArray,最后,函数返回值为数组selArray。

2.2K70

早知道有这么个吊炸天的开源自动化神器,我就不用其它工具了!

("OK") ; 在当前窗口中点击"OK"按钮 获取窗口标题: $title = WinGetTitle("[ACTIVE]") ; 获取当前活动窗口的标题,并存储变量$title MsgBox...如果备份成功,将显示成功消息,否则将显示错误消息。...窗口激活并点击鼠标左键一次(双击)操作需要两个步骤来完成,所以使用两个WinWaitActive函数和两个Click函数来实现双击操作。...WinWaitActive("[CLASS:Notepad]") ; 等待"记事本"窗口激活 Click("Notepad") ; "记事本"窗口上点击鼠标左键一次(第一次点击) WinWaitActive...("[CLASS:Notepad]") ; 等待"记事本"窗口再次激活(双击操作间隔) Click("Notepad") ; "记事本"窗口上再次点击鼠标左键一次(第二次点击)以完成双击操作。

24310

《JavaScript 模式》读书笔记(8)— DOM和浏览器模式1

而且除JavaScript以外的其他程序(例如IE的VBScript)也可以用来和页面的DOM共同工作。   总之DOM的访问应该减少到最低。这意味着: 避免循环中使用DOM访问。...IE8.0之前的版本没有该方法,在这些老版本浏览器应该使用attachEvent()。   让我们回顾一下初始化分支模式(参考第四章),可以看到定义跨浏览器事件监听器工具的一种比较好的实现范例。...} else { // 终极手段 b.onclick = myHandler; }   现在一旦按钮点击,myHandler()函数将会执行,该函数会增加按钮上面“clickme:0”的数值...一些事件拥有默认操作,但可以使用preventDefault()来阻止默认操作(IE,通过将returnValue设置为false来实现)。   ...这是十分方便的,因为当事件关注的节点之外发生时,回调事件函数实际上并没有调用。

83520

《JavaScript 模式》读书笔记(8)— DOM和浏览器模式1

而且除JavaScript以外的其他程序(例如IE的VBScript)也可以用来和页面的DOM共同工作。   总之DOM的访问应该减少到最低。这意味着: 避免循环中使用DOM访问。...IE8.0之前的版本没有该方法,在这些老版本浏览器应该使用attachEvent()。   让我们回顾一下初始化分支模式(参考第四章),可以看到定义跨浏览器事件监听器工具的一种比较好的实现范例。...} else { // 终极手段 b.onclick = myHandler; }   现在一旦按钮点击,myHandler()函数将会执行,该函数会增加按钮上面“clickme:0”的数值...一些事件拥有默认操作,但可以使用preventDefault()来阻止默认操作(IE,通过将returnValue设置为false来实现)。   ...这是十分方便的,因为当事件关注的节点之外发生时,回调事件函数实际上并没有调用。

89230

jQuery 事件绑定 和 JavaScript 原生事件绑定

live、delegate 不多用,Jquery1.7已经移除,这里不多说 重点介绍 bind、on bind(event,[data],function) bind 是使用频率较高的一种,作用就是选择到的元素上绑定特定事件类型的监听函数...JavaScript支持标签中直接绑定事件 2.JavaScript代码onXXX绑定:JavaScript代码绑定事件可以使JavaScript代码与HTML标签分离,文档结构清晰,便于管理和开发...JavaScript代码onXXX绑定 JavaScript代码绑定事件的语法为: elementObject.onXXX=function(){     // 事件处理代码 } 其中: elementObject...addEventListener() 是标准的绑定事件监听函数的方法,是W3C所支持的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数; 但是,IE8.0及其以下版本不支持该方法...语句,避免浏览器出现错误提示。

5.6K20

前端开发面试题

超链接访问过后hover样式就不出现点击访问过的超链接样式不在具有hover和active了解决方法是改变CSS属性的排列顺序: L-V-H-A : a:link {} a:visited...Zoom属是IE浏览器的专有属性,火狐和老版本的webkit核心的浏览器都不支持这个属性。然而,zoom现在已经逐步标准化,出现在 CSS 3.0 规范草案。...this总是指向函数的直接调用者(而非间接调用者); 如果有new关键字,this指向new出来的那个对象; 事件,this指向触发这个事件的对象,特殊的是,IE的attachEvent的this...闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。...SSL 128   HTTP 403.6 - 禁止访问:IP 地址拒绝   HTTP 403.7 - 禁止访问:要求客户证书   HTTP 403.8

5K52
领券