学习者

1.页面可见性（Page Visibility API）可以有哪些用途？通过visibilityState的值检验页面当前是否可见，以及打开网页的时间等；在页面被切换到其他后台进程的时候，自动暂停音乐或视频的播放；附：Page Visibility API 详解+例子2.如何在页面上实现一个圆形的可点击区域？map+area或者svgborder-radius纯js实现，需要求一个点在不在圆上简单...

1.zoom:1的清除浮动原理?清除浮动，触发hasLayout；Zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。解决IE下比较奇葩的bug。譬如外边距（margin）的重叠，浮动清除，触发IE的haslayout属性等。来龙去脉大概如下：当设置了zoom的值之后，所设置的元素就会就会扩大或者缩小，高度宽度就会重新计算了，这里一旦改变zoom值时其实也会发生重新渲染，运用这个原...

1.有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。height：calc（100%-100px）absolute positioning：外层position：relative；百分百自适应元素 position: absolute; top: 100px; bottom: 0; left: 02.png、jpg、gif 这些图片格式解释一下，分别什么时...

1.介绍js的基本数据类型。Undefined、Null、Boolean、Number、StringECMAScript 2015新增:Symbol（创建后独一无二且不可变的数据类型）附：Symbol详解2.介绍js有哪些内置对象？Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Functi...

1.浏览器是怎样解析CSS选择器的？样式系统从关键选择器开始匹配，然后左移查找规则选择器的祖先元素。只要选择器的子树一直在工作，样式系统就会持续左移，直到和规则匹配，或者是因为不匹配而放弃该规则。2.在网页中的应该使用奇数还是偶数的字体？为什么呢？谈谈网页中使用奇数字体和偶数字体谈谈网页中使用奇数字体和偶数字体...

1.null，undefined 的区别？null表示一个对象是“没有值”的值，也就是值为“空”；undefined表示一个变量声明了没有初始化(赋值)；undefined不是一个有效的JSON，而null是；undefined的类型(typeof)是undefined；null的类型(typeof)是object；Javascript将未赋值的变量默认值设为undefined；Javascrip...

1.什么是闭包（closure），为什么要用它？闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。 闭包的特性：函数内再嵌套函数内部函数可以引用外层的参数和变量参数和变量不会被垃圾回收机制回收//li节点的onclick事件都能正确的弹出当前被点击的l...

1.JavaScript有几种类型的值？你能画一下他们的内存图吗？ 栈：原始数据类型（Undefined，Null，Boolean，Number、String） 堆：引用数据类型（对象、数组和函数）两种类型的区别是：存储位置不同；原始数据类型直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；引用数据类型存储在堆(heap)中的对象,占据空间大、大...

1.能解释一下[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) })这段代码的意思吗？可在浏览器控制台输入查看效果。会发现HTML层都被使用不同的颜色添加了一个高亮的边框；[].forEach.call()等价于Array...

  除非在try块或者catch块中调用了退出虚拟机的方法（即System.exit(1);），否则不管在try块、catch块中执行怎样的代码，出现怎样的情况，异常处理的finally块总是会被执行的。不过，一般情况下，不要再finally块中使用return或throw等导致方法终止的语句，因为一旦使用，将会导致try块、catch块中的return、throw语句失效。  总结一下这个小...

消息结构HTTP使用统一资源标识符（Uniform Resource Identifiers, URI）来传输数据和建立连接。一旦建立连接后，数据消息就通过类似Internet邮件所使用的格式[RFC5322]和多用途Internet邮件扩展（MIME）[RFC2045]来传送。客户端请求消息：请求行、请求头部、空行和请求数据。GET /hello.txt HTTP/1.1User-...

1.隐藏图片<img src="haorooms.jpg" style="display: none" /> 只有Opera不产生请求。 注意：用visibility: hidden隐藏图片时，在Opera下也会产生请求。2.重复图片<img src="haorooms.jpg" /> <img src="haorooms.jpg" /&amp

