Html5 最新文章第1页 | Coder·码农网

第一次在掘金发文章，瑟瑟发抖。这个主要是为了学习使用一下canvas和websocket，你画我猜大家应该都玩过，一个人画，其他人猜。目前实现了最基本的功能，慢慢修改。

2018-12-12 23:13 栏目：Html5

在HTML5本地存储——Web SQL Database提到过Web SQL Database实际上已经被废弃，而HTML5的支持的本地存储实际上变成了在IndexedDB大部分操作并不是我们常用的调用方法，返回结果的模式，而是请求——响应的模式，比如打开数据库的操作这条指令并不会返回一个DB对象的句柄，我们得到的是一个IDBOpenDBRequest对象，而我们希望得到的DB对象在其result属性中，

2018-12-11 21:03 栏目：Html5

深入理解WebSocket

WebSocket是基于TCP的一种新的网络协议，并在2011年被IETF定为标准的全双工通信协议，它实现了客户端与服务器全双工通信。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。众所周知，在WebSocket出现之前，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器

2018-12-11 05:57 栏目：Html5

HTML5常用标签（2-4）链接标签及多媒体标签

链接标签a

2018-12-10 22:45 栏目：Html5

HTML5常用标签（2-3）图片标签

area 元素总是嵌套在在 HTML 中，

2018-12-10 22:41 栏目：Html5

WebSocket 快速入门

WebSocket是基于TCP的一种新的网络协议，并在2011年被IETF定为标准的全双工通信协议，它实现了客户端与服务器全双工通信。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。众所周知，在WebSocket出现之前，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器

2018-12-10 15:30 栏目：Html5

CVE-2018-1002105（k8s特权提升）原理与利用分析报告

Kubernetes v1.0.x-1.9.xKubernetes v1.10.0-1.10.10 (fixed in v1.10.11)Kubernetes v1.11.0-1.11.4 (fixed in v1.11.5)

2018-12-10 15:19 栏目：Html5

canvas-坐标系、圆角矩形、纹理、剪裁

特殊情况：画布大小和canvas标签大小不相等的时候，画布会被缩放到跟标签大小一样。

2018-12-10 15:10 栏目：Html5

看完这本攻略，Canvas新手小白也可以创建惊人特效

作者本人的干货，一般人我不给他看。（开玩笑的）canvas是一个很实用的工具，难可以难到头发掉光，简单可以简单到几行代码就能给人眼前一亮的效果。这里是作者在开发canvas的道路上遇过的坑，以及如何用简易地使用canvas做一些日常任务，比如分享图片的自定义，又比如大家喜欢的X炸天的粒子特效（不知道算不算，反正很COOL就是了）。大家都知道Canvas可以做流畅的动画，功能很强大，但是Canvas中并没有像Dom那样可以帮助我们调试的工具。不过现在mac有一款web inspector(

2018-12-10 15:04 栏目：Html5

Html5 Canvas动画基础（碰撞检测）

在Canvas中进行碰撞检测，大家往往直接采用游戏引擎(Cocos2d-JS、Egret)或物理引擎(Box2D)内置的碰撞检测功能，好奇的你有思考过它们的内部运行机制吗？下面将针对基本的碰撞检测技术进行讲解：说完矩形碰撞，我们再来聊聊圆形碰撞，同样我们将创建两个Circle对象A和B(以下简称A,B)，其中A位置固定，B跟随鼠标移动，当A,B重叠时控制台将提示intercect！！更新Init.js ,初始化Circle对象A和B，最后开启动画循环。

2018-12-09 22:23 栏目：Html5

One simple way to draw canvas, wxml2canvas

小程序中的某些场景需要通过 canvas 绘制一些图片，其中包含一些文字、可能的二维码等等。然后实现时如果完全手动的去定位元素在 canvas 中的位置，结果就会产生大量不能复用和难以维护的代码。引入 utils 目录下

2018-12-09 14:30 栏目：Html5

Canvas学习笔记（一）

写于 2016.01.25喜欢前端，学习前端的最原始的动机，就是因为它可以制作非常酷炫的效果。然而现在上班所用的技巧，多是在业务逻辑那一块，并非是我最初想要去做的东西。所以在下班以后，打算重新拾起自己的兴趣，去学习真正的“酷炫”的东西。 Canvas，就是能够让我实现目标的利器之一。希望通过这一个笔记，能够督促我高效完成学习，并且把学习的感悟分享出来。学习资源来自

2018-12-08 23:49 栏目：Html5

HTML5常用标签（2-5）绘图及时间标签

绘图标签svgSVG 文件可通过以下标签嵌入 HTML 文档：

2018-12-08 23:37 栏目：Html5