<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wydsnza的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wydsnza</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wydsnza]]></copyright><item><title><![CDATA[node express实现井字棋socket服务器]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/121980281</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/121980281</guid><author>wydsnza</author><pubDate>Thu, 16 Dec 2021 23:00:07 +0800</pubDate><description><![CDATA[实现井字棋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);
]]></description><category></category></item><item><title><![CDATA[canvas 像素操作]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/119382838</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/119382838</guid><author>wydsnza</author><pubDate>Wed, 04 Aug 2021 15:12:39 +0800</pubDate><description><![CDATA[用 canvas 操作图片像素
canvas 像素操作
在 canvas 中可以使用 context.drawImage(image,dx,dy) 方法将图片绘制在 canvas 上。将图片绘制上去后，还可以使用 context.getImageData(sx, sy, sw, sh) 方法获取 canvas 区域隐含的像素数据，该方法返回一个 ImageData 对象，里面包含的是 canvas 像素信息。
getImageData 函数
这个函数有四个参数，都是必选的。context.getImageD]]></description><category></category></item><item><title><![CDATA[浅谈Canvas]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/94393168</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/94393168</guid><author>wydsnza</author><pubDate>Mon, 01 Jul 2019 15:20:22 +0800</pubDate><description><![CDATA[最近接手个关于小程序canvas的需求 对canvas的了解也较之前更加的深
在这里总结一下使用canvas的几点技巧（这里以小程序canvas为例子 html5canvas类同）一、cnavas代码量问题
使用过canvas的朋友应该都被canvas那庞大的代码量吓到过
举个栗子 用canvas写出一段话 那我们至少要使用2段代码



const ctx = wx.createCanvas...]]></description><category></category></item><item><title><![CDATA[基于VueJs实现的井字棋小游戏]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/88242847</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/88242847</guid><author>wydsnza</author><pubDate>Wed, 06 Mar 2019 17:08:59 +0800</pubDate><description><![CDATA[这几天在温习VueJs 简单写了一个井字棋小游戏 分享下思路 目前只是实现了基本的逻辑判断，还未进行服务器等等的编写后期有时间再加

首先，我们的井字棋，主要就是要判断每一次落子的时候该颜色的棋子对应的行、列、斜向下、斜向上几个方向有无三个同色的棋子 有则胜利

游戏的基本html如下：



加上css后界面效果如下图（看起来比较简陋哈，毕竟长得好看只是一时半会的事，能用才是一辈子的事情吗哈哈...]]></description><category></category></item><item><title><![CDATA[HTML+CSS+jquery实现飞机大战游戏]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87888358</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87888358</guid><author>wydsnza</author><pubDate>Sat, 23 Feb 2019 09:23:36 +0800</pubDate><description><![CDATA[        这几天闲着没事运用html+css+jquery写了个飞机大战的游戏 分享下自己的思路：

        一：界面构建：
                 1.首先，先用HTML+CSS构建基本的页面结构，这里的设计如下图：


/*先给网页上所有元素添加一个红色的边框 方便布局 布局完毕后移除*/
*{
   box-sizing: border-box;
   border:...]]></description><category></category></item><item><title><![CDATA[JavaScript教程(7)——DOM基础知识和节点的增删改查]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87872958</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87872958</guid><author>wydsnza</author><pubDate>Fri, 22 Feb 2019 10:08:01 +0800</pubDate><description><![CDATA[1.DOM介绍

1.1 DOM介绍

HTML DOM 是W3C标准（是HTML文档对象模型的英文缩写，Document Object Model for HTML）。HTML DOM 定义了用于HTML的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。

通过DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。...]]></description><category></category></item><item><title><![CDATA[javascript教程(6)——Boolean对象，Math对象，正则表达式]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87872753</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87872753</guid><author>wydsnza</author><pubDate>Fri, 22 Feb 2019 10:02:55 +0800</pubDate><description><![CDATA[1. Boolean 对象

Boolean 对象表示两个值：&quot;true&quot; 或 &quot;false&quot;。  


创建 Boolean 对象的语法：
new Boolean(value); 
//构造函数
Boolean(value);
     //转换函数

参数：参数 value 由布尔对象存放的值或者要转换成布尔值的值。    返回值：当作为一个构造函数（带有运算符 new）调用时，Boolean...]]></description><category></category></item><item><title><![CDATA[javascript教程(5)——Object,String,Number,Date与定时器]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87719449</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87719449</guid><author>wydsnza</author><pubDate>Tue, 19 Feb 2019 17:16:30 +0800</pubDate><description><![CDATA[1.new运算符

通过new 运算符来创建一个新对象。


语法：
new constructor[(arguments)]

参数说明：
constructor：必选项。对象的构造函数。
如果构造函数没有参数，则可以省略圆括号。
arguments：可选项。
任意传递给新对象构造函数的参数。

例：


var obj= new Object;
var arr = new Array();
v...]]></description><category></category></item><item><title><![CDATA[javascript教程(4)——对象基础知识和数组的属性,方法]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87717307</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87717307</guid><author>wydsnza</author><pubDate>Tue, 19 Feb 2019 16:46:40 +0800</pubDate><description><![CDATA[1.对象基础知识

1.1 对象的概念

什么是对象，很多人其实比较难回答。其实生活中什么都是对象，比如一个人就是一个对象，这个人有年龄，性别，身高等等属性，同时他还有很多的功能或者说方法，比如说走路，跑，跳等等。 在ECMA中把对象定义为：“无序属性的集合，其属性可以包含基本值、对象、或者函数。”      

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 此外，J...]]></description><category></category></item><item><title><![CDATA[javascript教程(3)——JS函数的基础知识]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87716593</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87716593</guid><author>wydsnza</author><pubDate>Tue, 19 Feb 2019 16:37:03 +0800</pubDate><description><![CDATA[1.函数基础知识

1.1函数的定义

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。【简而言之，函数是为了实现某种特定功能的代码块】。

 

1.2函数的分类和调用

我们JS里面分为系统函数和自定义函数。所谓的系统函数就是JS为我们已经提供好的函数，而自定义函数就是我们自己写的为了实现某种特定功能的函数。    

系统函数：  


console.log()  // 控制台...]]></description><category></category></item><item><title><![CDATA[javascript教程(2)——数据类型转化和分支循环结构]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87715028</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87715028</guid><author>wydsnza</author><pubDate>Tue, 19 Feb 2019 16:17:26 +0800</pubDate><description><![CDATA[1.数据类型转化

1.1 显示数据类型转化

1.1.1 转数字类型

Number()  

可以将任意类型的参数mix转换为数值类型，其规则为：    1.如果是布尔值，true和false分别被转换为1和0  2.如果是数字值，返回本身  3.如果是null，返回04.如果是undefined，返回NaN  5.如果是字符串，遵循以下规则：  ①如果字符串中只包含数字，则将其转换为十进制（...]]></description><category></category></item><item><title><![CDATA[javascript教程 (1)——javascript基础]]></title><link>https://blog.youkuaiyun.com/wydsnza/article/details/87364368</link><guid>https://blog.youkuaiyun.com/wydsnza/article/details/87364368</guid><author>wydsnza</author><pubDate>Fri, 15 Feb 2019 16:33:59 +0800</pubDate><description><![CDATA[JavaScript基础语法

1.JavaScript的来源和发展

JavaScript介绍
	        JavaScript一种直译式脚本语言，是一种动态语言、弱类型，内置支持类型。 它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。
	 　    在1995年时，由Netscape公司在网...]]></description><category></category></item></channel></rss>