围绕React衍生出的思考

最新推荐文章于 2023-07-21 08:31:04 发布
最新推荐文章于 2023-07-21 08:31:04 发布
阅读量354 收藏
点赞数 2
分类专栏： React 学习笔记 文章标签： React 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44956861/article/details/95644685
版权

1.以前使用jequery，原生JS操作DOM的写法叫做命令式的编程
2.React是一种声明式的开发
3.React可以与其他框架并存，如index中，react只会管理在index.js中挂载的dom，其他的标签都可以使用其他的库或者框架进行编辑
4.React中的组件化，组件的命名都是大写开头
5.单向数据流
父组件给子组件传值允许，但绝不允许子组件去更改父组件的值 在子组件中，父组件传过来的值是只读属性的
如果我实在想在子组件中修改父组件，通过子组件调用父组件的方法进行修改，这里传方法请注意this指向问题
6.视图层的框架React
在这里插入图片描述
如果只使用react去进行复杂的传值是非常的麻烦的，因此react只是一个视图层的框架，只帮你解决页面和数据渲染的，如果是数据传递，那对不起react我不管 因此我们需要使用flex redux数据框架辅助我们进行开发
7.React的函数式编程
如刚刚所写的函数直接往里面写JSX代码，然后去调用这个函数
面向测试的开发流程，如果都是函数很容易进行自动化编程

