Vue项目性能优化—实践指南前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack编译配置优化等问题，所以我们仍然需要去关注Vue项目性能方面的优化，使项目具有更高效

DOM的MutationObServer接口，可以在DOM被修改时异步执行回调函数，我的理解就是可以监听DOM修改。基本使用可以通过MutationObserver构造函数实例化，参数是一个回调函数。jsletobservernewMutationObserver(()console.log("change"));console.log(obs

一、虚拟DOM（virtualdom）　　diff算法首先要明确一个概念就是diff的对象是虚拟DOM（virtualdom），更新真实DOM是diff算法的结果。　　注：virtualdom 可以看作是一个使用JavaScript模拟了DOM结构的树形结构，这个树结构包含

Vue.js是构建用户界面的MVVM框架 ，只关注视图层Vue将DOM和数据绑定起来，一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。这样就减少了不必要的DOM操作提高渲染效率，让前端程序员只需要关心业务逻辑不再关心DOM是如何渲染的MVC和MVVM的区别：MVC是后端分层开发概念，MVVM是前端视图层

1<!DOCTYPEHTMLPUBLIC"//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"2<html3<head4<metahttpequiv"ContentType"

1\.DOM简介1\.1什么是DOM文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者标准编程接口。1.2DOM树!HTMLDOMNodeTree(https://st

chrome webkituserselect:nonefirxfox mozuserselect:noneIE需要使用JS的onSelected事件了。JS代码      dom.style.MozUserSelect'none';//fixrox禁止选择的JS脚本      dom.st

跨站脚本攻击（Crosssitescripting，通常简称为XSS）发生在客户端，可被用于进行窃取隐私、钓鱼欺骗、偷取密码、传播恶意代码等攻击行为。可以分为反射型、存储型、DOM型等，本文主要讲解DOMXSS漏洞挖掘与攻击面延申。接下来就开门见山，讲解干货吧。DOMXSS典型应用场景

答案：1、React速度很快：它并不直接对DOM进行操作，引入了一个叫做虚拟DOM的概念，安插在javascript逻辑和实际的DOM之间，性能好。2、跨浏览器兼容：虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。3、一切都是co

1.DOM操作内容1.innerText属性document.getElementById("box").innerText;//获取文本内容（如有html直接过滤掉）document.getElementById("box").innerText"Mr.Lee";//设置文本（如有html转义）