![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React+Dva+Antd 自建项目(前端)
企图构建类似zx.500.com
没事下辈子小心点
给我冲
2020.12.3
展开
-
爬2.12.6的Antd上传图片坑
因为这个上传插件只能默认上传,而如果使用beforeUpload会导致图片一直上传加载而卡住的bug所以必须使用默认上传,在提交表单之前,本地选取图片之后,能够默认上传到阿里云服务器(如果上传到后端,其实不如直接上传到阿里云服务器来的直接)所以这里的爬坑对象就是Antd的2.12.8版本(3.x版本没有这个问题)和阿里云oss的 存储对象服务安装环境请参考Dva项目作为Antd的Demo安装阿里云oss服务 官网链接1、使用npm安装SDK开发包,安装命令为npm install ali-o原创 2021-10-08 01:00:50 · 1090 阅读 · 0 评论 -
你不知道的JS语法篇笔记
控制台输出语句永远都有一个结果值(statement completion value , undefined);var的结果永远是undefined,这是规范定义;原创 2021-08-25 17:25:07 · 98 阅读 · 0 评论 -
项目结构-README.md
README.md你的项目介绍你的代码实现了什么功能?该如何使用? (系统环境参数,部署要素)代码组织架构是什么样的?版本更新重要摘要原创 2021-04-09 00:40:49 · 365 阅读 · 0 评论 -
使用Dva项目作Antd的Demo
Dva项目保姆版解析新建一个文件夹,用VScode打开这个文件夹C,安装 dva-cli$ npm install dva-cli -g$ dva -vdva-cli version 0.9.1创建新应用$ dva new dva-quickstart$ cd dva-quickstart$ npm startCompiled successfully!The app is running at: http://localhost:8000/Note that the原创 2021-06-24 17:22:59 · 1576 阅读 · 0 评论 -
this是什么
这里先贴一下原文作者HARRISKING我在这里换一种表达要调用一个函数,有几种方式1、方法调用模式,函数在对象里面的时候,叫做对象的属性,也是对象的方法此时的this:当一个方法被调用的时候,this绑定到该对象上,所以是这个对象里面的东西。var obj = { name:"harrisking", foo: function(){ console.log(this.name); //输出harrisking//这里的this指的就是对象obj; } }2、函数调用模转载 2020-12-17 11:28:36 · 2359 阅读 · 0 评论 -
echart可视化应用
基本操作1、缺少啥就导入啥包,一般格式为npm install ???2、主要是npm install echarts3、在导入的位置一般在项目目录,所以import echarts from 'echarts/lib/echarts';4、如果需要柱状图,就需要import 'echarts/lib/chart/bar';其他图参考:...原创 2020-12-15 16:33:29 · 161 阅读 · 0 评论 -
React官网井字棋教程详细分析
井字棋小游戏官网有详细的初始环境配置过程,希望对比这篇教材详解进行学习:官网入门教程初级初始代码如下,vscode界面如图涉及一些概念会有链接跳转,这里也会详细讲解进阶留疑解答(非唯一)...原创 2020-12-14 01:26:26 · 1056 阅读 · 1 评论 -
项目结构-package.json
package.jsonnpm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。在Node.js的模块(Module)中,模块是一个库或框架,也是一个Node.js项目。Node.js项目遵循模块化的架构,当我们创建了一个Node.js项目,意味着创建了一个模块,这个模块的描述文件,被称为package.json。name:项目/模块名称,长度必须小于等于214个字符,不能以"."(点)或者"_"(下划线)开头,不能包含大写字母。version:项目版本。原创 2021-04-09 00:44:57 · 118 阅读 · 0 评论 -
state和props的原理
对于propsprops 是 React 组件的输入。它们是从父组件向下传递给子组件的数据。要有产品的思想,你要实现在屏幕上输出一行字,可以使用react 的通用构造:发生了几件事,直接到最后的ReactDOM.render() 函数,它被调用,传入了前面定义的参数element,里面的值是 。element是一个标签,会调用Welcome 组件,组件在最顶上,组件里包装好了各种标签,样式,等详细信息。element标签启用的时候,同时传入props ,也就是{name: ‘Sara’},传入以原创 2020-12-17 00:54:54 · 313 阅读 · 1 评论 -
页面开发环境构建
1、开启环境npx create-react-app my-appcd my-appnpm start2、删除src里面的内容,保留文件夹cd my-app #找到文件位置cd src # 如果你使用 Windows:del * #删除掉cd .. #返回项目文件3、导入基本库import React from 'react';import ReactDOM from 'react-dom';impor原创 2020-12-30 18:06:05 · 73 阅读 · 0 评论 -
前端环境配置~及时补充
一些环境的安装地址和描述react:用于构建用户界面的 JavaScript 库node.js:基于 Chrome V8 引擎的 JavaScript 运行环境vscode:当今最流行的免费开源代码编辑器git:版本管理工具google浏览器:下载地址...原创 2020-12-14 01:05:16 · 142 阅读 · 2 评论 -
react组件的提取和优化(官网来的,后续再更)
这一篇也是对比官网提出的下面是原版,嵌套严重的<div id="root"></div>function formatDate(date) { return date.toLocaleDateString();}function Comment(props) { return ( <div className="Comment"> <div className="UserInfo"> <img转载 2020-12-17 15:30:57 · 83 阅读 · 0 评论 -
项目结构-node_modules
各种依赖的安装包位置原创 2021-04-09 00:42:44 · 221 阅读 · 0 评论 -
react项目管理
页面+路由+后台交互+端口原创 2020-12-16 18:38:28 · 346 阅读 · 0 评论 -
react+antd+dva细节
首先是项目结构1、js+modal+service,页面+数据+端口js是骨架,modal是血肉,services是数据源js写页面,页面可以有子页面或者小弹窗,子页面弹窗直接引用,需要的数据等到需要调出弹窗的时候再行获取,如果需要父页面传入需要的id,需要在点击事件中传入id。2、modal写页面需要的数据,一般而言,所需要的所有数据都应该在modal里面出现。对于小页面,只有弹窗没有子页面的页面,只需要一个modal就行,有过多子页面的,可以有多个modal。modal可以监听url,一旦u原创 2021-04-24 16:56:38 · 296 阅读 · 0 评论