一，对组件化的理解1，组件的封装-视图-数据-变化逻辑（数据驱动视图变化）例：import React, {
Component
} from 'react';
import List from './list/index.js';
import Input from './input/index.js';
class Todo extends Component {
const
转载
2024-06-12 19:54:29
197阅读
29.9React课程第02节：react组件化第2节：02课react组件化(02课react组件化&)02课react组件化初始化显示constructor构造函数，要使用super()，否则没法在内部使用this2与3之间要对组件进行渲染componentWillReceiverProps父组件传递的属性发生变化时执行接收新的props...
原创
2023-02-23 21:26:13
206阅读
29.9React课程第03节：react组件化第3节：react组件化(Hooks&)HooksHooks本质就是一个函数useState可以在函数组件初始化state点击的时候，调用setName函数把name状态改为指定的值可以创建多个useState兄弟组件使用fragment来使用，直接在FruitsList解构{fruits}se...
原创
2023-02-23 21:26:12
207阅读
???? React之全屏化组件???? 介绍本文基于React+antd，给大家演示一个完整的全屏demo。起因是
原创
2021-12-30 14:13:07
1539阅读
介绍 本文基于React+antd，给大家演示一个完整的全屏demo。 起因是开发今天给我提了一个sql编辑器输入框比较小，不支持放大，不太方便。希望能够全屏显示，联想到自己以后可能也会需要，便研究并记录之。 其实我觉得也没有很小（orz） 全屏 大家应该都在web页面里面见过全屏按钮，点击它以后页 ...
转载
2021-10-15 18:26:00
593阅读
2评论
三个原则 single store render from top immutable data single store，便于组件之间通信。 render from top，因为store就一个，每次修改后，从最顶层开始渲染，依赖DOM diff和人工shouldComponentUpdate判断
转载
2016-05-08 00:01:00
63阅读
2评论
前端工程化：当前前端已由 过去的webPage （一个页面，引些jq插件。。） 转向 webApp，业务逐渐复杂，是一个独立的工程。因此会产生一些问题：1，如何进行高效的多人协作。2，如何保证项目的可维护性3，如何降低项目的生产风险：打包，部署。可以从如下四方面理解：a，模块化，组件化，规范化，自动化。模块化：JS模块化，css模块化规范化：前后端分离，编码规范。工程目录的规范，组件的规范等。自动
转载
2024-05-30 18:51:55
26阅读
Linux的 I / O 虚拟化 Virtio 框架简而言之，virtio是半虚拟化管理程序中设备上的抽象层。virtio由Rusty Russell开发以支持他自己的虚拟化解决方案lguest。本文从准虚拟化和仿真设备的介绍开始，然后探讨的细节virtio。重点是virtio2.6.30内核发行版中的框架。 Linux是虚拟机管理程序平台。正如我在有关Linux作为虚拟机管理程序的文章中所展示的
转载
2024-09-23 15:30:53
48阅读
前端组件化1. 前言前端组件化基于UI组件化文档设计方案，通过模块化、组件化思想实现前端组件化。此文档主要介绍如下四部分内容：模块化开发方案项目灵活配置方案
CSS主题样式方案前端独立部署方案代码可视化相关文档见：2. Vue-demo简介此套前端组件化模板Vue-demo,采用Vue+Elemen+Echart+Axios等js库开发,项目中已经集成好常用依赖包管理文件,后续项目开发中无需重新安
【代码】前端展示日志组件ansi-to-react。
原创
2023-01-09 17:58:48
623阅读
这是可视化编辑器 Gaea-Editor 的第一篇连载分析文章，希望我能在有限的篇幅讲清楚制作这个网页编辑器的动机，以及可能带来的美好使用前景(画大饼)。它会具有如下几个特征：运行在网页文档流布局，绝对定位同时支持对插入的任何 React 组件都可以直接作为编辑元素拖拽到页面中兼容 React-Native 的 web 组件可以让它生成 android 和 ios 原生页面拥有 Gaea-Prev
react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
转载
2023-07-14 13:40:39
117阅读
重新设计 React 组件库
诚身
7 个月前 在 react + redux 已经成为大部分前端项目底层架构的今天，让我们再次回到软件工程界一个永恒问题的探讨上来，那就是如何提升一个开发团队的开发效率？ 从宏观的角度来讲，其实只有良好的抽象才能真正提高一个团队的开发效率，而囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端工程抽象到最后一层，那么剩下的其实就只有
转载
2024-08-26 10:07:51
61阅读
大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！ 今天给大伙推荐一个React UI组件库MATERIAL-UI。MATERIAL-UI是一款用来实现Google的Material Design风格UI界面的框架，也是首个React的UI工具集之一。安装通过 npm 安装 M
转载
2021-01-30 10:04:29
129阅读
2评论
上次推荐了12个 Vue UI组件库，今天来推荐几个 GitHub 上流行的 React UI 库！1. Ant DesignGitHub 上超过 269 k 个项目使用了 Ant Design 组件库，Ant Design of React 是一个基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。Ant Design 组件库主要有以下特性：????
转载
2022-04-22 11:23:02
2081阅读
React非常快速是因为它从不直接操作DOM。 虚拟DOM是在DOM的基础上建立了一个抽象层，对数据和状态所做的任何改动，都会被自动且高效的同步到虚拟DOM，最后再批量同步到DOM中。 在React中，render执行的结果得到的并不是真正的DOM节点，而仅仅是JavaScript对象，称之为虚拟DOM。 虚拟DOM具有批处理和高效的Diff算法，可以无需担心性能问题而随时“刷新”整个页
转载
2024-05-17 22:55:13
28阅读
组件传参 多组件使用！
原创
2021-08-05 16:03:09
220阅读
实例 <div id="example"></div> <script type="text/babel"> function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage /> ...
转载
2021-06-23 00:49:00
222阅读
2评论
React组件 React组件介绍 组件是React的一等公民,使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点：可复用、独立、可组合 React组件的两种创建方式 使用函数创建组件 函数组件：使用JS的函数（或箭头函数）创建的组件 约定1：函数名称必须以大 ...
转载
2021-08-02 01:13:00
206阅读
2评论
React轻巧源于React组件的思想。就像没有函数的概念之前，计算一个长方形的面积，每次都是相同的计算长和宽的乘积，然后输出。React允许我们自定义组件，在以后的工作过程中，我们想渲染不同的组件，都可以自定义，通过render函数返回DOM元素节点。React组件示例：<!DOCTYPE html><html> <head> &...
原创
2021-07-28 09:50:19
229阅读
