上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 30 下一页
摘要: 一、是什么 在react应用中,事件名都是用小驼峰格式进行书写,例如onclick要改写成onClick 最简单的事件绑定如下: class ShowAlert extends React.Component { showAlert() { console.log("Hi"); } render() 阅读全文
posted @ 2021-07-23 14:16 喆星高照 阅读(1862) 评论(2) 推荐(1) 编辑
摘要: 一、是什么 React基于浏览器的事件机制自身实现了一套事件机制,包括事件注册、事件的合成、事件冒泡、事件派发等 在React中这套事件机制被称之为合成事件 合成事件(SyntheticEvent) 合成事件是 React模拟原生 DOM事件所有能力的一个事件对象,即浏览器原生事件的跨浏览器包装器 阅读全文
posted @ 2021-07-23 10:21 喆星高照 阅读(516) 评论(0) 推荐(0) 编辑
摘要: 一、是什么 一个组件的显示形态可以由数据状态和外部参数所决定,而数据状态就是state 当需要修改里面的值的状态需要通过调用setState来改变,从而达到更新组件内部数据的作用 如下例子: import React, { Component } from 'react' export defaul 阅读全文
posted @ 2021-07-23 10:09 喆星高照 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 一、ES6类 在ES6中,通过extends关键字实现类的继承,方式如下: class sup { constructor(name) { this.name = name } printName() { console.log(this.name) } } class sub extends su 阅读全文
posted @ 2021-07-23 10:02 喆星高照 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 一、state 一个组件的显示形态可以由数据状态和外部参数所决定,而数据状态就是state,一般在 constructor 中初始化 当需要修改里面的值的状态需要通过调用setState来改变,从而达到更新组件内部数据的作用,并且重新调用组件render方法,如下面的例子: class Button 阅读全文
posted @ 2021-07-23 09:57 喆星高照 阅读(396) 评论(0) 推荐(0) 编辑
摘要: 一、是什么 在Vue系列中,我们了解到生命周期定义 生命周期(Life Cycle)的概念应用很广泛,特别是在经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为“从摇篮到坟墓”(Cradle-to-Grave)的整个过程 跟Vue一样,React整个组件生命周期包括从创建、初始化数 阅读全文
posted @ 2021-07-23 09:51 喆星高照 阅读(1365) 评论(0) 推荐(0) 编辑
摘要: 一、是什么 Real DOM,真实DOM, 意思为文档对象模型,是一个结构化文本的抽象,在页面渲染出的每一个结点都是一个真实DOM结构,如下: Virtual Dom,本质上是以 JavaScript 对象形式存在的对 DOM 的描述 创建虚拟DOM目的就是为了更好将虚拟的节点渲染到页面视图中,虚拟 阅读全文
posted @ 2021-07-23 09:47 喆星高照 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 一、是什么 React,用于构建用户界面的 JavaScript 库,提供了 UI 层面的解决方案 遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效 使用虚拟DOM来有效地操作DOM,遵循从高阶组件到低阶组件的单向数据流 帮助我们将界面成了各个独立的小块,每一个块就是组件,这 阅读全文
posted @ 2021-07-23 09:43 喆星高照 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 16、元素占满整个屏幕 heigth如果使用100%,会根据父级的高度来决定,所以使用100vh单位。 .dom{ width:100%; height:100vh; } 17、CSS实现文本两端对齐 .wrap { text-align: justify; text-justify: distri 阅读全文
posted @ 2021-07-22 17:22 喆星高照 阅读(141) 评论(0) 推荐(2) 编辑
摘要: 1、文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度) p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 多行文本溢出显示省略号 p { display: -webkit- 阅读全文
posted @ 2021-07-22 16:29 喆星高照 阅读(330) 评论(0) 推荐(1) 编辑
上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 30 下一页