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

看不完的那种!前端170面试题+答案学习整理(良心制作)

39.jquery或zepto源码有哪些地方觉得不错 jquery源码封装在一个匿名函数的自执行环境中,有助于防止变量的全局污染。...42.jQuery中有哪几种常见的选择器 基本选择器;层次选择器;过滤选择器;属性选择器;子元素选择器;表单选择器;内容选择器;可见选择器 43.使用jQuery将页面上所有元素边框设置为2px宽的虚线...this 是window;函数this 是调用者;构造函数的this 是new 之后的新对象,call 和 apply bind的this第一个参数 144.如何解决块属性标签浮动后,在设置水平margin...构造函数函数名首字母大写,构造函数类似于一个模板,可以使用new关键字执行构造函数,创建实例化对象。...创建一个新的对象,这个对象的类型是object,将this变量指向该对象;将对象的原型指向该构造函数的原型;执行构造函数,通过this对象,为实例化对象添加自身属性方法;将this引用的新创建的对象返回

11.4K50

JavaScript设计模式(2)——Module(模块)模式

Module(模块)模式 JavaScript中,Mosule模式用于模拟类的概念,这种方式能够使一个单独的对象拥有公有/私有方法和变量,从而屏蔽来自全局作用域的特殊部分。...模式变化 3.1 引入混入 下面的例子演示了全局变量(jQuery,Underscore)如何作为参数传递给模块的匿名函数。我们引入它们,并给它们取一个本地别名。...和Uderscore })(jQuery, _); myModule.publicMethod(); 3.2 引出 下面的例子声明了一个全局变量,而不需要实现它们,并可以同样地作为全局变量引入到模块中...// 全局模块 var myModule = (function(){ // 模块对象 var module = {}, // 私有属性 var privateVariable...其次,它支持了私有数据 3.5 缺点 由于我们访问私有和公有成员的方法不同,当我们想改变可见性时,实际上我们要修改每一个使用过成员变量的地方。 此外,我们也无法访问那些在方法里添加的私有成员。

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

全面分析前端的网络请求方式

- 一个时代 fetch - Ajax的替代者 axios、request等众多开源库 三、关于网络请求的疑问 Ajax的出现解决了什么问题 原生 Ajax如何使用 jQuery的网络请求方式 fetch...在浏览器中可以使用 AbortController()构造函数创建一个控制器,然后使用 AbortController.signal属性 这是一个实验中的功能,此功能某些浏览器尚在开发中 Headers...这里注意: 传入的 headers被当作 Headers构造函数的参数来构造header对象。...可见构造函数中主要对 options中的 status、statusText、headers、url等分别做了处理并挂载到 Response对象上。...构造函数里面并没有对 responseText的明确处理,最后交给了 _initBody函数处理,而 Response并没有主动声明 _initBody属性,代码最后使用 Response调用了 Body

1.7K40

jQuery源码研究:为jQ对象扩展的一些工具方法(上)

proto){ return true; } // 对象如果是被全局对象函数构造出来的,则返回其构造函数本身 // 这里hasOwn...false } }) 只有键值对形式的js对象,才返回true,才被视为纯对象,即使是构造函数和普通函数等“对象”也不行。...A(x) { this.x = x } A.prototype = obj; //将构造函数A的原型指向对象obj var a = new A(10); console.log('所有可枚举属性...: x */ 4、globalEval(),用于全局性的执行一段代码,其执行代码的作用域是全局作用域,这个方法还是尽量少用,毕竟作用域的使用还是规范的好。...// 接上上例的构造函数A的实例对象a来做演示 console.log(jQuery.each( a, function(index, val){ if(index === 'a'){ //当遍历到的属性

59230

【深入浅出jQuery】源码浅析--整体架构

