2018年04月_Day____Day____Up

原创前端使用formdata异步上传form表单,以及后台(php)获取的详细教程,亲测可用.(附要源码)

前端如果要异步提交一个表单那么,使用formdata方法提交是不错的选择.因为formdata可以将整个表单都提交包括提交表单中的文件(这个是重点,很多其他方式不能完成).前端的关键部分代码如下:<form id="form" method="post" enctype="multipart/form-data"><input type="text" name="name&q

2018-04-18 15:46:43 6111 1

原创 react中报错Cannot read property 'setState' of undefined ,react模块的函数中获取不到this

Cannot read property 'setState' of undefined 一般这种报错会出在这样的语句中this.setState({name:value});因为this是undefined,所有没有setState()函数(可以自己console.log(this)是不是undefined);下面是源码,作为参照:(在index.jsx文件中)class A extends R...

2018-04-12 13:14:11 9773 1

原创透彻详解JSONP的使用,包括用js或jq使用jsonp

由于浏览器同源策略的限制,ajax不能跨域请求为了解决跨域请求就诞生了jsonp;在html中script,img,link标签是可以跨域请求的,而jsonp就是利用script标签进行跨域请求最后得到数据.先看一个简单demo,你就差不多明白了.客户端:<script src="跨域的url地址" ></script><script>...

2018-04-11 15:32:30 1357

原创 npm安装webpack时,报错npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none is installed.

npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.那么先使用npm install -g npm-install-peers后再安装npm install webpack 就不会报错...

2018-04-09 20:16:33 38133 5

原创用npm搭建react的入门详细教程包括css的引入(具体请看源码)

具体的详细配置可以看下我的github的demo (包含index.html,main.js,app.js,package.json,webpack.config.js的配置其他文件通用文件未上传)https://github.com/miracle2017/reactDemoByNode旨在通过非常简单的demo让你了解node怎么搭建react,怎么正确配置. (具体请看源码理解,相信通过源...

2018-04-08 16:29:44 650

原创使用npm运行react程序报错The 'mode' option has not been set, webpack will fallback to 'production' for th

The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.以上的警告指的是没有设定是开发模式还是...

2018-04-08 11:28:54 19566

原创 window下用命令符创建新文件,类似于其他系统touch 的用法

打开命令窗口, 输入如下,就会创建index.html文件同时写入你好,以此类推,可以创建js,txt,php等各中文件,>符号前为写入的内容,不能为空 echo 你好>index.html ps:window想在那个目录打开cmd窗口(命令窗口), 按住shift后点击右键有个选项是在此处打开命令窗口,可以快速进入当前目录的cmd....

2018-04-08 01:20:34 9116

原创 react使用node安装,报错Invalid configuration object. Webpack has been initialised using a configuration obj

如题,自己使用node来安装react,都是按照w3c的教程来的,但是报错:Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.如果读者也是按照react配置也报此错误,可以参照下. 下面是我的webpa...

2018-04-08 01:11:55 20748

原创 react中内联样式的z-index不起作用.

例如: <div style={{z-index: -100}} > hello,money. </div> 以上z-index样式如上写法是不起作用,原因是在react中内联样式的写法是按照驼峰法来的例如background-color写成backgroundColor, 对于z-index也就是 zIndex 其他样式遵循相同的规则....

2018-04-06 00:20:18 5168 1

原创 react中组件之间的数据传送,交流,最简单,通用,好用的方法.

该方法最大的方便就是: 模块a 发生一个事件 ,之后可以主动触发模块b中事件改变模块b的state和props等,简直不要太方便.如果你在纠结react模块之间怎么实现传值的话,不用再找其他了,就是这个方法了亲测好用,很通用.很详细用法见http://taobaofed.org/blog/2016/11/17/react-components-communication/ 中兄弟组件间通...

2018-04-05 02:37:01 1761 1

原创 react中在函数绑定时会马上执行.没有加括号不会马上执行

例如绑定一个点击事件 <div onClick={ handlerClick(i) }>点击我呀!</div> 有加括号传入参数,就会马上执行 .解决办法如下: <div onClick={ ()=>{ handlerClick(i) } }>点击我呀!</div> 如上写法不会在加载时就马上执行,而是有点击事件发生是才会...

2018-04-04 16:33:43 4183 1

miracle