1.14 token 能放在cookie中吗 参考答案： 能 解析： token 是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示，在这样的背景下，token 便应运而生。 「简单 token 的组成」:uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token 的前几位以哈希算法压缩成的一定长度的十六进制字符串） token认证流程 客户端使用用户名跟密码请求登录 服务端收到请求，去验证用户名与密码 验证成功后，服务端签发一个 token ，并把它发送给客户端 客户端接收 token ...

1.12 浏览器垃圾回收机制 参考答案： 1. 介绍 浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。其原理是：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大并且GC时停止响应其他操作，所以垃圾回收器会按照固定的时间间隔周期性的执行。 不再使用的变量也就是生命周期结束的变量，当然只可能是局部变量，全局变量的生命周期直至浏览器卸载页面才会结束。局部变量只在函数的执行过程中存在，而在这个过程中会为局部变量在栈或堆上分配相应的空间...

1.8 浏览器如何渲染页面的？ 参考答案： 所以可以分析出基本过程： ​ 1. HTML 被 HTML 解析器解析成 DOM 树； ​ 2. CSS 被 CSS 解析器解析成 CSSOM 树； 结合 DOM 树和 CSSOM 树，生成一棵渲染树(Render Tree)，这一过程称为 Attachment； 生成布局(flow)，浏览器在屏幕上“画”出渲染树中的所有节点； 将布局绘制(paint)在屏幕上，显示出整个页面。 不同的浏览器内核不同，所以渲染过程不太一样。 ​ WebKit 主流程 ​ Mozilla 的 Gecko 呈现引擎主流程 ​ 由上面两张图可以看出，虽然主...

1.1 cookie sessionStorage localStorage 区别 参考答案： 共同点：都是保存在浏览器端、且同源的 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下 存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识。sessio...

13.1 window.open 参考答案： 这个方法是用来打开新窗口的 最基本的弹出窗口 window.open('page.html'); 经过设置后的弹出窗口 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') //该句写成一行代码 //参数解释：...

12.5 css3新特性 参考答案： CSS3 边框 在 css3 中新增的边框属性如下： 创建圆角 语法： border-radius : length length; ​ length： 由浮点数字和单位标识符组成的长度值（如：20px）。不可为负值，如果为负值则与0展示效果一样。第一个值设置其水平半径，第二个值设置其垂直半径，如果第二个值省略则默认第二个值等于第一个值。 div{ border: 1px solid; /* 设置每个圆角水平半径和垂直半径都为30px */ border-radius: 30px; } border-radius 是4个角的缩写方法。四个...

12.1 清除浮动 参考答案： 除浮动其实叫做闭合浮动更合适，因为是把浮动的元素圈起来，让父元素闭合出口和入口不让他们出来影响其他的元素。 在CSS中，clear属性用于清除浮动，其基本语法格式如下： 选择器{clear:属性值;} /*属性值为left,清除左侧浮动的影响 属性值为right,清除右侧浮动的影响 属性值为both,同时清除左右两侧浮动的影响*/ 额外标签法 1.1 末尾标签法 通过在浮动元素的末尾添加一个空的标签。这是W3C推荐的做法，虽然比较简单，但是添加了无意义的标 签，结构化比较差，所以不推荐使用。下面三种写法都适用： 1. <div style=&q...

11.11 布局: 三栏布局(平均分布) 参考答案： flex:1 : 设置父级弹性盒，子盒子三个各占1份 <div class="Grid"> <div class="Grid-cell">1/3</div> <div class="Grid-cell">1/3</div> <div class="Grid-cell">1/3</div> </div> .Grid { display...

11.7 实现扇形、圆形 参考答案： 圆形： border-radius圆角的四个值按顺序取值分别为：左上、右上、右下、左下。这里只设置一个值，代表四个角的取值都为为50% 原理：border-radius: 50% 弯曲元素的边框以创建圆。由于圆在任何给定点具有相同的半径，故宽和高都需要保证一样的值，不同的值将创建椭圆。 <div class="circle"></div> <style> .circle { border-radius: 50%; width: 80px; height: 80px;...

11.1 未知高度元素垂直居中、垂直居中的实现方式有哪些？ 参考答案： 1、绝对定位+css3 transform:translate(-50%，-50%) .wrap{ position:relative; } .child{ position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); } 2、css3 的flex布局 .wrap{ display:flex; justify-content:center; } .child{ align-self:center;...

10.6 样式优先级 参考答案： 样式类型 样式类型分为三类 行间 <h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1> 内联 <style type="text/css"> h1{font-size:12px; color:#000; } </style> 外部 <link rel="stylesheet" href="css/style.css"> 选择器...

10.1 继承相关 css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 官方解释，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。 无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-top、ma...

9.1 CommonJS规范 参考答案： CommonJS规范加载模块是同步的，只有加载完成，才能执行后面的操作。 CommonJS规范中的module、exports和require 每个文件就是一个模块，有自己的作用域。每个模块内部，module变量代表当前模块，是一个对象，它的exports属性（即module.exports）是对外的接口。 module.exports属性表示当前模块对外输出的接口，其他文件加载该模块，实际上就是读取module.exports变量。 为了方便，Node为每个模块提供一个exports变量，指向module.exports。 let exports...

8.18 给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度 参考答案： 思路分析： 对字符串进行遍历，使用String.prototype.indexOf()实时获取遍历过程中的无重复子串并存放于str，并保存当前状态最长无重复子串的长度为res，当遍历结束时，res的值即为无重复字符的最长子串的长度。 代码示例： /** * @param {string} s * @return {number} */ var lengthOfLongestSubstring = function(s) { var res = 0; // 用于存放当前最长无重复子串的长度 ...