通过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工具，可以直接通过命令生…

hexo是一个很方便的静态博客系统，但是硬伤方就是没有后台，每次编写了markdown文件之后都需要运行构建命令，非常麻烦。为了解决这个问题，hexo提供了一个专门的插件叫hexo-admin，能够在web下提供增删改查的功能。虽然很方便而且功能齐全，但是hexo-admin的管理界面却不够美观，为了能够使用更加美观的界面，我放弃了hexo-admin，转而选择了kodexplorer可道云。 需要注意的是，本文介绍的方法需要服务器环境，因为kodexplorer需要服务器环境，hexo的静态页面构建也需要服务器环…

每个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将等于移动前它们的前一节，也就是说，第二节的位置将变成移动前蛇头的位置，依…