通过create-react-app创建的工程默认都是单页面的,而有时开发项目不得不使用多页面方式开发,本文将介绍如何将create-react-app创建的模板项目修改为多页面的开发方式。 使用工具版本 nodejs --> v8.16.1 npm --> 6.11.3 yarn --> 1.19.1 create-react-app --> 3.3.0 初始化项目 create-react-app react-multi-page 删除src目录下多余文件 App.css App.js …
通过create-react-app创建的工程默认都是单页面的,而有时开发项目不得不使用多页面方式开发,本文将介绍如何将create-react-app创建的模板项目修改为多页面的开发方式。 使用工具版本 nodejs --> v8.16.1 npm --> 6.11.3 yarn --> 1.19.1 create-react-app --> 3.3.0 初始化项目 create-react-app react-multi-page 删除src目录下多余文件 App.css App.js …
在react项目中,组件通信和状态管理是非常麻烦的,特别是在涉及到父子组件传值的时候,就需要父子传值的方法,将会特别麻烦。而redux就是react生态中一个很好的数据和状态管理工具,本文将介绍在react项目中如何使用redux。 初始化react项目 首先需要初始化react项目,在安装了nodejs环境的情况下,运行下面了命令安装create-react-app工具。 npm install create-react-app -g 之后npm会在全局安装create-react-app工具,可以直接通过命令生…
每个javascript函数都有两个非继承的方法 apply()、 call(),这两个方法的用途相同,都是在特定的作用域中调用函数,直接一点的说法就是改变函数内部的this指针。 this指针介绍 this表示当前对象的一个引用。 单独使用this时,this默认指向全局对象window。(当前对象是window对象) console.log(this) // 打印window对象 当在浏览器中全局运行函数时,它的this指针同样默认指向全局对象window。(当前对象是window对象) function fu…
贪吃蛇是一款益智小游戏,通过点击上下左右四个按键控制蛇头移动。 项目地址:snake demo地址:https://iwowen.github.io/demobar/#/xiaoyouxi_tanchishexiaoyouxi 设计思路 主要是设计蛇的身体和移动方法。将蛇的身体设置成一个数组,数组里存放蛇身每一节的xy坐标。游戏开始后,蛇头(数组第0位)会随着时间不断地移动,也就是x+1或x-1或y+1或y-1,当蛇头移动了,身体的每一节xy将等于移动前它们的前一节,也就是说,第二节的位置将变成移动前蛇头的位置,依…