1.React.js的介绍:React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。特点:1.声明式设计 ?React采用声明范式,可以轻松描述应用。2.高效 ?React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活...
JSX 简介
const element = <h1>Hello, world!</h1>;
以上为一个JSX,我的理解(简单理解带有HTML标签的变量元素)。
简介:是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言,但它具有 JavaScript 的全部功能。
JSX 可以生成 React “元素”。
为什么使用 JSX?
React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合,比如,在 U...
最近看到一个PHP的很有意思的库React,官网上的说明:Event-driven, non-blocking I/O with PHP. 我就想问下,有人用过这个东西吗?它和Node.js的区别在哪里?回复内容:
没差别。都是做异步io,单线程单进程reactor模型。一个PHP,一个js。个人觉得后台程序还是同步io的使用场景更多些。99%的场景用同步阻塞多线程/多进程就够了,1%的场景才用得到异步io,node.js主要是为web前端程序员打开了后端大门。而且前端程序员用ajax习惯了...
基础概念
SSR:即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java,php 等开发语言来实现,随着 Node.js 和相关前端领域技术的不断进步,前端同学也可以基于此完成独立的服务端渲染。
过程:浏览器发送请求 -> 服务器运行 react代码生成页面 -> 服务器返回页面 -> 浏览器下载HTML文档 -> 页面准备就绪 即:当前页面的内容是服务器生成好给到浏览器的。
对应CSR:即客户端渲染(Client Side Render) 过程:浏览器发送...
本文将会用typescript+react+react-dropzone+express.js实现前后端上传图片。当然是用typescript需要提前下载相应的模块,在这里就不依依介绍了。
第一步,配置tsconfig.js"compilerOptions": { "outDir": "./public/", "sourceMap": true, "noImplicitAny": true, "module": "commonjs", "target": "es5", "jsx": "react" ,"noImplicitAny": false,"suppressImplicitAnyIndexErrors": true},"files": [ "./views/home/main.tsx" ]...
Mirage JS lets you mock out production APIs directly alongside your frontend React code. You can tweak the data or force a network request to hang, so you can quickly design different states of your application. In this way Mirage lets you build every state of your UI regardless of the state of your production API.
Check out Mirage's React quickstart here.
// src/App.js
import React, { useState, ...
第一步——安装Node.js
首先要安装Node.js,Node.js自带了软件包管理工具npm,可以使用npm安装各种插件。Node.js的下载地址
可以自定义安装到指定的路径下,待安装完成后命令行下检测是否安装成功。 第二步——在node的安装目录下新建两个文件夹,用于存放后续以npm安装的全局模块
新建node_cache文件夹,用于存放缓存
新建node_global文件夹,用于存放全局模块新建完成后命令行下配置路径
npm config set cache D:\ProgramSoftwa...
1. SSR:即服务端渲染(Server Side Render);传统的服务端渲染可以使用Java,php等开发语言来实现,随着 Node.js和相关技术的成熟,前端同学可以基于此完成独立的服务端渲染。2. 过程:浏览器发送请求->服务器运行react代码生成页面->服务器返回页面->浏览器下载HTML文档->页面准备就绪 即:当前页面的内容是服务器生成好给到浏览器的
3. 对应CSR:即客户端渲染(Client Side Render) 过程:浏览器发送请求->服务器返回空白html(h...
只需要把body-parser放在user.js文件前面引入
sever.jsconst express = require('express')const bodyParser = require('body-parser')const userRouter = require('./user')const app = express()app.use(bodyParser.json()) //先use body-parserapp.use('/user',userRouter) //再use userRouterapp.listen(9093,function(){console.log('node app start at port 9093')})user.js
Router.post('/register',function(req,res){co...
Redux+React Router+Node.js全栈开发第1章 介绍课程目标和学习内容
包括课程概述、课程安排、学习前提、讲授方式等方面的介绍,最后演示了整个招聘App的功能,让同学们对课程项目有一个直观的了解。
1-1 课程导学第2章 知识储备
为了学习好React,需要一系列的基础知识作为后盾,React官方也推荐全部ES6的写法,所以分别接受了Nodejs基础,使用create-react-app搭建React开发环境,版本控制git的使用,ES6常用的语法以及express+mo...
下载地址: 百度网盘下载
课程目录1-1 课程导学.mp42-1 介绍React开发环境.mp42-2 ES6常用语法.mp42-3 express+mongodb.mp42-4 express+mongodb基础.mp43-1 React基础知识回顾1-入门例子.mp43-2 React基础知识回顾2-组件之间传递数据.mp43-3 React基础知识回顾3-组件内部.mp43-4 React基础知识回顾4-事件.mp43-5 React基础知识回顾5-React生命周期.mp43-6 React基础知识回顾6-安装CHROME扩展.mp43-7 antd-mobile组件使用.mp44-1 Re...
home.jsx
import React, { Component } from 'react'
import { Table } from 'antd';
import axios from 'axios'export default class Home extends Component {state = {selectedRowKeys: [], // 表格选择项KeysselectedRows: [], // 表格选择项RowstableData: [],total: 0}getColumns = () => {return [{title: 'ID',dataIndex: 'id',width: 30,},{title: '标题',dataIndex: 'title',width: 500,render: (text, record) => <a hr...
安装MongoDB,电脑是mbp,根据步骤安装好了MongoDB之后,用命令mongod启动数据库的时候,老是报Abort trap: 6,然后shut down。网上也找不到类似的问题,最后重新找了MongoDB的安装资料,发现用brew安装了之后,还得进行环境变量的配置。
环境变量配置参考https://blog.csdn.net/alicelmx/article/details/84099034,
Mongoose文档类型String,Number等数据结构
create、remove、update分别用来增删改的操作
find和findOne用来查询数...