今天小编我逛论坛，看到一位程序员大佬去腾讯面试，现场用原生JS+canvas开发出了一款五子棋游戏，成功拿到20K月薪，仔细看了大佬的代码，写的还是挺完美的，自己也COPY了一份分享给头条上的小伙伴们学习，希望大家能够学习到一点东西，自己在前端这条路上越走越远。
分享之前我还是要推荐下我自己创建的web前端学习群：618522268，这是全国最大的web前端学习交流的地方，5000人聚集，不管你是小白还是大牛，小编我都挺欢迎，今天的五子棋源码已经上传到群文件，不定期分享干货，包括我自己整理的一份最新的适合2018年学习的前端资料和零基础入门教程，欢迎初学和进阶中的小伙伴。
完成后的效果图如图
主要功能模块为：
1.人机对战功能
2.悔棋功能
3.撤销悔棋功能
完整源码分享：
如果有对前端感兴趣前端程序员，可以来我们的web前端技术学习qun的哦61852，2268。会送前端的零基础教程噢！
写在最后：
很多人都知道我是学全栈的，都天真的以为我有全套的前端、网页制作等视频学习资料。我想说你们是对的，我的确有前端的全套视频资料。
今天的web前端案例就分享到这里结束了，最后在说几句：
五子棋游戏的核心关键点是：
1、弄清楚有多少种赢法；
2、怎么判断是否已经赢了；
3、计算机下棋算法。这里巧妙地运用数组存储赢法，判断是否赢了，通过权重比较，计算出计算机该下棋的位置。
过程中用到canvas，之前有学习过，虽然很久没用，查了些资料，复习了怎么画线，画圆，学会了怎么如何清除一个圆等。
然后要注意的是，用原生Js怎么为元素添加、删除class。