{ // jQuery 代码 })(window); jQuery 具体的实现,都被包含在了一个立即执行函数构造的闭包里面,为了不污染全局作用域,只在后面暴露 $ 和 jQuery 这 2 个变量给外界...当我们使用第一种无 new 构造方式的时候,其本质就是相当于 new jQuery(),那么在 jQuery 内部是如何实现的呢?...源码解析较长,点击下面可以展开,也可以去这里阅读: // 扩展合并函数 // 合并两个或更多对象的属性到第一个对象中,jQuery 后续的大部分功能都通过该函数扩展 // 虽然实现方式一样,但是要注意区分用法的不一样...(),只是返回引用this // jQuery.merge 把 elems 节点合并到新的 jQuery 对象 // this.constructor 就是 jQuery构造函数 jQuery.fn.init...window.jQuery = _jQuery; } // 这里返回的是 jQuery 库内部的 jQuery 构造函数(new jQuery.fn.init()) // 像使用

62041

StackOverflow上关于JavsScript的热门问答

你会如何向一个有概念(例如,函数,变量等)的人解释,来弥补闭包知识,但不理解闭包本身? Answers: 无论何时你看到function关键字在另一个函数内部,那么内部函数将可访问外部函数的变量。...函数参数和父对象一起,这个执行上下文也接收所有的外部声明的变量(在上面的例子,'a' 和 'b' 都是) 创建多个闭包函数是可能的,或者通过返回他们的列表,或者通过设置他们的全局变量。...Q3:测试是否有东西被隐藏 问题描述: 在jQuery中,可以切换元素的可见性,使用方法.hide(), .show() 或者.toggle()....使用jQuery,你如何测试一个元素是可见的还是隐藏的?...我的建议是完全绕过这个问题,只是不使用字符串构造函数创建字符串对象。

1.3K71

JS与ES6高级编程学习笔记(二)——函数与作用域

2.1、构造函数 构造函数可以用来创建对象。构造函数与普通的函数类似,一般首字母大写。使和new操作符调用构造函数可以创建一个新对象并自动返回,返回的对象类型就是该构造函数类型。...我们可以通过构造函数的原型中的constructor属性访问对象的构造器。每一个对象都有__proto__属性,指向其的构造函数的prototype属性对象,用来实现继承关系。 <!...(5)、prototype 原型对象,用于构造函数,这个对象定义的属性和方法由构造函数创建的所有对象共享。...3.3、函数作用域 虽然JavaScript没有块级作用域但它拥有函数作用域,函数作用域意味着在函数中定义的成员在函数内部是可见的,但是在函数外部不可见。...6.4、代码题 声明一个Student构造方法,实现get+属性名与set+属性名的通用函数,能实现任意属性的访问功能,注意set函数要求实现级联效果,要求达到的效果如下代码所示: function

1.2K10

JS的面试题(一)

前端的面试题 1.构造函数的返回值是什么? new生成的实例 2.构造函数中如果存在return,那么new构造函数会发生什么?...new生成的实例 4.如何检测一个属性是否为对象的自身属性 对象.hasOwnProperty(“属性”) 5.构造函数和原型和实例的关系 new构造函数生成实例 实例的__proto__指向构造函数的原型...原型上的constructor属性构造函数 6.new发生了什么?...,当内层函数在外层函数的外部调用时,就产生了闭包 10.用闭包可以解决什么问题 循环绑定事件中获取索引 无需全局变量实现变量值递增 11.argums是什么?...:检测构造函数额原型是否在对象的原型链上 19.如何判断一个对象是否为另一个对象的原型?

8310

你不知道的JavaScript APIs

停止一些实时获取数据的API 发送一些用户信息 如何使用它? Page Visibility API 有两个属性和一个事件来访问页面可见性状态。...I18n API是一个了不起的工具,有多种用途,但这里不会深入研究,以免使本文过于冗长。 如何使用它? I18n API 使用 locale 标识符来工作。...Collator,NumberFormat 和 DateTimeFormat 对象的构造函数是 Intl 对象的属性。本页文档内容包括了这些属性,以及国际化使用的构造器和其他语言的方法等常见的功能。...在我们的例子中,我们重点关注 Intl.DateTimeFormat() 构造函数,以根据用户的区域设置来格式化报价的 dateAdded 属性。...我们可以使用navigator.language全局属性在报价单的日期上实现这一行为,该全局属性持有用户的首选区域设置。

75920

JQuery常用命令

JQuery 3.x:比较小、功能更强大、不兼容老 IE HTML 中使用 JQuery,只需要使用 Script 标签引入 JQuery-*.js 即可,会为全局window添加两个新的成员: (1...原生 DOM 对象不能调用 JQuery 提供的函数 JQuery 函数返回的类数组对象也不能调用核心 DOM 成员 (6). 原生 DOM 对象和 JQuery 对象间如何转换 ①....[attribute$=value] 属性以value结尾的属性 (6). [attribute*=value] 具备指定的属性,且值中包含指定字符 13. 可见性选择器 (1)....定时器 + 属性修改 JQuery1/2 动画函数 (4). requestAnimationFrame JQuery3 36....JQuery 全局插件函数 原本要声明的工具函数(如 max()/min())如果声明为全局函数,会造成“全局对象(window)的污染;为了避免污染全局对象,可以把这些函数纳入到 JQuery 对象的名下

6.4K10

前端面试宝典 v1

构造函数模式 3. 原型模式 4. 混合构造函数和原型模式 5. 动态原型模式 6. 寄生构造函数模式 7. 稳妥构造函数模式 52、javascript继承的 6 种方法? 1. 原型链继承 2....全局的this → 指向的是Window 函数中的this → 指向的是函数所在的对象 对象中的this → 指向其本身 60、分别阐述split(),slice(),splice(),join()?...(5) 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。 (6) 避免使用CSS Expression(css表达式)又称Dynamicproperties(动态属性)。...this执行init构造函数自身,其实就是jQuery实例对象,返回this是为了实现jQuery的链式操作 1、jquery如何将数组转化为json字符串,然后再转化回来?...$.parseJSON('{"name":"John"}'); 2、jQuery属性拷贝(extend)的实现原理是什么,如何实现深拷贝?

2.3K41

openwrt外网web管理_OpenAPI

JavaScript 模块,并把这个函数放在全局变量openerp的属性内.这个属性名称必须和OpenERP addon 模块名称一致 (这 addon 模块名为 oepetstore,我应把函数赋值给...}, }); 类的实例化: var my_object = new instance.oepetstore.MyClass(); my_object.say_hello(); 类可以有一个构造函数...$(“input.my_input”) 说明:我们强烈建议你也不要使用,全局 jQuery函数()。这种全局选择器满足简单应用,但在真正的大型 web 应用程序中不好。...由于 () 全局函数是操作浏览器中的全部 HTML,如果你实例化一个部件两次,该函数会搞混两个部件的个内容。...5.开发指南 遵循原则: 1)标识符(id属性),应尽量避免使用。在通用的应用程序和模块里,id限制了组件的可复用性,往往使代码更加脆弱。

