块级格式化上下文概念全程Block Formatting Context，简称BFC 它是一块独立的渲染区域，规定了在该区域中，常规流块盒的布局 常规流块盒在水平方向上，必须撑满包含块 常规流块盒在包含块的垂直方向上依次摆放 常规流块盒若

jwtjwt就是Json Web Token 由三个部分组成，格式为header.payload.signature jwt并没有加密，只是对用户信息进行了一个签名，用来在服务器验证提交的信息是否被篡改过

盒子总体宽度 = css 设置的 width（内容区域宽度）+ 左右 padding + 左右 border + 左右 margin。 一般情况下，这些值都是正值，但当浮动元素的 margin 为负的时候，会有什么效果呢？（注意，

Flex布局/弹性布局：基于 Flex 精确灵活控制块级盒子的布局方式，避免浮动布局中脱离文档流现象发生。非常适合结构化布局 设置方式父元素添加 display: flex ，子元素可以自动的挤压或拉伸 组成部分 弹性容器 弹性盒

Vue 与 VueComponent 的关系 生命周期 父子组件生命周期执行顺序父beforeCreate -> 父created -> 父beforeMount ->子beforeCreate -> 子create

在Vue中，组件的标签名和组件的文件名需要保持一致。而在HTML中，标签名应该采用小写的形式。因此，如果我们使用大驼峰命名法来命名组件，则在HTML中使用该组件时需要使用大写字母开头的标签名，这与HTML的规范不符。 解决这个问题，Vue脚

对于数组的遍历和字符串的拼接操作，不同的实现方式确实会对性能产生影响，但这种影响通常是微小的，难以在短时间内对用户产生明显的感知差异。所以在实际的开发过程中，我们更需要考虑代码的可读性和维护性。 下面简单介绍一下每种实现方式的性能特点：

如何理解js的异步 js是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。 渲染主线程承担着诸多的工作：渲染页面，执行js等都在其中运行。 而如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中

· var a = 10(function () { console.log(2); })(); 这段代码的执行结果并不是想象中的输出 2 而是会报如下一个错误：Error:10 is not a function

DOM：文档对象模型 BOM：浏览器对象模型 DOMDOM (Document Object ModeI 一一文档对象模型 ) 是用来呈现以及与任意 HTML 或 XML 文档交互的 API 即浏览器提供的一套专门用来操作网页内容的功能