CSS 3 新增的伪类有哪些? CSS 3 有哪些新特性? new 操作符具体做了什么? 请问三行 a,b,c 输出分别是什么? 问,输出分别为什么? 问输出结果为什么?...2.3、第三套面试题 ---- 用尽可能多的方法找出数组中重复出现过的元素 例如:[1,2,4,4,3,3,1,5,3] 输出:[1,3,4] 作者补充:若给出多种方式,请分别给出他们的复杂度 给定一些文档...定义一个 log 方法,让它可以代理 console.log 的方法。 简述一下 Sass 和 Less,并说明区别。 不用循环,创建一个长度为 100 的数组,并且每个元素的值等于它的下标。...作者补充: 请用不少于三种方式实现 当点击一个页面内的元素时,alert 出这个元素的标签名 注意兼容性问题 一个整数,它的各位数字如果是左右对称的,则这个数字是对称数。...HTML5 中有哪些新的表单元素类型? 作者补充:不少于5项,并说明使用场景 CSS 3 中新增了哪些文本效果? 作者补充:并说明内部常用属性 FF 下如何实现 outerHTML?
4、控制UI元素-你可以建立一些html输出包括一些特殊的UI元素,包括一些特殊的javaScript函数到客户端或执行一些函数库或输出html。...while循环来减少其中一个操作,如: var x = 9; do { } while( x-- ); DOM操作可能会影响性能;你要尽可能避免操纵它, JQuery在1.4版中引入了detach()来帮助解决这个问题...,JQuery不会告诉您是否试图在一个空选择上运行大量代码—它会继续运行,就好像没有任何问题一样。...}); 使用样式表更改许多元素的CSS,如果要使用....CSS()更改超过20个元素的CSS,请考虑在页面中添加样式标记,这样可以将速度提高近60%,如 // Fine for up to 20 elements, slow after that: $( "
课程目标 掌握jQuery常用API的使用 了解jQuery的设计思想 jQuery基本介绍 为什么要学jQuery 【01-让div显示与设置内容.html】 使用JS操作DOM的时候,会遇到以下的一些缺点...获取元素的方法太少且长,麻烦。 //2. 遍历伪数组很麻烦,通常要嵌套一大堆的for循环。 //3. 注册的事件会覆盖。 //4. 有兼容性问题。 //5....获取元素的方式非常的简单,而且非常的丰富 //2. jQuery的隐式迭代特性,不再需要书写for循环语句。 //3. 使用jQuery完全不用考虑兼容性问题。...//4. jQuery提供了一系列动画相关的函数,使用非常方便。 //5. 代码简单、粗暴。 没有对比,就没有伤害,有了对比,处处戳中要害。 什么是jQuery?...css选择器 jQuery完全兼容css选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div
Animate.css是一款有趣的,跨浏览器的css3动画库,可以非常简单的实现各种炫酷的动画效果,可以在项目中使用。...--这里包括两个class名,第一个是基本的,必须添加的样式名,任何想实现的元素都得添加这个。第二个是指定的动画样式名。...--> 3、可以添加infinite样式名实现无限循环 4、如果说想给某个元素动态添加动画样式,可以通过...', doSomething); 5、你也可以通过 JavaScript 或 jQuery 给元素添加这些 class,比如: $(function(){ $('#yourElement').addClass...的默认设置也许并不是我们想要的,您可以更改动画的持续时间,添加延迟或更改播放次数: #yourElement{ animate-duration: 2s; //动画持续时间 animate-delay
所做出的任何更改,都是可以实时反映到元素data属性上的。 但是这种方法比较低端,如果遇到多个data-*自定义字段,想要一次全部获取所有的data属性并包装成对象的话,还必须做一个循环,很麻烦。...所做出的任何更改,都是可以实时反映到元素data属性上的。...); 这与jQuery.attr运用在其他属性上时的情况完全一样,并且所做出的任何更改,都是可以实时反映到元素data属性上的。...,但是需要注意,jQuery.data对data数据做出的更改,不会反映到HTML元素data属性上。...CSS、jQuery 查找 data 属性对应元素 如果我想要所有专辑名(data-album)为Disclosure的歌曲名显示为红色,在CSS选择器里,我们可以这样去匹配 .musique[data-album
但是很奇怪吧,我们的jQuery对象是一个伪数组,为什么它能同时给四个box设置背景颜色呢?...隐式迭代(重要) 遍历内部DOM元素(伪数组形式存储)的过程就叫做隐式迭代 简单理解: 给匹配到的所有元素进行遍历循环,执行相应的方法,而不用我们再去循环,简化我们的操作,方便我们调用....筛选选择器 :first :even 注意这个和CSS的是不一样的,jQuery的是建立在索引号的基础上的偶数 :eq(index) jQuery筛选方法(重要) parent...,排他思想: 当前元素设置样式.其余的兄弟元素清除样式.我们用原生的JS方法是很麻烦的,要双重循环才能实现排他思想,我们看看jQuery是怎么实现的吧....,在动画完成时执行的函数,每个元素执行一次 但是一般都不用这个,因为这个动画实在太丑.
归属于Stringstring slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组,而是返回一个子数组。...考察学习知识的态度,是否仅仅是停留在使用层面,要知其然知其所以然 2、jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this?...jQuery是操作dom的框架,jQueryUI是基于jQuery做的一个UI组件库 4、jQuery和Zepto的区别?各自的使用场景?...移动端的点击事件的有延迟,时间是多久,为什么会有?怎么解决这个延时?(click 有 300ms 延迟,为了实现safari的双击事件的设计,浏览器要知道你是不是要双击操作。)...1.减少css,js文件数量及大小(减少重复性代码,代码重复利用),压缩CSS和Js代码 2.图片的大小 3.把css样式表放置顶部,把js放置页面底部 4.减少http请求数
、常用的动画库 1、Jquery动画: Jqeury对于动画的支持 2、velocity.js/其GitHub地址:完全类似于Jquery语法的动画库 3、Tween JS:支持根据数值对象的属性和...CSS 样式的属性进行补间动画 4、Animo.js:CSS 动画的工具,叠加动画,创建跨浏览器的模糊效果,动画完成后可执行回调函数。...②Style(样式计算):确认每个DOM元素应用的CSS样式规则。 ③Layout(布局):计算每个DOM元素最终在屏幕上的大小和位置。...由于DOM元素的布局是相对的,所以当某个元素发生变化影响了布局时,其他元素也会随之变化,则需要回退重新渲染,这个过程称之为reflow。...用flexbox布局替代老的布局模型 避免强制同步布局事件 4、Paint/Composite:GPU加速 将移动或渐变元素由渲染层(RenderLayer)提升为合成层(Compositing Layer
(){ alert("李四"); });[jQuery的页面加载函数可以存在多个(不会发生覆盖), 它会按照顺序进行执行。...="选择样式为mini的元素"/> <div id="one...2.技术分析 需要使用<em>jquery</em><em>的</em>选择器(基本选择器、基本过滤选择器) 还需要使用<em>jquery</em><em>的</em><em>CSS</em><em>的</em>方法(<em>css</em>(name,value)) 如果<em>CSS</em>样式已经由美工写好,此时可以使用<em>jquery</em><em>的</em>...3.步骤分析 第一步:引入<em>jquery</em><em>的</em>类库 第二步:直接写页面加载函数 第三步:直接使用<em>jquery</em><em>的</em>选择器(组合选择)拿到需要操作<em>的</em><em>元素</em>(奇数行和偶数行) 第四步:分别使用<em>CSS</em><em>的</em>方法(<em>css</em>(name
[3] 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 [4] jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments...我们知道, $("p").css("color","red") 是将css操作加到所有的标签上,内部维持一个循环;但如果对于选中标签进行不同处理,这时就需要对所有标签数组进行循环遍历 jQuery支持两种循环方式...return } console.log(i) } } f(); // 这个例子大家应该不会有问题吧!!!...只是结束了当前的函数,并不会影响后面函数的执行 //本来这样没问题,但因为我们的需求里有很多这样的情况:我们不管循环到第几个函数时,一旦return了, //希望后面的函数也不再执行了...return false } //最后,大家尝试着用jquery的绑定来完成这个功能!
2、强大的选择器:JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器...6、不污染顶级变量:JQuery只建立一个名为JQuery的对象,其所有的函数方法都在这个对象之下。其别名$也可以随时交流控制权,绝对不会污染其他的对象。...这一特点使得JQuery的代码无比优雅。 9、隐式迭代:当用JQuery找到带有“.myClass”类的全部元素,然后隐藏他们时。无需循环遍历每一个返回的元素。...相反,JQuery里的方法都被设计成自动操作的对象集合,而不是单独的对象,这使得大量的循环结构变得不再必要,从而大幅度地减少代码量。...,即更改了哪个组件渲染哪个 会重新渲染全部子组件 方式 利用数据双向绑定,模板式开发。
margin-left…) · 4.网址后加斜杠(如www.campr.com/目录,会判断这个“目录是什么文件类型,或者是目录。)...4. Jquery 4.1....可以在该钩子中进一步地更改状态,不会触发附加的重渲染过程。 updated(更新后) 在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。...调用时,组件DOM已经更新,所以可以执行依赖于DOM的操作。然而在大多数情况下,应该避免在此期间更改状态,因为这可能会导致更新无限循环。该钩子在服务器端渲染期间不被调用。...如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。
来代替,相当于原生js中的window 1.1.3 jQuery 对象和 DOM 对象 用原生 JS 获取来的对象是 DOM 对象 jQuery 方法获取的元素是 jQuery 对象。...$s(“Ii.current”) 交集元素 2.1.2 层级选择器 名称 用法 描述 子代选择器 $(“ul>li”); 使用>号,获取亲儿子层级的元素;注意,并不会获取孙子层级的元素 后代选择器...('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data() 可以在指定的元素上存取数据,但不会修改DOM元素结构。...}) position()获取带有定位的偏移 获取的位置是相对于带有定位的父级元素 这个方法只能获取,不能修改 $('div').position() scrollTop() scrollLeft...$("div").trigger("click"); //不会触发默认行为,比如自动获取焦点 $("input").triggerHandler("focus");//不会获取焦点 6.1 jQuery
标准属性在后; 9、CSS 预处理 CSS 预处理器用一种专门的编程语言,在编写 CSS 的过程中可以使用变量、循环、递归等特性,然后再编译成正常的 CSS 文件,可以提高 CSS 编写效率,常用的预编译语言有...; 18、什么是闭包,为什么要使用闭包?...等; 自定义的 Attribute 不会附加到 Property 上,对于属性 Property 的赋值在IE中可能会引起循环引用,内存泄漏。...元素的类型和 display 属性,决定了这个 Box 的类型。...BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。 计算 BFC 的高度时,浮动元素也参与计算。
import是CSS2.1 提出的,只在IE5以上才能被识别,而link是html标签,无兼容问题; 4、HTML5有哪些新特性?...创建三角形 CSS绘制三角形和箭头,不用再用图片了 12、为什么要初始化css样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异...31、更改this指向 .call() .apply() .bind() 32、jquery.extend 与 jquery.fn.extend的区别?...可以在该钩子中进一步地更改状态,不会触发附加的重渲染过程。 - updated(更新后) 在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。...调用时,组件DOM已经更新,所以可以执行依赖于DOM的操作。然而在大多数情况下,应该避免在此期间更改状态,因为这可能会导致更新无限循环。该钩子在服务器端渲染期间不被调用。
Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?...jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this? jquery中如何将数组转化为json字符串,然后再转化回来?...) 的.length 属性,在开始循环的时候设置一个变量来存储这个数字,可以让循环跑得更快: for (var i = size, length = arr.length; i < length; i+...闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环) JQuery一个对象可以同时绑定多个事件,这是如何实现的?...React能够相对精确地找出哪些位置发生了改变以及如何发生了什么变化, 并且知道如何只通过必要的更新来最小化重渲染。 为什么循环产生的组件中要利用上key这个特殊的prop?
关于文档流的解析方向,是因为现在的 CSS,一个元素只要确定了这个元素在文档流之前出现过的所有元素,就能确定他的匹配情况。...存储大小4kb; sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。 存储大小 cookie数据大小不能超过4k。...变量提升 变量定义在后使用在前,会被自动定义到使用者之前,但是赋值不会提升。 闭包是什么?为什么要使用闭包?有什么优缺点?...jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this? jquery中如何将数组转化为json字符串,然后再转化回来?...采用这种方法,页面就不会被脚本搞得一团糟,易于阅读,在每个页面中,总可以在同一个位置找到脚本。 移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?
返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。...作为参数的转换函数会为每个数组元素调用,而且会给这个转换函数传递一个表示被转换的元素作为参数。转换函数可以返回转换后的值、null(删除数组中的项目)或一个包含值的数组,并扩展至原始数组中。...callback:为每个数组元素调用,而且会给这个转换函数传递一个表示被转换的元素作为参数。函数可返回任何值。 示例 // 将原数组中每个元素加 4 转换为一个新数组。...要去除重复项,请使用$.unique() 参数 first:第一个待处理数组,会改变其中的元素。 second:第二个待处理数组,不会改变其中的元素。...未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。
4、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有哪些?...通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。...3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。...9、解释jsonp的原理,以及为什么不是真正的ajax ①Ajax与JSONP这两种技术看起来很像,目的也一样,都是请求一个url,然后把服务器返回的数据进行处理,因此jQuery等框架都把JSONP作为...②原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链。 JQuery 1、你使用过jQuery吗?如果有,你为什么要使用jQuery呢? ①用过。
领取专属 10元无门槛券
手把手带您无忧上云