随笔分类 - HTML5
摘要：
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号「前端每周看」，里面有解决办法 大事件 ES6 类提案（大部分）的装饰器在 TC39 上达到了第 3 阶段——我们三年前首次链接到这个提案，但现在它有条
阅读全文
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号「前端每周看」，里面有解决办法 大事件 ES6 类提案（大部分）的装饰器在 TC39 上达到了第 3 阶段——我们三年前首次链接到这个提案，但现在它有条
阅读全文
摘要：
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号「前端每周看」，里面有解决办法 大事件 WebGPU——所有的核心，没有画布——一种暴露 GPU 硬件功能的 API，诚然，默认情况下在任何标准浏览器中
阅读全文
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号「前端每周看」，里面有解决办法 大事件 WebGPU——所有的核心，没有画布——一种暴露 GPU 硬件功能的 API，诚然，默认情况下在任何标准浏览器中
阅读全文
摘要：摘要： 最近在整理项目时，把几种常用的颜色单独整理出来，以便在开发中能快速找到颜色值。如下图，如果你有喜欢的颜色可以应用到自己的项目中。代码地址：https://github.com/baixuexiyang/color注意： 一个项目中最好不要超过三种主题颜色，可以通过颜色深浅来区分。
阅读全文
摘要：摘要： 标签是 HTML 5 中的新标签，用来定义嵌入的内容，比如插件。类似于HTML 4.01 中的object和applet标签。我们要在网页中正常显示flash内容，那么页面中必须要有指定flash路径的标签，也就是OBJECT、APPLET和EMBED标签。applet适用于外网访问，用...
阅读全文
摘要：摘要： svg与canvas一样都可以将文本和图像放在画布中，制作出不一样的效果。下面是如何使用svg来渲染文本与图像。简介： SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件。任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。尽...
阅读全文
摘要：摘要： 之前介绍了canvas制作图像，今天再分享svg制作图像。简介： SVG意为可缩放矢量图形（ScalableVectorGraphics）。SVG使用XML格式定义图像。svg具有以下优势：SVG可被非常多的工具读取和修改（比如记事本）SVG与JPEG和GIF图像比起来，尺寸更小，且可压...
阅读全文
摘要：摘要： HTML5又增加了许多新的表单输入类型，不在仅仅是文本输入框。它让表单更丰富多彩了，下面是一个表单样表从图中可以看出，表单样式更加多样，而且支持验证，实现了原本只能通过js才能完成的功能。浏览器：Email： 用于应该包含 e-mail 地址的输入域，在提交表单时，会自动验证 email...
阅读全文
摘要：摘要： 数据存储是每一个站点必不可少的功能，在HTML5之前通过cookie可以实现本地数据存储。但是cookie只能存储4kb的数据，并且cookie是随http请求一起发送到服务端，这必然浪费了带宽。Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HT...
阅读全文
摘要：摘要： 全局属性和事件能够应用到所有标签元素上，在HTML4中有许多全局属性，比如id，class等。HTML5中又新增了一些特殊功能的全局属性和事件。属性： HTML5属性能够赋给标签元素含义和语境，下面的全局属性可用于任何HTML5 元素。属性描述contenteditable规定是否允许用...
阅读全文
摘要：摘要： 在HTML5出现之前，web媒体大部分通过Flash来实现。这种方式造成了文件大加载慢，影响网站性能，开发难度高，维护麻烦，不易扩展等。这就导致HTML5自己开始支持媒体功能。HTML5 DOM 为 和 元素提供了方法、属性和事件。浏览器：从IE9已经开始支持audio和video标签...
阅读全文
摘要：摘要： canvas可以绘制图像，自然而然的就可以制作动画，因为动画的每一帧都是图像。我们可以利用javascript的setInterval函数来实现动画效果。下面是一个例子，小圆绕着红点圆心不停的转圆圈。代码： 1 2 您的浏览器不支持canvas！ 3 4 ...
阅读全文
摘要：摘要： canvas可以读取图片后，使用drawImage方法在画布内进行重绘。本文介绍canvas的图像处理drawImage drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。语法 在画布上定位图...
阅读全文
摘要：摘要： HTML5规范已经完成了，互联网上已经有数不清的站点使用了HTML5。从现在开始研究HTML5，本文是自己在学习canvas过程中的记录，以备后需。历史： 这个HTML元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘...
阅读全文
摘要：万维网联盟(W3C)昨天宣布，HTML5标准规范终于最终制定完成了，并已公开发布。对于前端工程师来说，这无疑是一个振奋人心的好消息。众所周知，HTML5改变了互联网，将成为下一代web标准，HTML5拥有许多新的特性，用于绘画的canvas元素，用于媒介回放的video和audio元素，...
阅读全文
