这是第一次写React和Node，选用的是前端Material-ui框架，后端使用的是Express框架，数据库采用的是Mongodb。项目代码在：GitHub/lilu_movie , 欢迎大家关注或提问题。这是一个通过从电影天堂抓取数据并显示的电影网站，demo部署在heroku上面。 安装：首先安装express框架； npm install express --sav
React的函数式组件式本身是没有状态的和其他类似于class组件的功能，所以一开始，函数组件一般只作为容器组件存在，用来展示父级组件传入的值。而16.8之后出现的 hooks(钩子)，打开了函数式组件的新大门。useState作用：用来记录函数式组件的状态。使用方式：import React, { useState } from 'react'
const [n, setN] = React.u
import "antd/dist/antd.css";
import axios from 'axios'
import { createStore, applyMiddleware, compose } from 'redux'
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
imp
React介绍React.js是前端三大新框架：Angular.js、React.js、Vue.js之一，这三大新框架的很多理念是相同的，但是也有各自的特点。React起源于Facebook的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React可以作
想了解更多—> 上一篇文章：React简介（二）：React组件的生命周期React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。以下实例创建一个名称扩展为 React.Comp
转载
2024-06-08 12:20:06
52阅读
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试
转载
2024-04-29 21:56:17
26阅读
node模块化@(node)一、前言Node应用是由模块组成的，Node遵循了CommonJS的模块规范，来隔离每个模块的作用域，使每个模块在它自身的命名空间中执行。CommonJS规范的主要内容：模块必须通过 module.exports 导出对外的变量或接口，通过 require() 来导入其他模块的输出到当前模块作用域中。CommonJS模块的特点：（1）所有代码运行在当前模块作用域中，不会
转载
2024-09-10 17:14:38
160阅读
# Yarn 安装 Node_modules
在前端开发中，我们经常需要使用第三方库来辅助我们完成项目的开发，这些第三方库通常存储在 npm 仓库中，我们可以通过工具来下载并管理这些库。Yarn 就是一个功能强大的包管理工具，它可以帮助我们快速、高效地下载并安装第三方库。本文将介绍如何使用 Yarn 来安装 Node_modules。
## 什么是 Node_modules
Node_mod
原创
2024-04-30 04:51:45
167阅读
一、安装node1、http://nodejs.cn/download/中文网下载node工具，直接下一步式的安装。二、验证安装 1、win+r 输入cmd，分别运行一下，node -v npm -v 2、安装cnpm,npm install -g cnpm --registry=https://registry.npm.taobao.or
WEB项目(B/S系统)打包安装程序总结 使用VS 自带的打包工具，制作webform安装项目 开发环境：VS 2008 ,Ms sqlserver 2008(必须先安装),IIS(必须先安装) 操作系统：Windows 7 开
# Yarn安装node_modules
在开发过程中，我们通常会使用许多第三方库和工具包来帮助我们完成各种任务。而这些库和工具包的依赖关系复杂，需要一种有效的方式来管理和安装它们。Yarn就是一个强大的包管理工具，它可以帮助我们高效地安装和管理这些依赖关系。
## 什么是Yarn?
Yarn是一个由Facebook、Google和Exponent等公司共同开发的JavaScript包管理工
原创
2024-01-05 03:56:21
113阅读
1.关于httphttp（超文本传输协议）是一个简单的请求-响应协议，它通常运行在TCP之上它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应请求和响应消息的头以ASCII码形式给出；而消息内容则具有一个类似MIME的格式这个简单模型是早期Web成功的有功之臣，因为它使得开发和部署是那么的直截了当http是应用层协议，同其他应用层协议一样，是为了实现某一类具体应用的协议，并由某一运行在
VUEX绝大多数的应用都需要支持非登录状态的预览功能，当用户感兴趣后再选择登录操作。 这个时候就会涉及到全局状态管理，vuex就是针对vue做全局状态管理的组件。VUEX具体的使用场景：用户在非登录状态可预览APP的首页和个人中心的内容。当非登录状态的用户点击首页或个人中心的功能时，跳转到登录页面。用户登录成功后返回原所在页面，首页和个人中心的用户登录状态都自动同步，页面无需重新加载。优点为什么会
# 在 React 项目中使用 Yarn 下载 Node Modules
在现代前端开发中，React 凭借其组件化设计、良好的社区支持和强大的生态系统，成为了一个流行的 JavaScript 库。而使用包管理工具来管理项目依赖是 React 开发中的一个重要步骤。在众多包管理工具中，Yarn 是一个快速、可靠且安全的选择。本文将介绍如何在一个 React 项目中使用 Yarn 下载 `node
原创
2024-09-11 07:39:49
148阅读
react的初始化所有组件 图片由Gerrie van der Walt在Unsplash上拍摄 UI更新本质上就是数据更改。 由于所有活动部件都以状态形式收敛，因此React提供了一种直观，直观的前端应用程序编程方法。 对我而言，使用React制作的App的代码审查相对容易一些，因为我希望从数据结构开始，以大致预期功能和处理逻辑。 时不时，我对React在内部如何工作感到好奇，因
package.json是什么？Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为package.json。 使用的是Facebook推出的creat-react-app （antd官网有文档）react-app-rewired2.x以后，不再支持injectBabelPlugin的方式，需要安装custo
持续更新！ 本次实战项目素材来自尚硅谷的React全展现全栈，项目内容是使用react +antd的方式开发后台管理系统，本文在这里记录一下开发时踩到的小坑以及解决方案，希望能对你有帮助！实战项目视频地址配置部分：yarn add less less-loader安装失败登录页：报错：TypeError: _form.default.create(…) is not a function如果不想使
Nodejs
1.安装nodejs
从nodejs官网下载最新版本的node，设置环境变量这样就可以在cmd下直接用命令行操作npm
环境变量：path d:/nodejs
查看本机node及npm版本
2.从官网上直接拷一个小脚本：
nodeExample.js
const htt
转载
2024-08-16 13:11:45
97阅读
react 基础JSXJSX是一个 JavaScript 的语法扩展,可以很好地描述 UI 应该呈现出它应有交互的本质形式。React DOM 在渲染所有输入内容之前，默认会进行转义。它可以确保在你的应用中，永远不会注入那些并非自己明确编写的内容。所有的内容在渲染之前都被转换成了字符串。JSX 里的 class 变成了 className深入了解：JSX 仅仅只是 React.creat
转载
2024-03-19 22:07:01
41阅读
yarn 安装进行时，显现错误 node_modules\gifsicle: Command failed.
错误详情如下解决办法：在 package.json 文件中 配置忽略该错误"resolutions": {
"//": "Used to install imagemin dependencies, because imagemi
转载
2023-05-23 16:00:03
357阅读