1.让页面里的字体变清晰，变细用CSS怎么做？-webkit-font-smoothing在window系统下没有起作用，但是在IOS设备上起作用；-webkit-font-smoothing：antialiased是最佳的，灰度平滑。附：效果展示2.font-style属性可以让它赋值为“oblique”，oblique是什么意思？在css规范中这么描述的，让一种字体表示为斜体（oblique）...

1.对BFC规范(块级格式化上下文：block formatting context)的理解？W3C CSS2.1规范中的一个概念,它是一个独立容器，决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。一个页面是由很多个 Box 组成的，元素的类型和display属性，决定了这个Box的类型。不同类型的Box，会参与不同的Formatting Context（决定如何渲染文档的容器），...

1.介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同？有两种，IE盒子模型、W3C盒子模型；盒子模型：内容（content）、填充（padding）、边界（margin）、边框（border）；区别：IE的content部分把border和padding计算了进去；2.CSS选择符有哪些？哪些属性可以继承？（1）选择符：（CSS选择器参考手册）id选择器（#myid）类选择器（.my...

1.如何居中div？水平居中：给div设置一个宽度，然后添加margin:0 auto属性div{    width:200px;    margin:0 auto;}让绝对定位的div居中div{    position:absolute;    width:300px;    hight:300px;    margin:auto;    top:0;    left:0;...

1.     <!DOCTYPE>作用？标准模式与兼容模式各有什么区别？    告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现；标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。 2.     HTML5为什么只需要写<!DOC...

1.     对浏览器内核的理解？主要分为两部分：渲染引擎（layout engineer或Rendering Engine）和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式。然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有的网页浏览器、电子邮件客户端以及其他需要编辑、...

1.用纯CSS创建一个三角形的原理是什么？把上、左、右三条边隐藏掉（颜色设为transparent（透明））#demo{ width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent red transparent;}附...

1.li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？行框的排列会受到中间空白（回车\空格）等的影响，因为空格也属于字符,这些空白也会被应用样式，占据空间，所以会有间隔，把字符大小设为0，就没有空格了。详解：https://blog.youkuaiyun.com/sjinsa/article/details/709195462.为什么要初始化CSS样式？因为浏览器兼容问题，不同的浏览器对有些标...

1.全屏滚动的原理是什么？用到了CSS的那些属性？原理：方法一是整体的元素一直排列下去，假设有5个需要展示的全屏页面，那么高度是500% ，只是展示100%，剩下的可以通过transform进行y轴定位，也可以通过margin-top实现。overflow：hidden；transition：all 1000ms ease；附：CSS-页面滑屏滚动原理2.什么是响应式设计？响应式设计的基本原理是什...

1.HTML5的离线储存如何使用，其工作原理是什么？在用户没有与因特网连接时，可以正常访问站点或者应用，在用户与因特网连接时，更新用户机器上的缓存文件。原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制（不是存储技术），通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被储存了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。如...

1.如何修改chrome记住密码后自动填充表单的黄色背景 ？input:-webkit-autofill{    background-color: rgb(250, 255, 189); /* #FAFFBD; */    background-image: none;    color: rgb(0, 0, 0);}第一种情况：input文本框是纯色背景的可以对input：-webki...

1.JavaScript继承的几种实现方式？构造函数的继承非构造函数的继承2.JavaScript创建对象的几种方式？ JavaScript创建对象简单的说,无非就是使用内置对象或各种自定义对象，当然还可以用JSON；但写法有很多种，也能混合使用。a）对象字面量的方式person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"};b...

1.Label的作用是什么？是怎么用的？label标签来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。<label for="Name">Number:</label><input type="text" name="Name" id="Name"/><label>Dat

文章地址：https://juejin.im/post/5c21f24af265da6136227d77本人所写，以后转战掘金了，欢迎大家关注