前端人

摘要： 一、WebSocket 由来 WebSocket 是一个持久化的协议，通过第一次 HTTP Request 建立连接之后，再把通信协议升级成 websocket，保持连接状态，后续的数据交换不需要再重复请求。websocket 可以看成一种类似 TCP/IP 的 socke t技术，在 web 应用 阅读全文

摘要： 一、为什么要学 WebSocket? websocket 是 HTML5 提供的一种长链接双向通讯协议，使得客户端和服务器之间的数据交换更简单，允许服务端主动向客户端推送数据，并且客户端与服务端只需连接一次，就可以保持长久连接，并进行数据通信。 websocket 与 http 区别： http 链 阅读全文

摘要： 作为一名前端攻城狮，Canvas 和 SVG 对于我们并不陌生，canvas 是 HTML5 提供的新元素，而 svg 存在的时间要比 canvas 长很多，svg 并不属于 html，最初的 svg 是由 XML 定义的，在 html 5 中 canvas 与 svg 看着相似，其实不同。 一、基 阅读全文

摘要： SVG 动画有很多种实现方法，也有很大SVG动画库，现在我们就来介绍 svg动画实现方法都有哪些？ 一、SVG 的 animation SVG animation 有五大元素，他们控制着各种不同类型的动画，分别为： set animate animateColor animateTransform 阅读全文

摘要： path 是 SVG 基本形状中最强大的一个，不仅可以实现我们上一篇《HTML5(七)——SVG基础入门》中，介绍的 SVG 预定义的 line、rect、circle、ellipse、line、polyline、polygon 六种基本形状。还可以实现更复杂的效果，我们就开始学习 path 如何应 阅读全文

摘要： 声明：SVG 虽然也是标签，但它不是 HTML5，标题加了 HTML5 只是为了与 canvas 放到一起。 一、为什么要学 SVG ? SVG 意为可缩放矢量图形（Scalable Vector Graphics），使用 XML 格式定义矢量图形。其他的图像格式都是基于像素的，但是 SVG 没有单 阅读全文

摘要： 上一篇文章《HTML5(五)——Canvas API》介绍 canvas 绘制基本图形，这节开始介绍canvas的高级操作。 一、canvas 转换 canvas 转换常用的几种方法介绍，如下： 方法 描述 scale() 缩放当前绘图至更大或更小。 rotate() 旋转当前绘图。 transla 阅读全文

摘要： 什么是 Canvas API? Canvas API（画布）提供了一个通过 javascript 和 html 的 canvas 元素来在网页上实时绘制图形的方式。可用于动画、游戏、图标、图片编辑等多个方面。 使用前，首先需要新建在网页上新建 canvas 元素。 <canvas id="mycan 阅读全文

摘要： 一、什么是Web Worker ? JavaScript 语言是采用单线程模型，也就是任务只能在一个线程上完成，一次只能做一件事，前面任务没执行完，后面的任务只能排队等待，由于多核 CPU 的出现，单线程带来很大不便，无法充分发挥计算机的能力。 Web Worker 就是为了 javascript 阅读全文

摘要： WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。 WebStorage两个主要目标： （1）提供一种在cookie之外存储会话数据的路径。 （2）提供一种存储大量可以跨会话存在的数据的机制。 web存储更加安全与快速，这些 阅读全文