深入浅出Vue.js--变化侦测
1、Array的变化侦测是通过拦截原型上方法实现的，所以对直接给数组某一项赋值，或者通过设置length改变数组，是侦测不到的。所以可以用api或方法代替。expOrFn： a.b.c or 函数 options： { deep， immediate } 用于观察一个表达式或computed函数在Vue实例上的变化。
2、Vue.js会自动通过状态生成DOM，并将其输出到页面上显示出来，这个过程叫渲染。Vue.js的渲染过程是声明式的，我们通过模板来描述状态与DOM之间的映射关系。通常，在运行时应用内部的状态会不断发生变化，此时需要不停地重新渲染。
3、答案：Vue 的变化侦测原理基于 pull+push 的方式，在初始阶段便能检测到组件变化，因此在 push 阶段无需手动控制 diff。引入类似 shouldComponentUpdate 的生命周期在 Vue 中价值有限，且 Vue 的设计旨在简化应用开发，减少不必要的代码冗余。
js知识点复习
1、MutationObserver：用于检测DOM结构的更改，并在检测到更改时触发回调。Promise处理 Promise.any：用于并行处理多个Promise，返回第一个成功的Promise或所有失败的Promise。这些知识点涵盖了JS的高级特性、异步编程、DOM操作、性能优化等多个方面，掌握它们将大大提高你的JS编程能力。
2、JS知识点复习JS七种数据类型number：数字类型，如整数、浮点数等。String：字符串类型，用于表示文本数据。null：空值类型，表示一个空对象引用。undefined：未定义类型，表示一个变量未被赋值时的状态。bool：布尔类型，只有两个值：true（真）和 false（假）。
3、JavaScript核心知识点主要包括以下几个方面：数据类型与判断 数据类型：JavaScript有六种数据类型，包括原始类型和合成类型，以及特殊值undefined和null。类型判断：使用typeof操作符判断数据类型，但需注意typeof null返回object的历史遗留问题。
4、JavaScript基础知识点汇总主要包括变量、数据类型、运算符、控制结构、函数、作用域、闭包、数组、对象、原型链、异步编程等内容。首先，变量和数据类型是JavaScript编程的基础。JavaScript中的变量用于存储数据，可以通过`var`、`let`或`const`关键字进行声明。
vue.js和js的区别?
原生js、jQuery.js、vue.js有什么不同主体不同vue.js：是一套用于构建用户界面的渐进式JavaScript框架。jquery：是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。
难度层次不同：JavaScript作为底层语言，其难度主要体现在知识体系的深度和广度上。而Vue.js作为框架，其难度更多体现在对框架特性的理解和应用上。因此，从上手难度来看，Vue.js相对较低。学习曲线：JavaScript的学习曲线较为陡峭，需要投入更多时间和精力来精通。
Vue.js是一个构建资料驱动的web介面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的资料系结和组合的检视元件。它不仅易于上手，还便于与第三方库或既有专案整合。 另一方面，当与单档案元件和Vue生态系统支援的库结合使用时，Vue也完全能够为复杂的单页应用程式提供驱动。
概念不同。根据查询公开信息显示：JavaScript是一种通用的编程语言，用于在网页上实现交互和动态效果。它可以用于开发前端、后端甚至是移动端应用，具有广泛的应用领域。JavaScript是一门编程语言，提供了诸如变量、函数、流程控制等基本的编程功能。
jquery和vue效率对比主体不同vue.js：是一套用于构建用户界面的渐进式JavaScript框架。jquery：是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。简单性贯穿它的设计始终。
React.js和Vue.js确实有一些相似——它们都提供数据驱动、可组合搭建的视图组件。当然它们也有许多不同。 首先，内部实现本质上不同。React的渲染建立在VirtualDOM上——一种在内存中描述DOM树状态的数据结构。当状态发生变化时，React重新渲染VirtualDOM，比较计算之后给真实DOM打补丁。
JS操作大量Dom数据时,假死现象
JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，如在IE6下一次插入大量的HTML。而如果真的弹出了“脚本运行时间过长“的提示框则说明你的JS脚本肯定有死循环或者进行过深的递归操作了。
浏览器显示页面的时候，要处理js逻辑，还要做渲染，每个执行片段的时间不能超过167ms。实际上，浏览器内核自身支撑体系运行也需要消耗一些时间，所以留给我们的时间差不多只有10ms。并且在处理js计算时，浏览器不会响应用户的操作，所以就造成了页面“假死”。
当js在处理大型计算的时候会导致页面出现卡帧的现象，更严重的会出现页面“假死”。所以在这些情况下，必然会导致动画丢帧、不连贯，用户体验就特别差。
浏览器是一种软件，可以显示Web服务器或文件系统的HTML文件（标准通用标记语言的应用程序）的内容，并允许用户与这些文件进行交互。常用的PC浏览器有Microsoft的IE，谷歌浏览器，世界之窗浏览器，Firefox等。
JS里的数据类型
在JavaScript中，判断数据类型的方法主要有以下几种：使用typeof运算符：typeof运算符会返回一个字符串，表示未定义变量或参数的数据类型。例如，typeof 5会返回number，typeof hello会返回string。
在JavaScript中，判断数据类型的三种主要方法如下：typeof运算符：用途：用于识别基础数据类型，如string、number、boolean，以及特殊类型undefined和null。限制：对于对象和函数，typeof返回的是object，不够精确。instanceof操作符：用途：用于检查一个对象是否是另一个构造函数的实例。
基础数据类型（7种）Number（数字）：用于表示任何数字，包括整数和浮点数。String（字符串）：用于表示文本数据，即一系列字符的组合。Boolean（布尔）：用于表示逻辑值，只有两个取值：true（真）和false（假）。Null：表示一个空值，即一个不存在的对象或变量的值。它是JavaScript中的一个关键字。
ES6及ESNEXT
解构的原理：针对可迭代对象的Iterator接口，通过遍历器获取对应的值进行赋值 4 Iterator接口，为各种不一样的数据解构提供统一的访问机制。任何数据解构只要有Iterator接口，就能通过遍历操作，依次按顺序处理数据结构内的所有成员。
如果target的值设置为ESES5，那么module的默认值则为CommonJS；如果target的值为ES6或者更高，那么module的默认值则为ES6。 另外，module还支持ES20UMD、AMD、System、ESNext、None的选项。 jsx jsx选项用来控制jsx文件转译成JavaScript的输出方式。该选项只影响.tsx文件的JS文件输出，并且没有默认值选项。
总之，Charles认为，Babel是一款优秀的软件，必将成为每个Web开发者工具箱的一部分，而作为ECMAScript的试验场，它在不远的将来很可能会成为推动ES6和ESNext应用和发展的主要动力。
八股文就是指文章的八个部分。文体有固定格式由破题、承题、起讲、入题、起股、中股、后股、束股八部分组成，题目一律出自四书五经中的原文。后四个部分每部分有两股排比对偶的文字，合起来共八股。
注意 ： 所有使用到了ES6语法的文件都需要配置在以上的 module rules include 里面。 重新运行项目，刷新浏览器发现页面恢复正常。这篇文章涉及到的前端技术包括： ES6的新特性 ， babel的配置 ，等等。感兴趣的同学可以查看我的其他文章或者自行学习。
配置文件，使用js、json或者yaml文件来为整个目录及其子目录配置。形式有：.eslintrc.*文件，或者在package.json中配置eslintConfig字段，或者在命令行里配置。
