今天小编我逛论坛，看到一位程序员大佬去腾讯面试，现场用原生JS+canvas开发出了一款五子棋游戏，成功拿到20K月薪，仔细看了大佬的代码，写的还是挺完美的，自己也COPY了一份分享给头条上的小伙伴们学习，希望大家能够学习到一点东西，自己在前端这条路上越走越远。
完成后的效果图如图
web前端特效源码交流群：685362217
主要功能模块为：
1.人机对战功能
2.悔棋功能
3.撤销悔棋功能
完整源码分享：
我的web前端技术学习交流群：685362217
我是一名前端开发程序员，自己整理了一份2018最全面前端学习资料，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴。
【这个五子棋的源码也上传群文件了的】
今天的web前端案例就分享到这里结束了，最后在说几句：
五子棋游戏的核心关键点是：
1、弄清楚有多少种赢法；
2、怎么判断是否已经赢了；
3、计算机下棋算法。这里巧妙地运用数组存储赢法，判断是否赢了，通过权重比较，计算出计算机该下棋的位置。
过程中用到canvas，之前有学习过，虽然很久没用，查了些资料，复习了怎么画线，画圆，学会了怎么如何清除一个圆等。
然后要注意的是，用原生Js怎么为元素添加、删除class。