摘要:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>helloReact</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scr 阅读全文
摘要:
一、什么是JSX JSX是一种将HTML和JavaScript结合的语法扩展,它允许在JavaScript代码中直接编写HTML标记。 上一节在学习元素渲染的时候就已经使用过JSX语法来进行元素的定义: const element = <h1>Hello React</h1>; 如上述语句所示,既不 阅读全文
摘要:
一、React的元素 1.React中元素是什么? 我的理解是元素是组成React应用的一个个的组成部分,是React中的基本单位,是一个用来描述DOM节点或React组件的普通JavaScript对象。 2.React中元素的特点 元素是不可变的,一旦创建就不能对它的属性或者内容进行修改 3.Re 阅读全文
摘要:
1.基础使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本列表</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <! 阅读全文
摘要:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绑定样式</title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 绑定样式: 1.绑定cl 阅读全文
摘要:
1.监视属性的基本用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天气案例-监视属性</title> <script type="text/javascript" src="../js/vue.js"></script> 阅读全文
摘要:
现在有一个需求,输入姓和名将其拼接为全名,全名要求根据姓名实时变化。 下面是三种实现: 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex 阅读全文
摘要:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>键盘事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- Vue中 阅读全文
摘要:
一、基本的事件处理 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本的事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head 阅读全文
摘要:
一、js中的Object.defineProperty方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>回顾Object.defineProperty方法</title> <script type="text/javascr 阅读全文