首页
学习
活动
专区
圈层
工具
发布

前端开发面试题总结之——JAVASCRIPT.One

ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。...3)查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于name...值的) getElementById() //通过元素Id,唯一性 如何编写高性能 JavaScript ?...jQuery类的实例可以使用这个“成员函数”。 比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert 当前编辑框里的内容。...是否了解针对 jQuery 性能的优化方法? 基于Class的选择性的性能相对于Id选择器开销很大,因为需遍历所有DOM元素。 // 频繁操作的DOM,先缓存起来再操作。

1.5K10

jQuery

对象转成DOM对象,通过一个jQuery对象+[0]索引零,就变成了DOM对象,就可以使用JS的代码方法了,DOM对象转换成jQuery对象:$(DOM对象),通过$符号包裹一下就可以了     拿上面那个例子举例...查找标签 基本选择器(同css) id选择器: $("#id") #不管找什么标签,用什么选择器,都必须要写$(""),引号里面再写选择器,通过jQuery找到的标签对象就是一个jQuery对象,用原生...', function () { //我们先去学冒泡事件、事件委托然后再回来学这个例子,事件里面都是用的匿名函数,这里用on是因为我 //们要将新添加进来的每行里面的button标签能够继承这个点击删除的事件...数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从0到length - 1。其他对象通过其属性名进行迭代。...js和jquery中的for循环也是通过他们两个来跳出当此循环或者终止循环     伏笔... .data()     任意jQuery对象都有data方法,可以保存任意值,可以用来代替全局变量

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

    尤大 3 天前发在 GitHub 上的 vue-lit 是啥?

    : 通过 lit-html 渲染元素,并且会创建 ShadowDOM 总之,lit-element 遵守 Web Components 标准,它是一个 class,基于它可以快速创建 Web Component...Web Components 浏览器原生能力香吗? 说 Web Components 之前我想先问问大家,大家还记得 jQuery 吗,它方便的选择器让人难忘。...我想表达的是,是不是有一天,如果浏览器原生能力足够好用的时候,React 等是不是也会像 jQuery 一样被浏览器原生能力替代?...我们似乎可以不使用任意的框架和库,甚至不用打包编译,仅是通过 Web Components 这样的浏览器原生能力就可以创建可复用的组件,是不是未来的某一天我们就抛弃了现在所谓的框架和库,直接使用原生 API...buld-in elements: 继承自 HTML 元素,比如通过 { extends: 'p' } 来标识继承自 p 元素,使用时需要 两种 Custom

    1.1K30

    尤大 3 天前发在 GitHub 上的 vue-lit 是啥?

    : 通过 lit-html 渲染元素,并且会创建 ShadowDOM 总之,lit-element 遵守 Web Components 标准,它是一个 class,基于它可以快速创建 Web Component...Web Components 浏览器原生能力香吗? 说 Web Components 之前我想先问问大家,大家还记得 jQuery 吗,它方便的选择器让人难忘。...我想表达的是,是不是有一天,如果浏览器原生能力足够好用的时候,React 等是不是也会像 jQuery 一样被浏览器原生能力替代?...我们似乎可以不使用任意的框架和库,甚至不用打包编译,仅是通过 Web Components 这样的浏览器原生能力就可以创建可复用的组件,是不是未来的某一天我们就抛弃了现在所谓的框架和库,直接使用原生 API...buld-in elements: 继承自 HTML 元素,比如通过 { extends: 'p' } 来标识继承自 p 元素,使用时需要 两种 Custom

    1.2K20

    尤大 几天前发在 GitHub 上的 vue-lit 是啥?

    : 通过 lit-html 渲染元素,并且会创建 ShadowDOM 总之,lit-element 遵守 Web Components 标准,它是一个 class,基于它可以快速创建 Web Component...Web Components 浏览器原生能力香吗? 说 Web Components 之前我想先问问大家,大家还记得 jQuery 吗,它方便的选择器让人难忘。...我想表达的是,是不是有一天,如果浏览器原生能力足够好用的时候,React 等是不是也会像 jQuery 一样被浏览器原生能力替代?...我们似乎可以不使用任意的框架和库,甚至不用打包编译,仅是通过 Web Components 这样的浏览器原生能力就可以创建可复用的组件,是不是未来的某一天我们就抛弃了现在所谓的框架和库,直接使用原生 API...buld-in elements: 继承自 HTML 元素,比如通过 { extends: 'p' } 来标识继承自 p 元素,使用时需要 两种 Custom

    1.6K20

    尤大 3 天前发在 GitHub 上的 vue-lit 是啥?

    : 通过 lit-html 渲染元素,并且会创建 ShadowDOM 总之,lit-element 遵守 Web Components 标准,它是一个 class,基于它可以快速创建 Web Component...Web Components 浏览器原生能力香吗? 说 Web Components 之前我想先问问大家,大家还记得 jQuery 吗,它方便的选择器让人难忘。...我想表达的是,是不是有一天,如果浏览器原生能力足够好用的时候,React 等是不是也会像 jQuery 一样被浏览器原生能力替代?...我们似乎可以不使用任意的框架和库,甚至不用打包编译,仅是通过 Web Components 这样的浏览器原生能力就可以创建可复用的组件,是不是未来的某一天我们就抛弃了现在所谓的框架和库,直接使用原生 API...buld-in elements: 继承自 HTML 元素,比如通过 { extends: 'p' } 来标识继承自 p 元素,使用时需要 两种 Custom

    1K31

    尤大 4 天前发在 GitHub 上的 vue-lit 是啥?

    : 通过 lit-html 渲染元素,并且会创建 ShadowDOM 总之,lit-element 遵守 Web Components 标准,它是一个 class,基于它可以快速创建 Web Component...Web Components 浏览器原生能力香吗? 说 Web Components 之前我想先问问大家,大家还记得 jQuery 吗,它方便的选择器让人难忘。...我想表达的是,是不是有一天,如果浏览器原生能力足够好用的时候,React 等是不是也会像 jQuery 一样被浏览器原生能力替代?...我们似乎可以不使用任意的框架和库,甚至不用打包编译,仅是通过 Web Components 这样的浏览器原生能力就可以创建可复用的组件,是不是未来的某一天我们就抛弃了现在所谓的框架和库,直接使用原生 API...buld-in elements: 继承自 HTML 元素,比如通过 { extends: 'p' } 来标识继承自 p 元素,使用时需要 两种 Custom

    90950

    从架构入手轻松读懂框架源码:以jQuery,Zepto,Vue和lodash-es为例

    我们把最外层的函数都折叠起来,外层结构瞬间清晰了: ? (请忽略图上我的complexity插件。)这个外层结构不就是一个自执行函数吗?他往里面传了两个参数,一个是global,一个是factory。...这下我们找到了jQuery真正的对象jQuery,这里可以直接通过编辑器跳转到定义,发现jQuery也是一个很简单的方法. ?...Zepto是一个跟jQuery很类似的框架,架构也是类似的,我们完全可以按照前面jQuery的思路整理出他的架构。具体流程我就不写了,大家可以根据实例化流程图梳理出来,下面画出我整理的结构图。 ?...jQuery是通过$.fn.extend和$.extend来做的,而Zepto是通过自执行函数,将Zepto作为参数传进去,然后在自执行函数里面直接对$和$.fn添加属性来实现的。...但是tree-shaking是基于export的,使用prototype继承或者class继承都没办法进行tree-shaking。

    1.7K20

    前台开发从头说起:谈谈CSS选择符

    但是通过上一篇日志的分析,xhtml要实现和css的解耦,就要尽量不依赖于css(或者说不要纯粹为了给css预留接口而添加不必要的class和id),那么,在用css布局之前,其实就有一个更紧迫的任务摆在我们的面前...在那个示例中,没有使用任何的class或者id,但是我们通过不同优先级的元素+后台选择符,对结构中的不同层次的ul、li、a实现了精确定位。...和class呢(我要声明一下,我从来没有说完全抛弃id和class,我的观点是他们应该尽量少,并且由文档结构决定而不是由css需要决定)?...少了这层负担,我们在设计网页文档结构的时候,自然就可以抛弃一切后顾之忧,那么,xhtml中和结构无关的id和class,还有什么必要存在呢?...去除了不必要的表现元素和属性(font、center、align、height)之后,又去除了不必要的id、class、onclick、onmouseover之类的样式和行为属性,我们的网页源代码尺寸越来越小

    1.3K70

    jQuery 选择器

    层叠样式表 良好地继承了css选择器语法,还继承了其获取页面元素便捷高效的特点 于css不同,jQuery选择器获取元素后,为该元素添加的是行为 有良好的兼容性 优势 1. ...通过 过滤选择呢亲选择元素 (1) 基本过滤选择器 (2) 可见性过滤选择器 详解: 通过css选择器选取元素 jQuery支持大多数css选择器 最常用的有:基本选择器,层次选择器和属性选择器 在jQuery...继承了css选择器的语法和功能 2. 主要由元素标签名,class,id和多个选择器组成 3. 可以实现大多数页面元素的查找 4. ...属性选择器 属性选择器:语法标识:([]) 什么是属性选择器? 1. 顾名思义,属性选择器就是通过HTML元素的属性选择元素的选择器 2. 与css中的属性选择器语法构成完全一致 ?...可见性过滤选择器 通过元素的显示状态,即元素显示或隐藏来选取元素 :visible:控制眼睛能看到 :hidden:控制本有但隐藏的元素 $(“:hiddden”).show()可以拿出不可见的代码(比如

    3.6K90

    脚本语言知识总结.

    ; } // 方式一 可以通过 prototype原型完成单继承 B的原型指向A B.prototype = new A(); // 从A实例中,继承所有属性 var b = new B(); alert...this的指向,可以完成对象多继承 // 定义函数 function printInfo(){ alert(this.name); } // 属性name 值 张三 var o = {name: '张三...但是我们可以使用jQuery提供方法,将DOM对象通过jQuery()函数包装成为jQuery对象,同样我们可以把jQuery对象转化成DOM对象。...①:基本选择器 根据元素id属性、class属性、元素名称 对元素进行选择 id选择器: $("#元素id属性") class选择器:$(".元素class属性") 元素名称选择器:$("元素名称")...加入 “传智播客” ² 通过size() / length 打印页面中 class属性为 itcast 的元素数量 ² 通过index()  打印 id属性为foo 的div标签 是页面内的第几个div

    6.7K130

    前端面试宝典 v1

    ( ) 一个对象是否是另一个对象的原型 Object.propertyIsEnumerable() 是否可以通过for/in循环看到属性 Object.toLocaleString( ) 返回对象的本地字符串表示...* 原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链。 * JavaScript的数据对象有那些属性值?   writable:这个属性的值是否可以改。   ...其他部分 (HTTP、正则、优化、重构、响应式、移动端、团队协作、SEO、UED、职业生涯) *基于Class的选择性的性能相对于Id选择器开销很大,因为需遍历所有DOM元素。...优先使用ID选择器 在class前使用tag(标签名) 给选择器一个上下文 慎用 .live()方法(应该说尽量不要使用) 使用data()方法存储临时变量 6、Zepto的点透问题如何解决?...你有了解我们公司吗?说说你的认识? 因为我想去阿里,所以我针对阿里的说 最羡慕就是在双十一购物节,350.19亿元,每分钟支付79万笔。海量数据,居然无一漏单、无一故障。太厉害了。 17.

    3.2K41

    jQuery——插件

    (对象1,对象2),对象1继承对象2中的属性。...再次输出就会输出继承后的属性。  那么假如说,我们有三个对象呢?一个对象继承了另外两个对象该怎么写?...然后p3对象继承p1对象,p3中本来有一个sex属性,现在继承到p1继承到p2的两个属性。现在p3中有三个属性。​​​​​​...【作用2】扩展jQuery类方法:$.extend({方法名:function(){方法体}})注意,多个方法之间用逗号隔开 上面继承了对象的属性,那么方法可以继承吗?...验证信息也是一样 现在我们的验证信息都是黑色字体,有人说了,验证的提示信息不应该都是红色的字体吗?怎么设置红色字体呢?这个简单,不过需要我们写在样式里面了

    17.1K10

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

    36.选择器中id,class有什么区别 id,在网页中每个id名称只能有一次,class可以重复使用 37.为了将单选按钮组的第二个选框设置为选中状态,如何设置 $('input[name=items...全局属性:用于任何HTML5元素的属性 accesskey:设置快捷键 class:为元素设置类标识 contenteditable:指定元素内容是否可编辑 contextmenu:自定义鼠标右键弹出上下文菜单内容...哪些属性可以继承?...选择器 通配符 id class 标签 后代选择器 子选择器 兄弟选择器 属性选择器 伪类选择器 伪元素选择器 可以继承的属性 font-size font-weight font-style font-family...162.javascript中继承的实现方法 子类的实例可以共享父类的方法,子类可以覆盖从父类扩展来的方法。 163.如何通过new构造对象。

    13.1K50

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

    哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有哪些?...important > id > class > tag important 比 内联优先级高 CSS3新增伪类举例 p:first-of-type 选择属于其父元素的首个 元素的每个元素。...②原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链。 JQuery 1、你使用过jQuery吗?如果有,你为什么要使用jQuery呢? ①用过。...①addClass:为元素设置class属性,如果该元素已经存在class属性,则在其值后添加空格及新的class值。 ②css:操作元素的style属性的方法。 9、如何获取一个元素的实际位置?...11、你知道jQuery插件吗?你了解jQuery执行原理和插件机制吗?你都用过哪些jQuery插件? ①知道jQuery插件。 ②其原理是扩展jQuery本身及其核心函数的原型实现。

    8.4K20

    Angular6自定义表单控件方式集成Editormd

    曾经找到过“Editor.md”,看之心喜,一直想在Angular中集成下这款markdownpad编辑器玩,在网上也只找到一篇通过指令集成的,虽然可以实现,但还是希望能做成组件形式的,之后看到一篇自定义组件的文章...ControlValueAccessor 这是自定义表单组件的核心,只有继承这个接口,才有被 Angular的formControl识别的资格。...(isDisabled: boolean): void; } writeValue:在初始化的时候将formControl的值传递给原生表单控件(即,将模型中的新值写入视图或 DOM 属性中); registerOnChange...angular.json),这里添加的是精简资源,也可以把解压出来的全部放进去,效果如图: ?...id>的形式,所以只好添加默认id,后期可考虑传入自定义id this.mdeditor = editormd(this.host.nativeElement.id

    6.4K20

    探索 JQuery EasyUI:构建简单易用的前端页面

    每个区域都通过 data-options 属性指定了自己的位置和大小,从而实现了页面的布局效果。...3.2 Panel 面板组件Panel 组件的特点是可以包含任意类型的 HTML 内容,并且可以设置标题、图标、边框样式等属性。它可以作为 Layout 布局组件的子组件,也可以单独使用。...它可以包含任意类型的 HTML 内容,并且可以自定义窗口的标题、图标、大小、位置等属性。3.3.1 主要属性title: 设置窗口的标题。iconCls: 设置窗口标题前的图标样式。...3.8.1 主要属性editable: 设置是否可以手动编辑日期。formatter: 设置日期显示的格式。parser: 设置日期解析的方式。currentText: 设置当前日期按钮的显示文本。...总结希望通过本篇博客的学习,读者可以掌握 JQuery EasyUI 的基本用法,并且了解如何利用 EasyUI 开发各种类型的前端应用程序。加油加油!

    3.2K10
    领券