06 2017 档案
摘要：这个游戏实现主要依靠canvas的isPointInPath()。这个API可以让canvas实现很强的交互体验。 首先通过随机数随机生成圆的颜色、大小和位置，并且用循环绘画出来。利用addEventListener给canvas绑定事件，通过getBoudingClientReact算出鼠标在ca
阅读全文
摘要：有个一需求，需要利用canvas在页面做出几个齿轮滚动的动画。具体实现思想如下： 1、由于页面有多个齿轮，必须一次画出多个齿轮，不能分开画图。 2、齿轮每转一次，对于canvas来说就是一次重绘。 代码如下
阅读全文
摘要：隐藏掉自带的小三角，自己用背景图片定义就可以了。
阅读全文
摘要：React的状态提升就是用户对子组件操作，子组件不改变自己的状态，通过自己的props把这个操作改变的数据传递给父组件，改变父组件的状态，从而改变受父组件控制的所有子组件的状态，这也是React单项数据流的特性决定的。官方的原话是：共享 state(状态) 是通过将其移动到需要它的组件的最接近的共同
阅读全文
摘要：React的表单算是React的一个坑了，由于React在浏览器显示的是虚拟的DOM，我们在表单输入值后直接提交，是无法获取到这个值的。对此，官方给出的解决办法是：先把输入的值存放在组件的状态（state）中，之后通过状态的改变更新页面内容，从而显示出正确的值，用户提交的也是从state里获取的表单
阅读全文
摘要：基本用法 ES6允许使用“箭头”（=>）定义函数。 上面的箭头函数等同于： 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。 由于大括号被解释为代码块，所以如果箭头函数直接返回一个对
阅读全文
摘要：React框架有一个特性，当React检测到页面内容有变化是，它会自动刷新页面，并且自动更新页面中需要更新的部分。但是React并不会把更新的内容挂在真是的DOM上，因此我们单单对页面数据或者组件改动是，并不会看到页面有任何变化。React提供了组件的一个私有的，其他任何组件没有权限改变的属性：st
阅读全文
摘要：不进行任何配置，把网页直接放在移动端打开会有严重的缩小页面问题，通常我们可以在head标签中加入以下代码就可以解决：
阅读全文
