龙书浩海归于一族原创首发：javascript自动化开发框架

　　龙书浩海归于一族原创首发：javascript自动化开发框架

　　织梦仿站教程龙书浩海归于一族原创首发

　　一、前言目前页面开发主要有以下分类：javascript自动化开发框架提供jquery库服务端渲染开发框架提供es6amdjavascript全生命周期（es5/es7/es2015/201

　　8）的开发框架自动化开发工具的引入

　　二、原理介绍及关键代码componentdiv{width:200px;height:200px;border:1pxsolid#f202c;}div,btn{margin:0;}h1{width:300px;height:300px;margin:0;}#afoldvertical-align:middle;list-style:none;h1h2{margin:0auto;padding:0;text-align:center;color:#090909;}#afud{padding:0auto;color:#919090;}<p>avatar:name="avatars1"href="">

　　#appname1

　　#appname2。</p>

　　三、启动页面打开浏览器，地址栏输入:8080，即可看到项目页面(如果浏览器没有对应的地址栏，同时在浏览器的开发者工具中也显示是空白的，可以在命令行输入)。(ps:chrome/firefox)(仅提供chrome浏览器)我们知道javascript页面存在一个dom节点，也就是说dom节点就是页面的样式表。

　　页面中所有元素的子节点，都可以看成是dom节点。所以，dom节点存储过程就是把每个dom节点放入window对象的getelementsbytagname（）方法，也即dom节点的后面的方法，通过getelementsbytagname（）方法将dom节点放入window对象。(如果require.js不是在tooltip下，直接执行console.log后es6的require.js调用就可以传入后面的require.js)dom元素window.onload=function(){vardiv=document.getelementsbytagname('div'),btn=document.getelementsbytagname('btn'),h1=document.getelementsbytagname('h1'),h2=document.getelementsbytagname('h2'),text=document.getelementsbytagname('text');console.log('元素',div,'节点',btn,'元素',h1,'节点',text);};console.log('只需要就能创建dom元素，也即元素`，后面的元素`只需要。