- 博客(20)
- 资源 (28)
- 收藏
- 关注
原创 ‘Link‘ is not exported from ‘react-router‘
出现这样的报错:前面已经安装了 react-router解决办法:安装react-router-dom:cnpm i react-router-dom -Dimport { BrowserRouter as Router, Route,Link } from 'react-router-dom' <ul> <li> <Router> <Link to="/ab..
2021-08-28 21:13:44 187
原创 vue 基础知识
v-on引入vue插件在网上可以下载vue.js 然后再html 文件中导入: <script type="text/javascript" src='vue.js'></script>Vue 数据显示 <body> <div id="app"> {{a}} </div> </body> <script type="text/javascript"> var data={a...
2021-08-24 15:29:35 456
原创 React 项目----setState 方法修改 state (16)
在class 类中,构造器里面有一个实例变量state ,这个也是class 组件和function组件之间的区别。class 组件有自己的私有的数据export default class BindEvent extends React.Component{ constructor(){ super() this.state={ msg:"你好啊", name:"wdg", a
2021-08-18 21:35:36 591
原创 React 项目--button 绑定事件(15)
不知不觉中写博客已经成为了一种习惯,不仅仅是一种学习知识吧,也是一种清楚自己学习了那些的内容。在前面的博客中我们慢慢的介绍了一些react基本的语法,现在我们继续来react按钮绑定事件环境准备首先我们创造一个组件,并且在组件上添加一个按钮import React from 'react'import ReactDOM from 'react-dom'export default class BindEvent extends React.Component{ co
2021-08-18 19:18:22 1896
原创 React-项目-引入外部的样式(14)
react项目如何引入外部的样式,比如我们常常用到的bootstrap ,这篇我们将介绍如何使用外部的第三方的样式我们在使用之前首先是需要安装bootstrap如何安装:我们可以看官网:这里我们就来安装cnpm install bootstrap@3 -D安装好了之后,我们就要使用boostrap,首先我们要在项目引入bootstrap,我们来看安装的位置通过cnpm 安装的模块都是在node_moudles 下面那么我们在项目中导入,我们该如何的引用路径又该..
2021-08-14 17:18:14 585
原创 React 项目----className 样式 (13)
在上一篇的博客中,我们介绍了react中的style 内联的样式https://blog.csdn.net/datouniao1/article/details/119569890但是我们仔细的观察,这样编写样式,着实有点麻烦,我们习惯于平时使用的css 文件导入相关的样式,然后class 等于某一个值。那么应该如何来实现这一功能首先我们在src 文件夹下面新建一个文件夹 css ,我们写的css的文件到放到这个文件夹下面我们之前使用的是一个评论的列表的实例,这个地方我们继续来完成,那.
2021-08-11 17:17:28 336
原创 React 项目----内联样式style的使用 (12)
在此我们之前学习了react的基本的语法,对于页面我们还经常关注的是页面的样式,那么react 项目中,我们应该如何使用样式首先我们来做一个简单的页面一个评论的列表模拟数据: commentList:[ {id:0,user:'wdg0',content:'哈哈,我是wdg0的评论'}, {id:1,user:'wdg1',content:'哈哈,我是wdg1的评论'}, {id:2,u
2021-08-10 20:15:23 1726
原创 React 项目---class 创建组件 (11)
回顾 function 创建组件在前面的学习中,我们已经介绍了一种方法来创建组件 利用function,这里我们一起来回顾一下function Hello(props){ return <div>你好,我的名字是:{props.name},我今年:{props.age} ,我的地址是:{props.address}</div>}可以看到的是Hello 首先是利用function 关键字,首字母大写,并且可以包含参数 props如果调用的可以用两.
2021-08-09 11:55:24 474
原创 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a cl
React 项目出现这样错误:原因是页面中使用的组件没有没有导出,比如:解决办法:export default 相关组件希望对有所帮助
2021-08-09 09:29:36 3960
原创 React 项目 -ES6 语法类的继承 (10)
在面向对象的编程语言中,基本上都是支持继承的,比如C++,和java,在ES6 中的类也引入的继承的概念,并且和java十分的类似,初学前端的ES6语法,我们在地方就介绍一下ES6 中的继承的语法。继承首先继承是类之间的关系。准确说是子类和父类之间的关系。比如我们可以创建类,美国人,中国人,印度人 等等 但是这些不同国家的人,他们也是存在共同点的,比如都属于人这一物种。所以我们可以找到这样继承关系 下面我们在ES6 中类中看:class American{ const...
2021-08-08 21:16:56 360
原创 React项目 --ES6 语法中的class (9)
上一篇的博客中我们介绍了,如何设置React项目的根目录连接地址:https://blog.csdn.net/datouniao1/article/details/119505562要学习React 那么我们需要对ES6 类class如果我们之前学习了java 或者是其他的面向对象的编程,我们大概了解如何去创建一个类那么ES中也包含了类的概念类首先我们看如何来创建一个类:class Person{}是的,就是这样的简单,class 关键字, 然后className 并且首字
2021-08-08 16:10:44 278 2
原创 React 项目--设置根目录(8)
在上一篇的博客中,我们介绍了如何将组件单独的拉出来存放到一个单独的文件中。那么我们在项目中如果要使用这个组件需要导入这个组件,我们之前是这样完成的import Hello from './components/Hello'我们可以看到导入的时候我们使用的是相对的路径 ./ ,这个是相对于 index.js 文件的路径那么我们不仅的想能否设置项目的根路径,应该如何设置在wenpack.config.js 文件中:const path=require('path');const ..
2021-08-08 08:01:25 1990
原创 React 项目--创建组件(7)
创建组件在上一篇的博客中我们介绍了react中字符串的处理方式和字符串数组的处理方式,如需回顾:https://blog.csdn.net/datouniao1/article/details/119477932在这一篇的博客中我们继续学习,在React项目中如何创建组件,以及向组件传递参数创建组件两种方式,我们先介绍第一种形式,第一种形式和我们在js 中用到的函数很是接近我们先看最为简单的function Hello(){ return null;}const m
2021-08-07 20:51:49 159
原创 react项目---基本语法字符串数组(6)
在我们编写html代码的过程中,字符串数组是会经常遇到的,如何来正确的处理字符串数组在项目中也凸显的十分的重要,不说这些冠冕堂皇的废话了,直接来看内容字符串处理首先我们来看如何把一个字符串显示到页面上,常用的有两种方式,比如字符串,“我是一只小小鸟” (1) 直接放到标签里面const myh1=<div><p>我是一只小小鸟</p></div>ReactDOM.render(myh1,document.getElementByI...
2021-08-07 11:58:44 1248
原创 Warning: Each child in a list should have a unique “key“ prop.
react 项目 forEach 循环,或者是map 循环出现这样错误找到错误的代码:const result=nameArr.map((item,index)=>{ return <h1>{item}~~~~</h1>})修改为:const result=nameArr.map((item,index)=>{ return <h1 key={index}>{item}~~~~</h1>})警告消失总
2021-08-07 09:08:54 216
原创 React 项目--引入bebal 解析JSX(5)
通过webpack创建react,我们可以观看前面的博文: https://blog.csdn.net/datouniao1/article/details/119460618我们知道是React项目实质是将相关的组件渲染到页面的容器中,那么组件的编写有两种办法第一种:通过React.createElement的方式创建组件// 导入reactimport React from 'react' //创建组件,虚拟DOM 元素,生命周期import Re...
2021-08-07 07:40:21 1044
原创 webpack 项目使用--转换为React项目(4)
在上面的几篇博客中我们创建了webpack项目,现在我们需要将webpack项目转换为react项目,如何进行转换1.将项目中的node_modules 文件夹删除2. 安装dom 和react-dom cnpm i react react-dom -S 安装好了之后我们发现在项目中重新生成了node_modules3.在项目中使用react,如何使用,首先在index.html 创建一个容器<!DOCTYPE html&g...
2021-08-06 18:10:34 324
原创 webpack 项目使用 html-webpack-plugin(3)
html-webpack-plugin 这个插件的功能是将 html 文件打包,在上一篇的博客中我们使用webpack-server将webpack项目使用本地的项目打开如:loalhost:3000具体内容:https://blog.csdn.net/datouniao1/article/details/119449220但是最终显示的结果如上,显示这个目录下面的文件,并不是我们想要的index.html页面,这也就是因为我们的html 参与项目的打包。那么如何将项目打包,才能实现首页是我们.
2021-08-06 17:07:49 400
原创 webpack 项目使用webpack-dev-server 自动编译 (2)
在上一篇的博客中我们使用webpack 创建了一个项目 创建webpack 项目(1)https://blog.csdn.net/datouniao1/article/details/119426913我们继续上节课的内容,在我们创建的webpack项目中,使用webpack-dev-serverwebpack-dev-server 类似于tomcat 能实现将webpack 部署,通过localhost:xxxx的方式打开在开发项目中能够实现实时的编译项目,将我们修改的...
2021-08-06 11:39:23 337
原创 webpack 项目使用--创建webpack 项目(1)
1.新建一个文件夹 假设文件夹的名称为 wdgapp,并且通过命令行到该目录下2. 初始化项目 npm init -y3.在wdgapp 文件夹中创建src 文件夹(源代码) 和dist(编译生成文件)并且在src文件夹中新建index.html 文件和 index.js 文件编辑index.html:<!DOCTYPE html><html lang="en"> <head> <me...
2021-08-05 21:21:18 450
接口测试的demo,用来测试restful接口的 javascript demo.zip
2019-06-27
update-site,jrebel 2019-02安装包.zip
2019-05-26
redis缓存需要的jar commons-pool.jar jedis-1.5.2.jar
2018-03-28
Java 读取excel所需要用到的jar
2018-03-27
AxureRP-8003312.Setup.exe RP图绘制工具
2018-02-22
Stimulsoft Reports.Ultimate 2014.3.rar 报表免安装版
2018-02-22
SpringMVC文件上传所需要的jar
2018-01-07
Dynamic Web Project搭建SpringMVC所需要jar包
2018-01-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人