整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
ELLO HTML5！
学前准备
1、了解HTML4.01和XHTML相关知识
2、具备CSS2使用能力
3、能够熟练应用javascript
HTML5是什么
HTML 5 ≈ HTML+CSS 3+Javascript+API
HTML5的发展历程
1993年6月 IETF以工作草案形式发布了超文本标记语言，没有作为标准发布
1995年11月 IETF发布首个官方版本HTML 2.0
1996、1997年W3C分别发布了HTML3.2和HTML4.0两个版本
1999年12月24日由W3C组织发布HTML4.0.1，一个被广泛使用的标准
2000年1月26日发布XHTML1.0,是W3C组织推荐标准，经修改于2002年8月1日重新发布
XHTML1.1:于2001年5月31日发布
XHTML2.0:于2002年8月5日发布草案，因改动太大而胎死腹中
2014年10月28日，W3C的HTML工作组正式发布了HTML5的正式推荐标准
支持HTML5的浏览器
以使用 JavaScript 的 Proxy 对象来包装 HTML 元素，如 div 和 p，以便在更改其属性时触发附带的动作。以下是一个简单的示例，展示如何实现这一点：
// 创建一个包装函数，用于包装 HTML 元素
function createElementProxy(element) {
return new Proxy(element, {
set(target, property, value) {
console.log(`Setting ${property} to ${value}`);
target[property]=value;
return true;
},
get(target, property) {
console.log(`Getting ${property}`);
return target[property];
}
});
}
// 创建一个 div 元素并包装为 Proxy
const div=document.createElement('div');
const proxyDiv=createElementProxy(div);
// 设置和获取属性
proxyDiv.innerHTML='Hello, World!'; // 输出: Setting innerHTML to Hello, World!
console.log(proxyDiv.innerHTML); // 输出: Getting innerHTML在这个示例中，我们创建了一个 createElementProxy 函数，用于包装 HTML 元素。通过 Proxy 对象，我们可以拦截对元素属性的设置和获取操作，并在控制台输出相应的信息。
你可以根据需要扩展这个示例，添加更多的捕捉器（traps）来处理其他操作，例如删除属性、调用方法等。
eact和其它前端框架相比，好处有：
1， 采用组件化模式，声明式编码，提高开发效率以及组件复用率
2， 使用虚拟DOM+优秀的Diffing算法
Vscode新建js文件夹包括三个js文件，babel.min.js用于将jsx转为js，react.development.js是react的核心库，react-dom.development.js用于支持react操作DOM，下面在新建的hello
_react.html文件中新建hello world代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hello_react</title>
</head>
<body>
<div id="test"></div>
<script type="text/javascript" src="../js/react.development.js"></script>
<script type="text/javascript" src="../js/react-dom.development.js"></script>
<script type="text/javascript" src="../js/babel.min.js"></script>
</body>
<script type="text/babel">
const VDOM=<h1>Hello,World！</h1>
ReactDOM.render(VDOM,document.getElementById('test'))
</script>
</html>其中虚拟机DOM，VDOM本质是Object类型的对象，虚拟DOM是React内部使用，只有20几个。
*请认真填写需求信息，我们会在24小时内与您取得联系。
