摘要：
1.基本使用 a标签常用属性： 属性名 说明 href 规定链接的目标 URL target 已什么形式打开这个连接 target属性有以下几个值 属性名 说明 _self 默认，当前页面跳转 _blank 新窗口打开 _parent 在父窗口中打开链接 _top 在当前窗体打开链接，并替换当前的整 阅读全文
摘要：
###1.前言 本节讲述如何封装一个操作粘贴板的方法 原理：选中某个Dom元素（比如文本域），执行区域复制命令即可。 相关API：document.execCommand():该方法允许运行命令来操纵可编辑内容区域的元素。传入"Copy"参数表示拷贝当前选中内容到剪贴板。（启用这个功能的条件因浏览器 阅读全文
摘要：
1.前言 网格布局（Grid）是最强大的 CSS 布局方案，它将网页区域划分成一个个网格，做出各种各样的布局 网格通过指定列数和行数来控制，除了可以指定列宽和行高，还可以指定每个格子的跨列和跨行展示 2.基本使用 在父容器中设置 display: grid，然后设定列数和行数 grid-templa 阅读全文
摘要：
1.思路分析 监听页面尺寸变化（防抖），动态设置canvas大小 监听鼠标移动事件（节流），动态创建小球，小球包含大小，原点坐标，移动方向等信息，其内部方法支持移动和缩小 开启定时器，更新画布内容（清屏后根据数据重新渲染） 2.主函数 事件监听以及全局变量设定 开启循环定时器实时渲染，过滤无效小球（ 阅读全文
摘要：
1.对象含义和创建 含义：对象是拥有属性和方法的数据 创建方式一：字面量声明 var person = {} 创建方式二：使用关键字new var person = new Object() 2.增（添加属性） 通过点语法添加属性 var person = {} person.name = "kyo 阅读全文
摘要：
###1.前言 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 ###2.项目创建 项目创建有两种方式： (1)使用npm创建 ( 阅读全文
摘要：
前言 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的 阅读全文
摘要：
##前言 前面2个章节已经封装好了摇杆和NES虚拟按键，现在配合jsnes这个包来完成一个移动端版的NES模拟器。 这是插件的github地址：bfirsh/jsnes 这个包可以直接拿来用，但是没有适配移动端。他通过事件监听，判断evt.keyCode属性来判断用户的输入信息。在移动端只要进行事件 阅读全文
摘要：
##前言 前面的章节已经封装了一个NES的虚拟按钮，这个章节来封装他的方向键。 在一些NES网页网页模拟器中，方向键要么使用按钮模式，要么使用摇杆模式，各有不足。例如按钮模式无法滑动，用户点了半天才知道点空了。而且无法很难做出 '左上' '右上' 这种操作。而用摇杆模式的不多，依旧没有8键模式，而且 阅读全文
摘要：
##前言 移动端浏览器是没有实体键盘的，想要操作游戏就必须为其设置虚拟按键，通过虚拟按键（按钮）的标识与实体键盘的keyCode进行绑定，来达到想要的效果。 这个随笔只封装NES游戏手柄右边的按键，不包含方向键。方向键的封装在另一个章节。 ###1.按键UI NES游戏手柄分为6个键，如图： 连发按 阅读全文