搭建react整体框架1、电脑里新建文件夹,用vscode打开文件夹
2、npm create react-app 项目名称 如 npm create react-app huihuidemo / yarn create react-app huihuidemo
3、cd 项目名称 如 cd huihuidemo
4、npm run start
5、安装antd cnpm i a
转载
2024-07-03 13:37:53
46阅读
1.项目结构 2.创建 app / App.js 文件,这是一个组件 3.使用 App 组件,所以我们来到 app / main.js 文件: 4.主页面 index.html 5.效果图
转载
2018-01-30 21:33:00
135阅读
2评论
今天把我的八卦头条app上传到了github。 https://github.com/vae260772/TopNews做个小结,希望有所收获。 1、注册github账号。 2、下载git 工具。类似dos命令行 https://git-scm.com/downloads 3、在github上面创建项目。可以选择 勾选Initialize this repository with a RE
转载
2024-07-24 16:20:35
116阅读
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
最近有不少简友(简书好友)给我提出建议说: 像我写的简书技术文, 虽然内容不错, 但还是最好贴上 Demo, 附上Demo 方便大家使用等等. 回想之前纯粹只是为了记录自己的一些思路及核心代码, 也没想过大家会这么认可我的文章, 这就着手开始上传本地项目到github,希望一些 Demo 对大家有帮助.##一、注册github账号我之前是有账号的,这里我就不需要注册, 如果木有账号的小伙伴, 首先
转载
2024-03-09 08:51:54
123阅读
React中模态框的搭建和使用
前一阵遇到过一个需求,要求在App中点击某个按钮会弹出一个对话框(即模态框Modal)。第一件事自然是看看公司内部的组件库有没有已经实现的功能,结果这一看把我看得云里雾里的,这是神马?这又是神马?算了,还是自己写(抄)一个吧。实现很简洁,却又非常好用。稍加改动,啊,真香~ 这个模态框一共由3部分组成:其中Moda
转载
2024-03-19 14:03:09
99阅读
如果只是想试试 React,那么建议使用 create-react-app来创建一个react项目。快速开始 因为 create-react-app 和 vue-cli 不一样,create-react-app将webpack的相关配置直接封装好了,所以自定制化程度不高,所以考虑手动构建一个 React项目代码下载 准备工作安装node环境。配置cnpm(看个人需求)。准
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阅读
做过JavaWeb的同学,对于MVP设计模式肯定不能理解,毕竟用过MVC云云今天我们来详细看看MVP到底是什么,有什么优点,怎么实现 MVP 按照MVC的分层,Activity和Fragment(后面只说Activity)应该属于View层,用于展示UI界面,以及接收用户的输入,此外还要承担一些生命周期的工作。Activity是在Android开发中充当非常重要的角色,特别是TA的生命周期的功能,
转载
2024-09-29 23:26:55
46阅读
React从入门到精通教程React从入门到精通教程组件和Props概述函数组件与class组件渲染我们的自定义组件组件中嵌套组件提取组件props的只读性state概述:特点:使用`state`复写之前的时间组件不要直接修改stateState 的更新可能是异步的State 的更新会被合并数据是从上而下流动的(单向的) React从入门到精通教程组件和Props概述组件是React中一个非常重
转载
2024-03-18 11:31:58
137阅读
从天河2号到神威·太湖之光,中国超级计算机(HPC)已经称霸TOP500榜单三年了,美国最快的超算还是多年建造的“泰坦”,当了三年多的TOP500老二。在下一代超算上,美国、中国以及欧洲、日本都启动了亿亿次(Exascale)超算研发,中国在E级超算上很可能继续领先,预计2020年前就建成,美国的E级超算要在2022-2023年才能研发出来,只不过说E级超算上说中国领先还早,因为美国的目标是研发出
近期在找工作,想把自己找工作的经历以及做的笔试题,leecode代码,面经等分享到github上,希望给以后找工作的同学们一点参考。这里分享一下如何创建自己的github项目以及上传自己的github代码 1、注册账号 2、点击 3、 4、 选public 5、下载并安装github客户端:windows下载地址 6、 7、 找到安装路径,windows运行git-cmd.exe 8、本机上设置g
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评论
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阅读
Python GUI编程(Tkinter)github项目地址:https://github.com/zhendonger/tkinter-demo基于python版本 >3.0安装所需库pip3 install Pillow运行效果:1.登陆界面2.注册界面3.登陆成功界面代码:#!/usr/bin/python
# -*- coding: UTF-8 -*-
import tkinte
转载
2023-12-19 22:56:35
274阅读
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项目创建后台及上线流程书写如下:前端部分略……后台部分(注:这里的后台是用的nodejs搭建的,使用的是express框架+ejs模板)首先通过express快速搭建后台环境express -e 项目名
cd 项目名
npm i有可能你的电脑里面没有全局安装express获安装了页显示不是内部命令,这时,就需要使用如下命令在命令提示符里面下载.命令如下:npm ins