发表于 | 分类于

一、增型表单标签

HTML5中，新标准把文本框提示信息、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能直接加入新的表单标签中。 但在众多现代浏览器中，最新版本的Opera浏览器对新型表单的支持才最为完美。

1. Number类型input标签

1
<input type="number" name="demoNumber" min="1" max="100" step="1"/>
阅读全文 »

发表于 | 分类于

一、Canvas

Canvas就是一个画布，可以进行画任何的线、图形、填充等一系列的操作，而且操作的画图就是js，所以让js编程到了嗑药的地步。另外Canvas不仅仅提供简单的二维矢量绘图，也提供了三维的绘图，以及图片处理等一系列的api支持。

二、Canvas中的Context

  1. 要使用Canvas来绘制图形必须在页面中添加Canvas的标签
    1
    2
    3
    4
    5
    <canvas id="demoCanvas" width="500" height="500">
    <p>
      请使用支持HTML5的浏览器查看本实例
    </p>
    </canvas>
阅读全文 »

发表于 | 分类于

异步

通过 XMLHttpRequest 函数来实现客户端和服务器端的异步处理

具体实现：

  • 运用HTML和CSS来实现页面，表达信息；
  • 运用XMLHttpRequest和Web服务器进行数据的异步交换；
  • 运用JavaScript操作DOM，实现动态局部刷新；

XMLHttpREquest对象

  • 不兼容IE6
    1
    2
    3
    4
    5
    6
    var request;
    if (window.XMLHttpRequest) {
        request = new XMLHttprequest();//IE7+,chrome,ff,safari.
    } else {
        request = new ActiveXobject('Microsoft.XmlHTTP');??
    }
阅读全文 »

发表于 | 分类于

  • 创建赢法数组

  1. 先贴出第一步代码

    1
    2
    3
    4
    5
    6
    7
    var wins = [];
    for(let i=0 ; i < 15 ; i++ ) {
        wins[i] = [];
        for(let j = 0; j<15; j++) {
            wins[i][j] = [];
        }
    }

    这段代码仅仅只是创了一个准备用于记录所有赢法的三维空数组。

  1. 接下来第二部就是建立赢法数组，复制并建立索引。
    代码：竖排
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var count = 0;
    for(let i=0; i< 15 ;i++) {
        for(let j=0;j<11 ;j++) {
            for(let k=0;k<5;k++) {
                wins[i][j+k][count] = true;
            }
            count++;
        }
    }
阅读全文 »