网络协会2017培训.pptVIP

网络协会2017培训 React AntDesign 专题 （1） 2017/2/24 – Payne 前端框架发展史 1. 原生直接操作DOM 2. jQuery 一家独大 3. AngularJS 引发思考 4. React 诞生，打破MVC模式 5. 三足鼎立 原生操作DOM 最初的HTML网页完全是静态的，HTML有什么就显示什么。 程序员的欲望是无穷的，单纯静态的网页完全不能满足程序员的需求了。 他们需要可以动态变化页面的方法! 原生操作DOM – 案例 制作一个HTML的计数器 要求: 提供一个按钮和一个文本框 默认文本框内容为 0 每点击一次，文本框内容加一 原生操作DOM – 技术储备 获取待操作的元素： 采用 document 对象下的 getElementById、getElementsByClassName 等方法获取需要操作的元素。 假设文本框ID为 text-number，则获取该元素的方法是 document.getElementById(text-number) 原生操作DOM – 技术储备 获取/修改元素的内容(value)： p/a/span 等标签可以使用 .innerText Input等标签可以使用 .value document.getElementById(text-number).innerText = 888; 原生操作DOM