JS事件流模型 事件捕获Event Capturing是一种从上而下的传播方式，以click事件为例，其会从最外层根节向内传播到达点击的节点，为从最外层节点逐渐向内传播直到目标节点的方式。...DOCTYPE html> JS事件流模型 div{...DOM2级模型 DOM2事件模型是W3C制定的标准模型，支持捕获型事件和冒泡型事件，调用事件的处理阶段依次为捕获、目标、冒泡。...DOCTYPE html> JS事件流模型 div{...DOCTYPE html> JS事件流模型 div{
一、事件 在了解什么是js中的事件流之前，我们先了解一下什么是js的事件。...三、事件流模型 在事件流中又有着两个模型 事件捕获 事件冒泡 这里我们引用一张图，以便于理解事件流模型 事件冒泡 当节点事件被触发时，会由内圈到外圈 div-->body-->html-->document...由外圈到内圈 document-->html-->body-->div 四、事件流模型发展史 事件冒泡是由IE提出的，而事件捕获则是由Netscape(网景)提出的事件流概念。...后来ECMAScript将两种模型进行了整合，制定了统一的标准：先捕获在冒泡 现在整合后的标准事件流就有了三个阶段： 事件捕获阶段（目标在捕获阶段不接收事件） 目标阶段 （事件的执行阶段，此阶段会被归入冒泡阶段...click',function (){ alert('btn3') },false) 看一下执行情况 可以看到我们在点击btn3时冒泡执行至btn2后就进行了终止 七、事件流模型的应用
1、介绍一下js的数据类型有哪些，值是如何存储的？ 2、说一下js的数据类型的转换都有哪些？ 3、如何去判断js数据类型？ 4、介绍 js 有哪些内置对象？...6、js 获取原型的方法？ 7、什么是闭包，为什么要用它？ 8、三种事件模型是什么？ 9、哪些操作会造成内存泄漏？ 10、简述javascript中this的指向？ !...13、DOM事件流和事件委托？ 14、ajax是什么？以及如何去创建它？ 15、什么是跨域？jsonp的原理？以及怎么实现？...30、JS中如何将页面重定向到另一个页面？ 31、JS中的Array.splice()和Array.slice()方法有什么区别？...32、undefined，null 和 undeclared 有什么区别？ 33、JS中的高阶函数？ 34、如何区分声明函数和表达式函数？ 35、JS中的“严格”模式是什么以及如何启用？
25.absolute的containing block计算方式跟正常流有什么不同？ 26.CSS里的visibility属性有个collapse属性值？在不同浏览器下以后什么区别？...56.stopPropagation()和preventDefault()这两个方法有什么区别？ 57.举例说明atob和btoa的用法? 58.js垃圾回收的方式有哪些？...79.vue组件之间的通信都有哪些？ 80.route和router有什么区别？ 81.怎样动态加载路由? 82.说说active-class是哪个组件的属性？...102.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 103.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 104.Quirks模式是什么？...140.HTML与XHTML——二者有什么区别？ 141.html常见兼容性问题? 142.对WEB标准以及W3C的理解与认识? 145.行内元素有哪些?块级元素有哪些?CSS的盒模型?
html和css部分 1.如何理解CSS盒子模型 2.BFC 3.标签语义化？...清除浮动的方法 JS 1.什么是闭包 2.闭包的用途 3.闭包的缺点 4.闭包应用场景 5.JS 有哪些数据类型？ 6.基本数据类型和引用数据类型有什么区别？ 7.判断数据类型的方法有哪些？...12.this指向的各种情况都有什么？ 13.如何改变this指针的指向？ 14.如何理解同步和异步？ 15.JS是如何实现异步的？ 16.什么是AJAX？如何实现？ 17.实现异步的方式有哪些？...关于dom的api有什么 13.什么叫Dom事件流？...4.常用的时间复杂度分析 5.时间复杂度分类 6.时间复杂度消耗时间排序 7.空间复杂度分析 8.如何掌握好复杂度分析方法 ？ 9.判断一段字符串是否为回文？
Node. js是一个基于 Chrome v8引擎的服务器端 JavaScript运行环境；Node. js是一个事件驱动、非阻塞式I/O的模型，轻量而又高效；Node. js的包管理器npm是全球最大的开源库生态系统...13、怎样调试 Node. js程序？ 用node-- debug app. js和 node-inspector。 14、Node .js的网络模块都有哪些？...（2）不适合CPU密集型应用，如果有长时间运行的计算（比如大循环），将会导致CPU时间片不能释放，使得后续I/O无法发起。 18、npm是什么？...20、Node. js中导入模块和导入 JavaScript文件在写法上有什么区别？...三者都是流。区别是在父进程里，子进程的 stdout是输入流， stdin是输出流。 42、async都有哪些常用方法？分别怎么用？
script script async script defer 434.在页面中的应该使用奇数还是偶数的字体 435.写一个判断设备来源的方法 436.GBK和UTF-8 437.Git的branch及工作流的理解是什么...232.优雅降级和渐进增强 233.浏览器内多个标签页之间的通信方式有哪些 234.viewport常见设置都有哪些 235.对比下px、em、rem有什么不同 236.http都有哪些状态码 237....标签语义化的理解 238.css常用的布局方式有哪些 239.简要描述下JS有哪些内置的对象 240.浏览器内核都有哪些 241.写一个获取当前url查询字符串中的参数的方法 242.html5中的form...阶段二（100） 展开查看 51.简述Chome盒模型与IE盒模型的区别 52.行内元素和块级元素都有哪一些 53.BFC 54.什么是弹性布局 55.html5有哪些新特性 56.position...23.模块加载方案 24.隐式类型转换 25.单向数据流与双向数据绑定 26.项目难点 27.EventBus订阅发布模式 28.http请求头 29.TCP 30.vue-router原理2 31.
页面导入样式时，使用link标签和@import标签有什么区别？ ①link标签属于html标签，而@import是css提供的。...：Object js有几种类型的值？...eval()方法就像是一个完整的ECMAScript解析器，能把对应的字符串解析成js代码并运行。 事件？IE和Netscape的事件机制有什么区别？...IE：事件冒泡 Netscape：事件捕获 DOM事件流：事件捕获阶段-处于目标阶段-事件冒泡阶段（ie8及更早版本不支持DOM事件流） null与undefined的区别？...严格模式是为javascript定义了一种不同的解析与执行模型，在严格模式下，浏览器一些不确定的行为将得到处理，而且对某些不安全的操作将抛出错误。
String 类的常用方法都有那些？ 抽象类必须要有抽象方法吗？ 普通类和抽象类有哪些区别？ 抽象类能使用 final 修饰吗？ 接口和抽象类有什么区别？ Java 中 IO 流分为几种？...BIO、NIO、AIO 有什么区别？ Files的常用方法都有哪些？ 深拷贝和浅拷贝区别是什么？ 集合框架 Java 容器都有哪些？ Collection 和 Collections 有什么区别？...什么是双亲委派模型机制？ 说一下类加载的执行过程？ 怎么判断对象是否可以被回收？ Java 中都有哪些引用类型？ 说一下 JVM 有哪些垃圾回收算法？ 说一下 JVM 有哪些垃圾回收器？...新生代垃圾回收器和老生代垃圾回收器都有哪些？有什么区别？ 简述分代垃圾回收器是怎么工作的？ 说一下 JVM 调优的工具？ 常用的 JVM 调优的参数都有哪些？ 多线程 并行和并发有什么区别？...OSI 的七层模型都有哪些？ get 和 post 请求有哪些区别？ 如何实现跨域？ 说一下 JSONP 实现原理？ 设计模式 说一下你熟悉的设计模式（23种设计模式）？
前端面试基础知识题 1. typeof 与 instanceof 有什么区别 typeof与instanceof都是判断数据类型的方法，区别如下： typeof会返回一个变量的基本类型，instanceof...可以看到，上述两种方法都有弊端，并不能满足所有场景的需求 如果需要通用检测数据类型，可以采用Object.prototype.toString，调用该方法，统一返回格式“[object Xxx]” 的字符串...JavaScript中的事件模型有哪些 原始事件模型（DOM0级），标准事件模型（DOM2级），IE事件模型（基本不用）。 3. == 和 ===有什么区别，分别在什么情况使用？...动画效果比css3动画丰富,有些动画效果，比如曲线运动,冲击闪烁,视差滚动效果，只有js动画才能完成。CSS3有兼容性问题，而JS大多时候没有兼容性问题。 缺点 - 代码的复杂度高于CSS动画。...生命周期 cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效 localStorage：除非被手动清除，否则将会永久保存。
面试题一览 谈一谈 css 盒模型 多种方式实现上面 100px 下面自适应的布局 display 都有哪些属性 块元素和行内元素、行内块元素的区别 js 原型和原型链 Person.prototype.constructor...koa 洋葱圈模型原理 浅析koa的洋葱模型实现 koa 洋葱圈和 express 中间件有什么区别 Koa2 和 Express 中间件对比 长列表优化，一万条数据不用分页和懒加载，如何提升性能...然后就是聊项目········ vue2 和 vue3 有什么区别？ 有没有遇到性能优化问题？ 从输入 url 到页面渲染完成之间发生了什么？ 浏览器原理了解过么？ http 状态码都有哪些？...集成度区别 express 内置了很多中间件，集成度高，使用省心 koa 轻量简洁，容易定制 ts 跟 js有什么区别，优点和缺点 ts 是 js 的超集，即你可以在 ts 中使用原生 js 语法。...CSS 盒模型 一些常用的页面布局要了解 es6 新特性，遍历数组的 n 种方法 JS 原型和原型链 ts 跟 js有什么区别，特点，优点和缺点 promise 的使用及其原型方法 浏览器从输入 url
题目 (1) 盒子模型的理解？...盒模型分为两种：标准模式与混杂模式（IE模式） 标准盒子模型 IE盒子模型 一般的我们所说的width、height都是指标准盒子模型下的width(也就是content)。...import 有什么区别 ？...、absolute（脱离文档流）、fixed（脱离文档流）、inherit 注意： z-index只对脱离文档流的元素有效 float：left (或 right)，向左（或右）浮动。...都是脱离标准流。position: absolute定位时，可以精准的将元素放在各个位置；而float只能向左、右两侧浮动。 各自都有自己的优点。
CSS 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ CSS选择符有哪些？哪些属性可以继承？ CSS优先级算法如何计算？ CSS3新增伪类有那些？ 如何居中div？...请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？ 用纯CSS创建一个三角形的原理是什么？ 一个满屏 品 字布局 如何设计? 常见兼容性问题？...absolute的containing block计算方式跟正常流有什么不同？ CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？...把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？ 移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？...是否了解开源的工具 bower、npm、yeoman、grunt、gulp，一个 npm 的包里的 package.json 具备的必要的字段都有哪些？
3、Java 中操作字符串都有哪些类？它们之间有什么区别？ 4、JDK 和 JRE 有什么区别？ 5、== 和 equals 的区别是什么？...8、Java 中 IO 流分为几种？ 9、String str="i"与 String str=new String("i")一样吗？ 10、final 在 Java 中有什么作用？...12、BIO、NIO、AIO 有什么区别？ 13、String 类的常用方法都有那些？ 14、接口和抽象类有什么区别？ 15、抽象类能使用 final 修饰吗？ 16、抽象类必须要有抽象方法吗？...90、Redis 分布式锁不能解决超时的问题，分布式锁有一个超时时间，程序的执行如果超出了锁的超时时间就会出现问题。 [566ed98983e24d0fb1938220e6d3276c?...106、OSI 的七层模型都有哪些？ 107、多线程中 synchronized 锁升级的原理是什么？ 108、ArrayList 和 LinkedList 的区别是什么？
想在最快的时间内收获 Java 技术栈最核心的知识点？ ? 想要更全面、更深入的了解 Java 技术？...String 类的常用方法都有那些？ 抽象类必须要有抽象方法吗？ 普通类和抽象类有哪些区别？ 抽象类能使用 final 修饰吗？ 接口和抽象类有什么区别？ java 中 IO 流分为几种？...BIO、NIO、AIO 有什么区别？ Files的常用方法都有哪些？ 容器 java 容器都有哪些？ Collection 和 Collections 有什么区别？...OSI 的七层模型都有哪些？ get 和 post 请求有哪些区别？ 如何实现跨域？ 说一下 JSONP 实现原理？ 设计模式 说一下你熟悉的设计模式？ 简单工厂和抽象工厂有什么区别？...有什么区别？ 什么是双亲委派模型？ 说一下类加载的执行过程？ 怎么判断对象是否可以被回收？ java 中都有哪些引用类型？ 说一下 jvm 有哪些垃圾回收算法？ 说一下 jvm 有哪些垃圾回收器？
7.java 中操作字符串都有哪些类？它们之间有什么区别？ 8.String str="i"与 String str=new String("i")一样吗？ 9.如何将字符串反转？...10.String 类的常用方法都有那些？ 11.抽象类必须要有抽象方法吗？ 12.普通类和抽象类有哪些区别？ 13.抽象类能使用 final 修饰吗？ 14.接口和抽象类有什么区别？...15.java 中 IO 流分为几种？ 16.BIO、NIO、AIO 有什么区别？ 17.Files的常用方法都有哪些？ 二、容器 18.java 容器都有哪些？...42.notify()和 notifyAll()有什么区别？ 43.线程的 run()和 start()有什么区别？ 44.创建线程池有哪几种方式？ 45.线程池都有哪些状态？...84.OSI 的七层模型都有哪些？ 85.get 和 post 请求有哪些区别？ 86.如何实现跨域？ 87.说一下 JSONP 实现原理？
（脱离文档流） 粘性定位 sticky： 元素先按照普通文档流定位，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。...CSS 中的盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。 在标准的盒子模型中，width 指 content 部分的宽度。...+0 和 -0 相等， NaN 不等于任何数 Object.is() 严格相等，+0 和 -0 不相等， NaN 等于自身 3.2 script 标签放在 head 里和放在 body 底部里有什么区别...放在 body 底部 这次 html 内容第一时间渲染完成，随后等待 js 的加载。...3.3 JS 中的 8 种数据类型及区别 在JS中，我们已知有5种基本数据类型：String、Number、Boolean、Undefined、Null。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
