07 2021 档案

摘要:一、类组件 类组件,顾名思义,也就是通过使用ES6类的编写形式去编写组件,该类必须继承React.Component 如果想要访问父组件传递过来的参数,可通过this.props的方式去访问 在组件中必须实现render方法,在return中返回React对象,如下: class Welcome e 阅读全文
posted @ 2021-07-27 12:18 喆星高照 阅读(967) 评论(0) 推荐(0) 编辑
摘要:一、是什么 Refs 在计算机中称为弹性文件系统(英语:Resilient File System,简称ReFS) React 中的 Refs提供了一种方式,允许我们访问 DOM节点或在 render方法中创建的 React元素 本质为ReactDOM.render()返回的组件实例,如果是渲染组件 阅读全文
posted @ 2021-07-27 12:13 喆星高照 阅读(358) 评论(0) 推荐(0) 编辑
摘要:一、是什么 首先,给出react组件中进行列表渲染的一个示例: const data = [ { id: 0, name: 'abc' }, { id: 1, name: 'def' }, { id: 2, name: 'ghi' }, { id: 3, name: 'jkl' } ]; const 阅读全文
posted @ 2021-07-27 10:26 喆星高照 阅读(366) 评论(0) 推荐(0) 编辑
摘要:一、是什么 我们将组件间通信可以拆分为两个词: 组件 通信 回顾Vue系列的文章,组件是vue中最强大的功能之一,同样组件化是React的核心思想 相比vue,React的组件更加灵活和多样,按照不同的方式可以分成很多类型的组件 而通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目 阅读全文
posted @ 2021-07-26 16:52 喆星高照 阅读(999) 评论(1) 推荐(2) 编辑
摘要:一、是什么 组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式 在React中,一个类、一个函数都可以视为一个组件 在Vue系列中,我们了解到组件所存在的优势: 降低整个系统的耦合度,在保持接口不变的情况下,我们可以替换不同的组件快速完成需求,例如输入框,可以替换为日历、 阅读全文
posted @ 2021-07-26 09:13 喆星高照 阅读(252) 评论(0) 推荐(0) 编辑
摘要:一、是什么 在react应用中,事件名都是用小驼峰格式进行书写,例如onclick要改写成onClick 最简单的事件绑定如下: class ShowAlert extends React.Component { showAlert() { console.log("Hi"); } render() 阅读全文
posted @ 2021-07-23 14:16 喆星高照 阅读(1869) 评论(2) 推荐(1) 编辑
摘要:一、是什么 React基于浏览器的事件机制自身实现了一套事件机制,包括事件注册、事件的合成、事件冒泡、事件派发等 在React中这套事件机制被称之为合成事件 合成事件(SyntheticEvent) 合成事件是 React模拟原生 DOM事件所有能力的一个事件对象,即浏览器原生事件的跨浏览器包装器 阅读全文
posted @ 2021-07-23 10:21 喆星高照 阅读(532) 评论(0) 推荐(0) 编辑
摘要:一、是什么 一个组件的显示形态可以由数据状态和外部参数所决定,而数据状态就是state 当需要修改里面的值的状态需要通过调用setState来改变,从而达到更新组件内部数据的作用 如下例子: import React, { Component } from 'react' export defaul 阅读全文
posted @ 2021-07-23 10:09 喆星高照 阅读(265) 评论(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 喆星高照 阅读(316) 评论(0) 推荐(0) 编辑
摘要:一、state 一个组件的显示形态可以由数据状态和外部参数所决定,而数据状态就是state,一般在 constructor 中初始化 当需要修改里面的值的状态需要通过调用setState来改变,从而达到更新组件内部数据的作用,并且重新调用组件render方法,如下面的例子: class Button 阅读全文
posted @ 2021-07-23 09:57 喆星高照 阅读(397) 评论(0) 推荐(0) 编辑
摘要:一、是什么 在Vue系列中,我们了解到生命周期定义 生命周期(Life Cycle)的概念应用很广泛,特别是在经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为“从摇篮到坟墓”(Cradle-to-Grave)的整个过程 跟Vue一样,React整个组件生命周期包括从创建、初始化数 阅读全文
posted @ 2021-07-23 09:51 喆星高照 阅读(1366) 评论(0) 推荐(0) 编辑
摘要:一、是什么 Real DOM,真实DOM, 意思为文档对象模型,是一个结构化文本的抽象,在页面渲染出的每一个结点都是一个真实DOM结构,如下: Virtual Dom,本质上是以 JavaScript 对象形式存在的对 DOM 的描述 创建虚拟DOM目的就是为了更好将虚拟的节点渲染到页面视图中,虚拟 阅读全文
posted @ 2021-07-23 09:47 喆星高照 阅读(615) 评论(0) 推荐(0) 编辑
摘要:一、是什么 React,用于构建用户界面的 JavaScript 库,提供了 UI 层面的解决方案 遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效 使用虚拟DOM来有效地操作DOM,遵循从高阶组件到低阶组件的单向数据流 帮助我们将界面成了各个独立的小块,每一个块就是组件,这 阅读全文
posted @ 2021-07-23 09:43 喆星高照 阅读(326) 评论(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 喆星高照 阅读(145) 评论(0) 推荐(2) 编辑
摘要:1、文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度) p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 多行文本溢出显示省略号 p { display: -webkit- 阅读全文
posted @ 2021-07-22 16:29 喆星高照 阅读(331) 评论(0) 推荐(1) 编辑
摘要:1、输入一个值,返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi 阅读全文
posted @ 2021-07-22 16:15 喆星高照 阅读(138) 评论(0) 推荐(0) 编辑
摘要:一、 是什么 Node作为一门服务端语言,性能方面尤为重要,其衡量指标一般有如下: CPU 内存 I/O 网络 CPU 主要分成了两部分: CPU负载:在某个时间段内,占用以及等待CPU的进程总数 CPU使用率:CPU时间占用状况,等于 1 - 空闲CPU时间(idle time) / CPU总时间 阅读全文
posted @ 2021-07-20 17:26 喆星高照 阅读(1401) 评论(0) 推荐(0) 编辑
摘要:在vue中如何做到给视频拍照,留住那一帧的美好呢? 且看代码 <template> <div> <video src="../assets/video.mp4" controls style="width:300px;"></video> <img :src="imgSrc"> <div> <bot 阅读全文
posted @ 2021-07-20 14:29 喆星高照 阅读(1253) 评论(0) 推荐(0) 编辑
摘要:https://gitee.com/houxianzhou/sm2-demo.git 具体相关算法这里不在讲述,网上文章很多,也可以看我之前 iOS-sm2-sm3-sm4-sm9-zuc 里面提供的资料。 链接地址 https://github.com/yazhouZhang/SM2-SM3-SM 阅读全文
posted @ 2021-07-19 15:27 喆星高照 阅读(8507) 评论(0) 推荐(1) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片二维码识别</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></scrip 阅读全文
posted @ 2021-07-19 15:21 喆星高照 阅读(1282) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示