程序员去腾讯面试,现场JS代码开发五子棋,成功拿到20K月薪!

今天小编我逛论坛,看到一位程序员大佬去腾讯面试,现场用原生JS+canvas开发出了一款五子棋游戏,成功拿到20K月薪,仔细看了大佬的代码,写的还是挺完美的,自己也COPY了一份分享给头条上的小伙伴们学习,希望大家能够学习到一点东西,自己在前端这条路上越走越远。

分享之前我还是要推荐下我自己创建的web前端学习群:528576461,这是全国最大的web前端学习交流的地方,5000人聚集,不管你是小白还是大牛,小编我都挺欢迎,今天的五子棋源码已经上传到群文件,不定期分享干货,包括我自己整理的一份最新的适合2017年学习的前端资料和零基础入门教程,欢迎初学和进阶中的小伙伴。

完成后的效果图如图程序员去腾讯面试,现场JS代码开发五子棋,成功拿到20K月薪!_第1张图片

主要功能模块为:

1.人机对战功能

2.悔棋功能

3.撤销悔棋功能

程序员去腾讯面试,现场JS代码开发五子棋,成功拿到20K月薪!_第2张图片

完整源码分享:

程序员去腾讯面试,现场JS代码开发五子棋,成功拿到20K月薪!_第3张图片

程序员去腾讯面试,现场JS代码开发五子棋,成功拿到20K月薪!_第4张图片

今天的web前端案例就分享到这里结束了,最后在说几句:

五子棋游戏的核心关键点是:

1、弄清楚有多少种赢法;

2、怎么判断是否已经赢了;

3、计算机下棋算法。这里巧妙地运用数组存储赢法,判断是否赢了,通过权重比较,计算出计算机该下棋的位置。

过程中用到canvas,之前有学习过,虽然很久没用,查了些资料,复习了怎么画线,画圆,学会了怎么如何清除一个圆等。

然后要注意的是,用原生Js怎么为元素添加、删除class。

你可能感兴趣的:(程序员去腾讯面试,现场JS代码开发五子棋,成功拿到20K月薪!)