1.监听props的方法 2.监听state的方法 3.props 传递的方法 .
转载
2018-07-15 19:32:00
134阅读
2评论
该项目是我跟着神三元（抖音架构组）做的一款网易云音乐的 WebApp，原电子书链接
主要技术栈：react hooks + redux + immutable.js
后端部分：采用 github 上开源的 NodeJS 版 api 接口 NeteaseCloudMusicApi，提供音乐数据。本项目使用新版本的依赖进行构建（如：react-router v6），新版本依赖的使用可以参考本文，具体知
转载
2024-07-26 13:45:20
29阅读
1.项目结构 2.创建 app / App.js 文件，这是一个组件 3.使用 App 组件，所以我们来到 app / main.js 文件： 4.主页面 index.html 5.效果图
转载
2018-01-30 21:33:00
135阅读
2评论
useMemo介绍useMemo用于性能优化，通过记忆值来避免在每个渲染上执行高开销的计算。const memoizedValue = useMemo(callbanck, array)返回一个memoized 值callback是一个函数用于处理逻辑array 控制 useMemo 重新执行的数组，array 改变时才会 重新执行useMemo不传数组，每次更新都会重新计算空数组，只会计算一次依
用react渲染一段文字：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="
第一步，开发环境的检查在开始一切操作之前, 请检查你的 vscode 工作路径是否有包含中文, 如果有, 请修改它们至你硬盘的某个分区的根目录/example 或/workspace 以避免需要解决一些无意义的错误。
检查你的 nodejs 的版本号
检查你的 npm 的镜像地址（最好使用淘宝镜像模式）node -v
npm config list
// 如果显示 metrics-regist
angularUI下载地址：https://github.com/Clouda-team/BlendUI下载解压后，demo在根目录现在测试官网demo的使用用浏览器打开mobile-angular-ui-master/demo/index.html,发现没加载样式或者js。然后，审查元素后，发现加...
原创
2021-08-26 09:37:45
108阅读
目的：把AngularUI的模板应用到“桂电在线”上步骤如下：按功能表修改demo界面学习angularUI如何加载全部页面，为了设置自定义加载模板，在demo/demo.js中找到这一段//当#为/,/scroll等等，请求index.html中 + home.html的页面app.config(...
原创
2021-08-26 09:37:43
125阅读
React中模态框的搭建和使用
前一阵遇到过一个需求，要求在App中点击某个按钮会弹出一个对话框（即模态框Modal）。第一件事自然是看看公司内部的组件库有没有已经实现的功能，结果这一看把我看得云里雾里的，这是神马？这又是神马？算了，还是自己写（抄）一个吧。实现很简洁，却又非常好用。稍加改动，啊，真香~ 这个模态框一共由3部分组成：其中Moda
转载
2024-03-19 14:03:09
99阅读
1.server.jsconst express = require('express'),
bodyparser = require('body-parser'),
fs = require('fs').promises,
path = require('path');
const pathdb = path.resolve(__dirname, 'database'),
config
原创
精选
2023-06-25 13:54:10
275阅读
如果只是想试试 React，那么建议使用 create-react-app来创建一个react项目。快速开始 因为 create-react-app 和 vue-cli 不一样，create-react-app将webpack的相关配置直接封装好了，所以自定制化程度不高，所以考虑手动构建一个 React项目代码下载 准备工作安装node环境。配置cnpm(看个人需求)。准
React从入门到精通教程React从入门到精通教程组件和Props概述函数组件与class组件渲染我们的自定义组件组件中嵌套组件提取组件props的只读性state概述：特点：使用`state`复写之前的时间组件不要直接修改stateState 的更新可能是异步的State 的更新会被合并数据是从上而下流动的（单向的） React从入门到精通教程组件和Props概述组件是React中一个非常重
转载
2024-03-18 11:31:58
137阅读
Similar to Storybook, react-styleguidist is used to show the custom UI elements. It is easy to setup and use, it uses markdown file as example page: i
转载
2020-08-20 22:55:00
114阅读
2评论
背景1.1 行业现状与问题很多技术同学都知道，移动端往往比较侧重业务开发，这会导致人员规模不断扩大，项目复杂度也会持续增长。而为了满足业务的快速上线，很难去落实统一的设计规范，在开发过程中由于UI缺乏标准导致的问题不断凸显，具体体现在以下4个层面：设计层面：由于UI缺乏标准化设计规范，在不同App及不同开发语言平台上设计风格不统一，用户体验不一致；设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
import React from 'react' const Release = React.createClass({ render() { const { title, artist, outOfPrint } = this.props.release; const className = outOfPrint? 'release outOfPri...
转载
2017-04-14 22:35:00
154阅读
2评论
git原文链接：https://github.com/my-fe/wiki/issues/1由于最近的reactjs实在太火，而且距
原创
2022-09-11 01:25:29
181阅读
React简介react是什么？为什么学？React入门React 基础案例JSX基础语法两种创建虚拟DOM的方式1.使用JSX创建虚拟DOM2.使用JS创建虚拟DOMjsx语法规则模块与组件、模块化与组件化的理解模块组件模块化组件化函数式组件类式组件 react是什么？React用于构建用户界面的JS库。是一个将数据渲染为HTML视图的开源JS库。为什么学？原生JS操作DOM繁琐，效率低使用J
转载
2024-08-07 20:33:39
116阅读
React 学习笔记 脚手架参考：王红元老师的React前端脚手架对于现在比较流行的三大框架都有属于自己的脚手架：
Vue的脚手架：vue-cli Angular的脚手架：angular-cli React的脚手架：create-react-app 它们的作用都是帮助我们生成一个通用的目录结构，并且已经将我们所需的工程环境配置好。安装node官网地址：https://nodejs.org/
应同学要求，本人将react项目创建后台及上线流程书写如下：前端部分略……后台部分（注：这里的后台是用的nodejs搭建的，使用的是express框架+ejs模板）首先通过express快速搭建后台环境express -e 项目名
cd 项目名
npm i有可能你的电脑里面没有全局安装express获安装了页显示不是内部命令，这时，就需要使用如下命令在命令提示符里面下载.命令如下：npm ins
传统做法前端维护状态，手动操作DOM更新视图。前端框架对服务器数据通过模版进行渲染。当用户产生了一个动作之后，我们通过document.getElementBy... 手动进行DOM更新。 框架帮忙分离数据和视图，后续状态更新需要手动操作DOM，因为框架只管首次渲染，不追踪状态监听变化。双向数据绑定当我们在前端开发中采用MV*的模式时，M - model，指的是模型，也就是数据，V -
