随笔分类 - React
React.js框架学习
该文被密码保护。
摘要：问题 1. 运行一个刚git clone下来并cnpm install后，React应用： 时， 2. 报错： 3. 只需要把【react scripts】升级到【"^3.4.0"】即可 解决： 1. 在【package.json】中，把【"react scripts": "^3.x.x"】 替换为
阅读全文
摘要：一、布局及排版 1.布局src/pages/admin/header/index.jsx 2. 样式src/pages/admin/header/header.less 效果： 二、天气请求接口函数 1. 基础知识 1. 1【jsonp】 请求库https://github.com/webmodul
阅读全文
摘要：实战 上接，笔记： "https://blog.csdn.net/u010132177/article/details/104150177" https://gitee.com/pasaulis/react guli 1）创建目录 cmd指创建： 2）配置路由、引入antd https://blog
阅读全文
摘要：一、admin页面布局及路由创建 0）cmd批量创建目录及子目录 目录结构 0.2 写基础文件，分别如下 1）用antd进行页面布局src/pages/admin/admin.jsx 2）分离出1步左侧组件src/pages/admin/left/index.jsx 2.2 left/left.le
阅读全文
摘要：一、静态页面 目录结构 F:\Test\react demo\admin client\src\pages\admin\category 1. pages/category/index.jsx 二、动态：产品分类数据请求 1.编写产品分类相关接口src/api/index.js 【1】获取产品一级/
阅读全文
摘要：1.npm Intellisense 有自动补全的功能 var lodash = require('lodash') 2. path Intellisense 自动补全文件名 import CityAction from "../../../store/main/cityAction.js"; 3.
阅读全文
摘要：什么是 NPM npm之于Node，就像pip之于Python,gem之于Ruby,composer之于PHP。 npm是Node官方提供的包管理工具，他已经成了Node包的标准发布平台，用于Node包的发布、传播、依赖控制。npm提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你
阅读全文
摘要：一、MVC MVC的产生理念： 分工。让专门的人去做专门的事。 MVC的核心思想： 解耦。 M: Model,模型， 和数据库进行交互。 V: View,视图， 产生html页面。 C: Controller,控制器, 接收请求，进行处理，与M和V进行交互，返回应答。 二、MVT Django是劳伦
阅读全文
摘要：一、Antd(Ant Design)的使用：引入全部Css样式 1.1 antd官网： https://ant.design/docs/react/introduce cn 1.2 React中使用Antd 1.3 代码示例 1.安装 2.引入antd的css样式 因为在App.js里引入了App.
阅读全文
摘要：一、路由模块化（用字典定义路由，然后循环出来） 1.官方文档参考 【官方文档】https://reacttraining.com/react router/web/guides/quick start 【路由模块化实例】https://reacttraining.com/react router/w
阅读全文
摘要：一、概述 实现功能：点首页，展示首页，同时在左侧有个首页的各个栏目导航；点用户，同首页； 二、代码实现 1. src/App.js src/App.css 2.【重点】src/components/user.js src/components/css/user.css 3.src/component
阅读全文
摘要：一、React加载数据流程回顾 先看上一节的产品详情代码：https://blog.csdn.net/u010132177/article/details/103184176 【Pcontent.js】 控制台：产品详情页get 404 undefined错误原因 上一节加载详情时，控制台将发现会报
阅读全文
摘要：一、功能 从首页列表点进去，转到详情页 列表、详情从Api获取 Api列表：http://a.itying.com/api/productlist 详情：http://a.itying.com/api/productcontent?id=5ac1a22011f48140d0002955 二、知识点
阅读全文
摘要：一、安装 1.1windows 要在Windows系统中安装Git，请访问http://msysgit.github.io/，并单击Download。安装。 1.2 在 Linux 系统中安装 Git 要在Linux系统中安装Git，请执行如下命令即可： 1.3 在 OS X 系统中安装 Git 你
阅读全文
摘要：概述 新闻列表 —跳转— 详情页 时，想把列表对应的id传到详情页里，可用到三种传值方法： 1、动态路由传值 2、get传值 3、localstorage传值 一、动态路由传值 【App.js】主要路由配置都在此处。01所在 【News.js】路由配置02步所在 javascript import
阅读全文
摘要：路由的定义及作用 根组件根据客户端不同的请求网址显示时，要卸载上一个组件，再挂载下一个组件，如果手动操作话将是一个巨大麻烦。具体过程如下图： 【react router】可以让根组件动态的去挂载不同的其他组件。（根据用户访问的地址动态的加载不同的组件） 一、路由使用步骤 【官网文档入口】：https
阅读全文
摘要：React生命周期函数： 【官方文档】：https://reactjs.org/docs/react component.html 【定义】组件加载之前，组件加载完成，以及组件更新数据，组件销毁。 触发的一系列的方法 ，这就是组件的生命周期函数 一、组件加载的时候触发的函数： constructor
阅读全文