React16.4开发简书项目 从零基础入门到实战-笔记-02
mysteryflower的专栏
04-23 746
第3章 React基础精讲 本章通过TodoList功能的实现，给大家完整介绍React的基础语法，设计理念以及围绕React展开的一些编程思维。 3-1 使用React编写TodoList功能 3-2 React 中的响应式设计思想和事件绑定 3-3 实现 TodoList 新增删除功能 3-4 JSX语法细节补充 3-5 拆分组件与组件之间的传值 3-6 TodoList 代码优化 3-7 ...
React学习资源汇总
物以稀为贵yeah
12-06 4176
React是如今最热门的前端框架之一，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱,最近有项目需要用到React，所以现在开始恶补，把自己学习React的一些学习资料总结一下。 React 官方 官网地址：http://facebook.github.io/react/ Github地址：https://github.com/facebook/react 设计思想学习React之前，我
自学react留感（上）
可了不得
01-30 1031
React 起源于 Facebook 的内部项目，作用是：架设ins的网站，优点是：他是声明式设计，高效，灵活。 react只是dom的一个抽象层，并不是web应用的完整解决方案，因为react有两个方面没涉及，一个是代码结构，还有一个是左键中的结构。react衍生出来的react native项目目标更宏伟，希望用web app的方法去写native app。 一，React特点： 声明式
react简书项目学习笔记6围绕react衍生的思考
MeiLuan_yahoho的博客
01-29 412
1.react是一种声明式的开发 声明式编程是一种编程范式，与命令式编程相对立。它描述目标的性质，让计算机明白目标，而非流程。声明式编程不用告诉计算机问题领域，从而避免随之而来的副作用。而命令式编程则需要用算法来明确的指出每一步该怎么做。 2.react可以与其他框架并存 在index.html文件中，react只管理id="root"里的代码的渲染,其他框架可以操作其他部分的代码 3.组件化 p...
围绕react衍生出来的思考
weixin_30251587的博客
03-10 266
优势一、声明式开发 首先react是声明式的开发方式，这个与之对应的是命令式开发方式，之前在用jquery写代码的时候，都是直接来操作dom，直接操作dom的这种编程方式，我们把他叫做命令式的编程，也就是我要创建一个页面，我要一点点的告诉dom,你要怎么去挂在，你要怎么去做，这种编程方式我们叫做命令式的编程。回头想想，我们代码里面有60%到70%的代码都在对dom进行操作。 ...
React - review 1
m0_48942526的博客
02-04 483
React - review 1一、 React 简介二、 React 开发环境准备三、 React 工程目录文件简介四、React 中的组件五、Jsx 语法需要注意六、围绕 React 衍生出来的思考七、propTypes 与 DefaultProps 的应用八、props、state 与 render 函数 一、 React 简介 React Js => 可以用 React 的语法来编写一些网页的交互效果 React Native => 可以让我们借用 React 语法编写原生的 app
初探react，用react实现一个todoList功能
moandaylab
10-12 3694
初探react，用react实现一个todoList功前言一、react基础1. react简介2. 开发环境搭建3. 工程目录文件简介4. react中最基础的JSX语法二、使用react编写TodoList功能1. 页面构思2. React中的响应式设计思想和事件绑定3. 实现TodoList新增删除功能（1）新增功能（2）删除功能三、对TodoList功能进行进阶操作1. JSX语法细节补充（1）自动转义（2）光标聚焦2. 拆分组件与组件之间的传值3. TodoLi
【笔记】react 学习与记录
daddykei的博客
07-28 168
这里写目录标题一级目录起步src-> App.js、index.js响应式设计思想和事件绑定二 一级目录 起步 npm i -g create-react-app create-react-app todolist npm run start src-> App.js、index.js import {Component} from 'react'; //等价于 import React from 'react'; const Component = React.Component 所以
实时更新react项目从0开始
Sunshine_GirlXue的博客
06-28 318
这个文章写的比较详细一些，是关于react项目的初学从基础创建到项目的实战，望业界大佬不要嘲笑才好。本人呢！在学习中如有什么错点，可以指出来呀，我才能吸取教训多多改正啊，望共进步！如果有辛给你们带来帮助，我也会很高兴滴！ 下载一个react项目 React的优点：提升开发效率、代码可维护性和可阅读性增强- 需提前检测npm 和node 因为本人配置了，所以就也不演示和解释了 npm install -g create-react-app 下载脚手架工具 create-react-app my-app
「前端」React 16.4 开发简书项目 从零基础入门到实战（慕课网个人学习笔记）持续更新中……
Jack's Blog
02-27 3816
2-3 工程目录文件简介 PWA progressive web application：通过写网页的形式写手机APP registerServiceWorker：将网页上线到支持https协议的服务器上，访问一次即可离线访问 index.js：整个React项目的入口文件 index.html：负责页面显示的html内容 2-4 React中的组件 import { Compon...
前、后端通用的可视化逻辑编排
最新发布
悠闲的水的博客
07-21 1385
逻辑编排编辑器生成一份JSON，解析引擎解析这份JSON，把图形化的业务逻辑转化成可执行的逻辑，并执行。编辑器跟解析引擎之间要有份约束协议，用来约定JSON的定义，这个协议就是这里定义的DSL。在typescript中，用interface、enum等元素来表示。这些DSL仅仅是用来描述页面上的图形元素，通过activityName属性跟具体的实现代码逻辑关联起来。比如一个循环节点，它的actvityName是Loop，解析引擎会根据Loop这个名字找到该节点对应的实现类，并实例化为一个可执行对象。
生鲜 B2B 技术平台的前端团队该如何搭建
Scott_imooc的博客
05-07 775
此文写于 1 年前，转载至此，大家可以加 Scott 微信: codingdream 成为朋友圈的朋友，聊南聊北，哈哈哈。 ![图片描述][1] 线下越重，线上需要越轻，这个轻指的是轻便轻巧和简洁易用，通过前面几章小菜技术与产品历史介绍，我们了解到 B2B 生鲜领域在线下是如此之重，那么在交易场景线上化的过程中，端的移动化就势在必行，试想一下，让菜市场摊位老板人手一台笔记本点开网页选购支付，...
最近美团前端面试题目整理
loveX001的博客
10-26 787
输出结果如下： promise.then 是微任务，它会在所有的宏任务执行完之后才会执行，同时需要promise内部的状态发生变化，因为这里内部没有发生变化，一直处于pending状态，所以不输出3。Nginx 是一款轻量级的 Web 服务器，也可以用于反向代理、负载平衡和 HTTP 缓存等。Nginx 使用异步事件驱动的方法来处理请求，是一款面向性能设计的 HTTP 服务器。传统的 Web 服务器如 Apache 是 process-based 模型的，而 Nginx 是基于event-driven模型的
前端react，vue导出word的几种方法（可以导出图片）
weixin_44956861的博客
09-30 8619
mhtml-to-word导出word： 方法详情请看这里 1.安装环境 npm install mhtml-to-word 2.引入使用 import { exportWord } from mhtml-to-word 3.直接使用（浏览器环境下的使用，node环境下请点击方法一详情） 这里我们给出百度模板的使用演示 （1）引入我们在详情链接中的百度模板的文件 import baidu f...
antd的Form表单控制实例的使用
weixin_44956861的博客
07-14 7772
Form表单的控制实例一、业务常景：二、使用Form表单的实例来解决： 一、业务常景： 遇到一种业务场景，即一个简单的Modal框+ Form的一个组合，仔细思考了一下，和我们平时直接使用Form表单还是有一定的区别，我们通常是通过给Form表单绑定onFinish的回调函数，但是这里的业务需求是在model框上点击确定去提交表单，直接通过onFinish函数去回调是不太可行的。 二、使用Form表单的实例来解决： 打开Antd文档，发现有一个form的实例，这里说的稍稍有的绕，他的意思是你需要使用usF
Antd中Table组件筛选报错：Cannot read property 'toString' of null
weixin_44956861的博客
11-23 6063
由字面意思可以发现这里的record应该是空的 先放解决方法： 在可以搜索的那一列 传递的数据不能有空值！ record所在位置： 关于onFilter是一个搜索函数在antd的API上的文档有 我们打印一下 、 可以看到其中有一个空值，这里就是问题所在 因此：在可以搜索的那一列 传递的数据不能有空值！ 有错误时的表格： 只要那一格不为空即可 ...
React 中class与hook渲染机制方面的一点思考
weixin_44956861的博客
04-24 1598
刷掘金时无意看到了一篇文章：React hooks 怎样做防抖？ 点进去看了一遍么，才发现之前对于hooks仅仅只是会用，对于hook的渲染机制并不十分的了解。 我们先从上篇博客提到防抖来入手，再谈渲染机制。 我们平时是如何写防抖的？ function debounce(fn,delay) { let timer; return function (...arg) { ...
使用React.js去实现一个toDoList
weixin_44956861的博客
07-11 443
1.我们新建一个js文件，之后在index.js中去引入 2.在return()中编写我们的html代码 注意：必须有一个<>是完全包裹整个return()中的内容的这是JSX语法所规定的 与Vue对比：在Vue的compoment组件中 也要求有一个<>完全去包裹<template>标签中的内容 如果我不想让标签元素去占位置，我们直接使用标签 <Frag...
React同构实战：样式直出与优化策略
本文将深入浅出地探讨React同构中的一个重要技术点——样式直出。React同构，即服务端渲染与客户端渲染的结合，旨在提高网页的初始加载速度和SEO优化。在传统的前端开发中，样式通常通过JavaScript在客户端动态插入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值