6.2K10

金九银十求职季,前端面试大全送给你

构造函数 优点:实现多个继承,实现子类可以向父类传递参数 缺点:无法实现复用影响性能,只能继承父类方法 不能继承原型上的 原型链继承 优点:实现简单,父类新增原型方法子类可访问 缺点:无法实现多个继承...创造子类实例时无法向父类构造函数传参 拷贝继承 优点:支持多继承 缺点:效率低 内存占用高 实例继承 优点:不限制调用方式 缺点:不支持多继承 组合继承 优点:可传参,可复用...,可以继承原型链上的东西 既是子类实例又是父类实例 缺点:调用了两次父类构造函数 多耗费了一点内存 寄生式组合继承 优点:完美 缺点:实现复杂 20、js作用域链 作用域链的作用是保证执行环境里有权访问的变量和函数是有序的...的扩展,就是为jquery类添加成员函数 使用: jquery.extend扩展,需要通过jquery类来调用,而jquery.fn.extend扩展,所有jquery实例都可以直接调用 33、作用域...但是这个文件创建一下就行 什么都不需要写以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

1.4K20

50个必备的实用jQuery代码段

其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。...: "a-class another-class", title: "..." }); 如何使用多个属性来进行过滤 //在使用许多相类似的有着不同类型的input元素时, //这种基于精确度的方法很有用...jQuery注册和禁用jQuery全局事件 //jQuery注册ajax全局事件ajaxStart,ajaxStop: $(document).ajaxStart(function(){ $("#background...如何jQuery中克隆一个元素: var cloned = $('#somediv').clone(); 在jQuery如何测试某个元素是否可见 if($(element).is(':visible...')) {   //该元素是可见的 } 如何把一个元素放在屏幕的中心位置: jQuery.fn.center = function () {   return this.each(function

6.7K00

使用jquery-easyui写的CRUD插件(1)

写插件先看看jqeury的插件如何写,先了解一下如何写插件的代码。 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。...jQuery全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。...1、类级别的插件开发 1.1 添加一个新的全局函数 添加一个全局函数,我们只需如下定义: jQuery.foo = function() { alert('This is a test.....'); }; 1.2 增加多个全局函数 添加多个全局函数,可采用如下定义: jQuery.foo = function() { alert('This is a test....因此我们已经声明“hilight”为jQuery属性对象,任何其他的属性或者函数我们需要暴露出来的,都可以在"hilight" 函数中被声明属性。稍后继续。

93590

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券