- 博客(12)
- 收藏
- 关注
RSS订阅原创 node express实现井字棋socket服务器
实现井字棋socket服务器回到我们之前写过的那篇vue实现井字棋的文章我们接着往下讲讲怎么在其原先代码的基础上使用socket.io实现玩家间的实时对局一、socket.io基本使用1.socket服务端创建express socket服务器const express = require('express');const app = express();const http = require('http');const server = http.createServer(app);
2021-12-16 23:00:07
473
1
原创 canvas 像素操作
用 canvas 操作图片像素canvas 像素操作在 canvas 中可以使用 context.drawImage(image,dx,dy) 方法将图片绘制在 canvas 上。将图片绘制上去后，还可以使用 context.getImageData(sx, sy, sw, sh) 方法获取 canvas 区域隐含的像素数据，该方法返回一个 ImageData 对象，里面包含的是 canvas 像素信息。getImageData 函数这个函数有四个参数，都是必选的。context.getImageD
2021-08-04 15:12:39
1017
原创 浅谈Canvas
最近接手个关于小程序canvas的需求 对canvas的了解也较之前更加的深在这里总结一下使用canvas的几点技巧（这里以小程序canvas为例子 html5canvas类同）一、cnavas代码量问题使用过canvas的朋友应该都被canvas那庞大的代码量吓到过举个栗子 用canvas写出一段话 那我们至少要使用2段代码const ctx = wx.createCanvas...
2019-07-01 15:20:22
316
原创 基于VueJs实现的井字棋小游戏
这几天在温习VueJs 简单写了一个井字棋小游戏 分享下思路 目前只是实现了基本的逻辑判断，还未进行服务器等等的编写后期有时间再加首先，我们的井字棋，主要就是要判断每一次落子的时候该颜色的棋子对应的行、列、斜向下、斜向上几个方向有无三个同色的棋子 有则胜利游戏的基本html如下：加上css后界面效果如下图（看起来比较简陋哈，毕竟长得好看只是一时半会的事，能用才是一辈子的事情吗哈哈...
2019-03-06 17:08:59
2332
2
原创 HTML+CSS+jquery实现飞机大战游戏
这几天闲着没事运用html+css+jquery写了个飞机大战的游戏 分享下自己的思路： 一：界面构建： 1.首先，先用HTML+CSS构建基本的页面结构，这里的设计如下图：/*先给网页上所有元素添加一个红色的边框 方便布局 布局完毕后移除*/*{ box-sizing: border-box; border:...
2019-02-23 09:23:36
1857
原创 JavaScript教程(7)——DOM基础知识和节点的增删改查
1.DOM介绍1.1 DOM介绍HTML DOM 是W3C标准（是HTML文档对象模型的英文缩写，Document Object Model for HTML）。HTML DOM 定义了用于HTML的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。通过DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。...
2019-02-22 10:08:01
270
原创 javascript教程(6)——Boolean对象，Math对象，正则表达式
1. Boolean 对象Boolean 对象表示两个值："true" 或 "false"。 创建 Boolean 对象的语法：new Boolean(value); //构造函数Boolean(value); //转换函数参数：参数 value 由布尔对象存放的值或者要转换成布尔值的值。 返回值：当作为一个构造函数（带有运算符 new）调用时，Boolean...
2019-02-22 10:02:55
577
原创 javascript教程(5)——Object,String,Number,Date与定时器
1.new运算符通过new 运算符来创建一个新对象。语法：new constructor[(arguments)]参数说明：constructor：必选项。对象的构造函数。如果构造函数没有参数，则可以省略圆括号。arguments：可选项。任意传递给新对象构造函数的参数。例：var obj= new Object;var arr = new Array();v...
2019-02-19 17:16:30
246
原创 javascript教程(4)——对象基础知识和数组的属性,方法
1.对象基础知识1.1 对象的概念什么是对象，很多人其实比较难回答。其实生活中什么都是对象，比如一个人就是一个对象，这个人有年龄，性别，身高等等属性，同时他还有很多的功能或者说方法，比如说走路，跑，跳等等。 在ECMA中把对象定义为：“无序属性的集合，其属性可以包含基本值、对象、或者函数。” JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 此外，J...
2019-02-19 16:46:40
316
原创 javascript教程(3)——JS函数的基础知识
1.函数基础知识1.1函数的定义函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。【简而言之，函数是为了实现某种特定功能的代码块】。 1.2函数的分类和调用我们JS里面分为系统函数和自定义函数。所谓的系统函数就是JS为我们已经提供好的函数，而自定义函数就是我们自己写的为了实现某种特定功能的函数。 系统函数： console.log() // 控制台...
2019-02-19 16:37:03
465
原创 javascript教程(2)——数据类型转化和分支循环结构
1.数据类型转化1.1 显示数据类型转化1.1.1 转数字类型Number() 可以将任意类型的参数mix转换为数值类型，其规则为： 1.如果是布尔值，true和false分别被转换为1和0 2.如果是数字值，返回本身 3.如果是null，返回04.如果是undefined，返回NaN 5.如果是字符串，遵循以下规则： ①如果字符串中只包含数字，则将其转换为十进制（...
2019-02-19 16:17:26
187
原创 javascript教程 (1)——javascript基础
JavaScript基础语法1.JavaScript的来源和发展JavaScript介绍 JavaScript一种直译式脚本语言，是一种动态语言、弱类型，内置支持类型。 它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。 在1995年时，由Netscape公司在网...
2019-02-15 16:33:59
624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人