前端
「已注销」
做一个安静的程序员
展开
-
在javascript中使用apply、call、bind函数
每个javascript函数都有两个非继承的方法 apply()、 call(),这两个方法的用途相同,都是在特定的作用域中调用函数,直接一点的说法就是改变函数内部的this指针。 this指针介绍 this表示当前对象的一个引用。 单独使用this时,this默认指向全局对象window。(当前对象是window对象) console.log(this) // 打印window对象 当在浏览...原创 2019-12-14 14:39:34 · 153 阅读 · 0 评论 -
如何在react项目中使用redux?
在react项目中,组件通信和状态管理是非常麻烦的,特别是在涉及到父子组件传值的时候,就需要父子传值的方法,将会特别麻烦。而redux就是react生态中一个很好的数据和状态管理工具,本文将介绍在react项目中如何使用redux。 初始化react项目 首先需要初始化react项目,在安装了nodejs环境的情况下,运行下面了命令安装create-react-app工具。 npm instal...原创 2019-12-14 14:37:53 · 1418 阅读 · 0 评论 -
使用create-react-app打造多页面应用
通过create-react-app创建的工程默认都是单页面的,而有时开发项目不得不使用多页面方式开发,本文将介绍如何将create-react-app创建的模板项目修改为多页面的开发方式。 使用工具版本 nodejs --> v8.16.1 npm --> 6.11.3 yarn --> 1.19.1 create-react-app --> 3.3.0 初始化项目 c...原创 2019-12-14 14:31:48 · 4082 阅读 · 1 评论 -
前端使用canvas实现贪吃蛇小游戏
贪吃蛇是一款益智小游戏,通过点击上下左右四个按键控制蛇头移动。 项目地址:snake demo地址:https://iwowen.github.io/demo/snake/snake.html 设计思路 主要是设计蛇的身体和移动方法。将蛇的身体设置成一个数组,数组里存放蛇身每一节的xy坐标。游戏开始后,蛇头(数组第0位)会随着时间不断地移动,也就是x+1或x-1或y+1或y-1,当蛇头移动了...原创 2019-10-03 00:44:31 · 1091 阅读 · 0 评论