一、JavaScript入门

JavaScript是一种文字脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器叫做JavaScript引擎，是浏览器的一部分，广泛应用于客户端脚本语言。它首先在HTML(标准通用标记语言下的应用程序)网页上使用，为HTML网页添加动态功能。

二.使用hbulider工具

1)

舒利的特性：

1.编码速度快

2.HBuilder直接创建一个移动App，并将其打包为ios或Android原生安装包

3.HTML5语法、HTML5语法和三个浏览器扩展语法都在HBuilder中提供

4.绿色和软设置界面，更好地保护眼睛

2)

下载hbulider安装包

百度搜索hbulider，进入官网，点击右上角下载按钮下载。

4)

下载后可以看到下载的包是压缩包。打开下载的压缩包，将压缩包中的文件解压缩到所需的存储位置，然后单击确定。

5)

解压缩后，找到解压缩位置，单击hbulider.exe文件并开始安装。

6)打开后，选择一个存放代码的文件夹作为代码目录。

7)根据自己的实际情况，选择能看清楚的色块，然后点击下方生成适合自己的视觉方案，生成舒适的配色方案。

8)选择自己喜欢的视觉主题，点击确定并关闭下方完成设置。

9)完成后，进入欢迎向导，如图，安装完成。

3.用hbulider编写一个gobulider小程序

！doctype html html head meta charset=' utf-8 '/title五子棋游戏/title/head body canvas id=' my canvas ' width=' 570 ' height=' 570 ' style=' border 3360 2px solid # abcab '/canvas！-作者：离线时间：2017年7月3日描述：用js代码控制游戏逻辑-脚本类型=' text/JavaScript '/Get canvas标签varchess canvas=document . getelementbyid(' my canvas ')；//get canvas var game canvas=chess canvas . getcontext(' 2d ')；//定义棋盘大小var map=25//象棋大小var chessSize=24//得到下棋的坐标var x=y=0；//棋子var isRed的颜色=true//==真该下红棋还是下黑棋var color=' # 000000//棋子数组二维数组//保存棋子0:不掉；1:下红棋；2:下黑棋var chess data=new Array(23)；for(var I=0；i23I){ chess data[I]=新数组(23)；for(var j=0；j23j){ ChesStata[I][j]=0；} }//棋子在棋子数组var i，j中的位置；//为(var i=0)绘制棋盘；i23i ) { gameCanvas.moveTo(10，10 I * map)；gameCanvas.lineTo(560，i *地图)；gameCanvas.moveTo(10 i*map，10)；game canvas . line to(10 I *地图，560)；gamecanvas . stroke()；//Draw }//创建一个函数来完成下棋。函数addChess(x，y) {//在象棋中画一个小圆。将角度改为弧度/180角度弧度将角度改为180/弧度game canvas . begin path()；//start gamecanvas.arc (x，y，12，0，math.pi * 2，true)；//绘制棋子gameCanvas.fillStyle=colorgamecanvas . fill()；game canvas . closepath()；//end if(color=' # 000000 '){ color=' # ff 0000 '；//chess data[I][j]=2；} else { color=' # 000000//chess data[I][j]=1；} }//玩坦克战之类的游戏需要用到。//window.setInterval(函数，时间)；//游戏结束了吗//功能isGameWin() //如果是人机对战版本，需要下棋的AI，如果不是人机对战，打完游戏后提醒对手下棋//功能gamai()//用鼠标监控游戏逻辑文档。onmousedown=function (e) {window。onclick=function(){//获取象棋坐标I=math . round((e . x-10)/25)；j=math . round((e . y-10)/25)；//边界不能降低//判断位置x，y是否可以下棋x=i * 25 10y=j * 25 10//判断此位置ij处是否有棋子if(chess data[I][j]==0){//下棋并添加棋(x，y)；}else{ alert('不好意思！你迟到了，被对方打了’)；}}} /script /body/html代码不完整，将陆续添加。

以上javascript初学者教程和五子棋小程序的简单实现都是边肖分享的内容，希望能给大家一个参考和支持。