摘要: 事件:页面对不同访问者的响应。 常见的 DOM 事件: 鼠标事件:click 、dblclick 、mouseenter 、 mouseleave 、 hover 键盘事件:keypress 、 keydown 、 keyup 表单事件:submit 、change、focus 、blur 文档/窗 阅读全文
posted @ 2020-08-19 10:53 梦为湘子 阅读(113) 评论(0) 推荐(0) 编辑
摘要: jQuery 选择器基于元素的 id 、类 、类型 、属性 、 属性值等 “查找”(或选择) HTML元素,它基于已存在的 CSS 选择器。 jQuery 中的所有选择器都是以美元符号开头: $()。 元素选择器:$("p")。 #id 选择器:$("#test")。 .class 选择器:$(". 阅读全文
posted @ 2020-08-19 10:08 梦为湘子 阅读(91) 评论(0) 推荐(0) 编辑
摘要: jQuery 的入口函数是在 html 所有标签 (DOM) 都加载之后就会去执行 JavaScript 的 window.onload 时间是等到所有内容,包括外部图片之类的文件加载完成后再去执行。 jQuery 的入口函数可以执行多次,第 n 次都不会被上一次覆盖。 JavaScript 的入口 阅读全文
posted @ 2020-08-19 09:53 梦为湘子 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 组件的生命周期可以分为三个状态: Mounting:已插入真实DOM Updating:正在被重新渲染(更新) Unmounting:已移除真实DOM(销毁/关闭) 生命周期方法有: componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在 阅读全文
posted @ 2020-08-18 16:58 梦为湘子 阅读(121) 评论(0) 推荐(0) 编辑
摘要: React 里只需要更新组件的state,然后根据新的 state 重新徐娜然用户界面(不要操作DOM)。 class Clock extends React.Component { constructor(props) { super(props); this.state = { date: ne 阅读全文
posted @ 2020-08-18 16:32 梦为湘子 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 一、函数组件 该函数在React中是一个有效的组件,可以接收唯一带有数据的props(代表属性)对象,并返回一个React元素。函数式组件要特别注意,组件名称首字母一定要大写。这种方式也成为无状态组件。 特点有: 1.组件不会被实例化,整体渲染性能提升了。没有实例化,就不需要分配多余的内存。 2.不 阅读全文
posted @ 2020-08-18 16:03 梦为湘子 阅读(1049) 评论(0) 推荐(0) 编辑
摘要: 元素 是构成应用的的最小快 与浏览器的DOM元素不同,React元素是创建开销极小的普通对象。React DOM会负责更新DOM来与React元素保持一致。 //HTML中的根 DOM节点 <div id="root"></div> //将一个React元素渲染到DOM节点上 const eleme 阅读全文
posted @ 2020-08-18 13:54 梦为湘子 阅读(118) 评论(0) 推荐(0) 编辑
摘要: JSX是一个JavaScript的语法扩展,它在React中可以很好的描述UI交互,会让人第一眼就可以想到它是一个模板。 为什么使用JSX? 直观原因来看,在 JavaScript 代码中将 JSX 和 UI 放在一起时,会在视觉上有辅助作用。它还可以使 React 显示更多有用的错误和警告消息。 阅读全文
posted @ 2020-08-18 10:52 梦为湘子 阅读(404) 评论(0) 推荐(0) 编辑
摘要: 一、在Html文件中导入必要的包 <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/reac 阅读全文
posted @ 2020-08-18 10:34 梦为湘子 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 一、直接通过官网提供的CDN地址 <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom 阅读全文
posted @ 2020-08-18 10:28 梦为湘子 阅读(281) 评论(0) 推荐(1) 编辑