1.动态脚本(页面加载时不存在,后面动态添加的):利用DOM来创建script标签,在script标签中可直接编写JS代码(通过script.text来指定),或者引入外部JS脚本文件。这样方式加载的代码会在全局作用域中执行,可立即使用。
2.动态样式(页面加载时不存在,后面动态添加的):利用两个标签和。需要加在head元素后面,不要加在body元素后面。
3.
元素也有相关的DOM创建代码,利用一些自带的属性或者方法,可以简化创建4.Nodelist、NameNodeMap和HTMLCollection,是从整体上理解DOM的关键所在。都是动态变化的。注意访问时,要把长度赋给第二个变量,否则可能造成无限循环。可以考虑把从里面获得值存储起来。
5.document是Doucument在JS中的实例。
6.而element又是Element在JS中的实例,表示document中的元素。
7.DOM操作可能是JS中最耗性能的一部分,尤其是Nodelistz这样的动态变化的对象,访问一次就会去文档搜索一次。可以考虑减少使用DOM。
8.vue架构的打包会把css、js、html分开打包出来,js里面有三个文件,第一个是app,里面都是自己的逻辑业务代码;vendor:第三方,除了自己的业务;manifest:底层支撑。就是那个webpack_requrire函数。分成几个的原因就是为了分包,避免用户请求的时候,包太大,页面出现短暂的白页。而且后面也是一个组件一个js,访问的时候才请求,节约资源——懒加载!!!!!
9.懒加载三种方式:1.结合Vue的异步组件和webpack的代码分析。2.AMD写法。3.ES6中:直接使用箭头函数进行异步请求。
10.一个懒加载一个组件一个JS文件。
11.嵌套路由:在children里面配置。