想看前面整理的canvas常用API的同学可以点下面:
canvas学习之API整理笔记(一)
canvas学习之API整理笔记(二)
项目代码github地址,喜欢的同学们欢迎点Star~
从本篇文章开始,我会着重分享给大家一些使用Canvas开发的实例和这些实例的实现思路。本文看点:使用canvas来绘制常见的各种图形实例,并且会简单封装一下绘制各图形的方法,最后会分享给大家一个封装好的快速绘制多边形的方法。
想看前面整理的canvas常用API的同学可以点下面:
canvas学习之API整理笔记(一)
canvas学习之API整理笔记(二)
项目代码github地址,喜欢的同学们欢迎点Star~
从本篇文章开始,我会着重分享给大家一些使用Canvas开发的实例和这些实例的实现思路。本文看点:使用canvas来绘制常见的各种图形实例,并且会简单封装一下绘制各图形的方法,最后会分享给大家一个封装好的快速绘制多边形的方法。
前面我整理过一篇文章介绍了一些基本的API,从这篇文章我们已经可以基本了解到常用绘图的API、简单的变换和动画。而本篇文章的主要内容包括高级动画、像素操作、性能优化
等知识点,讲解每个知识点的同时还会有一些酷炫的demo,保证看官们全程在线,毫无尿点,看完不会后悔,哈哈,一个耿直的笑^_^。
除此之外,关于canvas的一系列实例即将来袭!欢迎关注!
CSS3系列我已经写过两篇文章,感兴趣的同学可以先看一下CSS3初体验之奇技淫巧,CSS3 3D立方体效果-transform也不过如此
第一篇主要列出了一些常用或经典的CSS3技巧和方法;第二篇是一个用CSS3实现的立方体实例,详细讲解了3D旋转和transform等属性。
本文再来利用CSS3属性来编写一个实例,话不多说,先直接看看效果。3D相册实例DEMO
因为前面已经讲解过一些属性的用法,此篇文章不再赘述,只记录这个实例的编码过程。项目代码已上传至github,项目代码github地址
React框架已经火了好长一段时间了,再不学就out了!
对React还没有了解的同学可以看看我之前的一篇文章,可以快速简单的认识一下React。React入门最好的实例-TodoList
自己从开始接触react一窍不通,到慢慢的似懂非懂,通过各种途径学习也有一阵了。学习过程中还会接触到很多新的东西,比如ES6、webpack,过程艰辛谁人懂,见坑填坑慢慢来。今天把学习过程过滤了一下,只说项目实际需要用的东西,总结了一套能看到的东西,分享给大家,希望能让读者少踩一些坑!
学习和工作的过程中总结的干货,包括常用函数、常用js技巧、常用正则表达式、git笔记等。为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路。 PS:此文档,我会持续更新。
自从前后端开始分离之后,前端项目工程化也显得越来越重要了,之前写过一篇搭建基于Angular+Requirejs+Grunt
的前端项目教程,有兴趣的可以点这里去看
但是有些项目可以使用这种方式,但有些却不太适合,或者我们就是想要去尝试新的框架。比如最近我就尝试着使用了webpack+react+es6
的方式开发项目,感觉很不错,然后很多项目都用了这种方式。所以为了不需要每次开发的时候都从头开始新建文件,就想着能不能弄个工具,使用命令能够快速的生成这样一套跑的通的项目模版,正好,有个工具叫yeoman
。
其实canvas本身很简单,就是去学习它的API,多看实例,多自己动手练习,多总结。但是canvas的API实在是有点多,对于初学者来说,可能学到一半就止步不前了。我也有这种感觉,在学习的过程中,编写实例,用到了其中很多的属性和方法,但是回头来看的时候总觉得什么也没用。所以决定系统性的记录一下它常用到的API,方便以后查阅,也顺便造福一下大家。
另外:附一个之前学习的时候自己跟着教程写的一个小游戏:tinyHeart小游戏