为了账号安全,请及时绑定邮箱和手机立即绑定

从JS到TS开发数独游戏(JS版)

难度中级
时长 4小时 2分
学习人数
综合评分9.80
25人评价 查看评价
10.0 内容实用
9.7 简洁易懂
9.7 逻辑清晰
基于老师教材写了vue版本的 https://github.com/SKgao/sudoku-vue,有喜欢的同学可以看下(顺带点个star哈 - -)
其实可以用 &:nth-child(3n+1) 写宫的边框样式
Array.fill 用于数组填充,a[0][1] = 2固定了同一个值,makeMatrix填充值始终一致,使用Array.from({length:9}),扩展一个新的数组实例,再借助map循环输出每个新的实例,a[0][1] = 2不会再影响后面的数组
row.concat(column).concat(box).indexOf(n) >= 0
这样写比较简单吧
从 gerantor 开始代码貌似 运行不对了。
看不懂。代码写出来没法运行。不正确。
0 值直接不用 text() 方法即可
突然发现这个视频在文件跳转的时候,generator.js 中的 generate() 函数与前面章节说的时候代码是不一样的, 多了一个 intergenerate 函数, 而且还多了返回值,难怪我的抄的代码一直无法运行。

请问这个最终正确的源代码是否就可以提供学习呢
我也遇到问答中less文件不能编译的情况,后来重新下载包时,将--dev 都改成-D就可以了
&:nth-child(-3n+6)
外层循环如果不循环到最后一位,如果最后一位是0就会有问题
发现一个坑啊,shuffle函数中解构赋值那一行如果上面语句结尾不加分号会报错啊,说好的js里加不加分号都一样的呢。。
解决 关于 变量未定义和无法读取NaN问题

rowIndex、colIndex、boxIndex,要先定义后使用:let rowIndex=0,let colIndex=0 , let boxIndex=0

getBoxCeils有两个参数:const boxesarr=Toolkit.box.getBoxCeils(this._matrix,boxIndex);

以下为修改后的完整代码 (有些变量名不一样)
直接用webpack好了。
老师为啥不用 watch...
课程须知
1、需要了解基本的 HTML、LESS/CSS 相关知识 2、需要熟悉 JavaScript 语言并了解 ES6/ES2015 语法
老师告诉你能学到什么?
1、JavaScript向TypeScript 转换的要点 2、JavaScript ES6/ES2015 部分语法 4、基于Gulp+(TSC)+Babel+Webpack的前端构建技术 5、数据游戏生成和验证算法 6、Fisher-Yates洗牌算法 7、使用手边的工具如Excel进行简单的设计 8、部分前端调试技巧

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消