mantou_riji的博客

package.jsontsconfig.jsonwebpack.config.js贪吃蛇页面index.htmlindex.less完成记分牌类snake类游戏控制类入口index.ts实现效果：源码获取：https://github.com/wangliyang-max/qiandaun/tree/master/TS/%E8%B4%AA%E5%90%83%E8%9B%87运行方式：...

webpack打包css代码

面向对象即程序之中所有的操作都需要通过对象来完成。那么什么是对象呢？程序是对现实事物的抽象，而一个事物到程序中就变成了一个对象。如在学生管理系统中一个学生就是一个对象。对象的两个内容一个对象可以包含属性和方法。属性即一个对象的静态数据，如姓名、年龄；方法即一个对象的动态行为，如走路、游泳。在程序中一切皆是对象类相当于对象的模型，我们通过类创建对象。即类的实例化即对象。类的定义包括两个方面：属性和方法属性的定义和变量的定义方法一样。输出：方法方法的定义格式实例方法：直接定义的方法，需要通过

新建ts配置文件，tsconfig.json：package.json添加打包命令打包：执行 执行完成之后就可以在dist下的boundle.js查看打包后的内容查看打包结果，生成index.html打包结果是一个js文件，js文件在浏览器的显示依赖于html文件。运行 就会在dist下生成,里面引入了我们打包好的js文件也可以根据我们创建好的模板生成index.htmlEG:src/index.htmlwebpack.config.js运行 npm run b

ts文件必须编译成js文件，如果每次都需要手动编译太麻烦，我们可以进行相应的配置。在项目中新建文件，加入如下内容（为空对象即可）在终端输入 ，就可以编译所有ts文件，并且实时更新。是ts编译器的配置文件，ts 编译器可以根据它的信息来对代码进行编译“include” 用来指定哪些ts文件需要被编译。一个*表示任意文件,两个*表示任意目录exclude"exclude"不需要被编译的文件目录默认值: [“node_modules”, “bower_components”, “jspm_pack

js中没有类型，带来方便的同时，也带来了安全隐患。TS就是为了弥补JS的缺陷而诞生的。TS中指明了变量的类型，同时增加了许多js没有的操作。TS全称TypeScript。ts的诞生不意味着替代了js：ts可以编译成让任意版本的js控制台输入 ,就会生成编译完成的文件。指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值， 否则报错eg：如果声明一个变量a，同时指定它的类型为number，那么在以后的使用过程中a的值只能是数字。ng)如果变量的声明和赋值是同时进行