宝哥
一个5年的前端开发工作者，有3年前端开发文章，主要分享我日常前端开发经验。不积跬步，无以至千里、不积细流，无以成江海
使用JavaScript检测是否支持CSS3、HTML5新特性
在我们放手用HTML5开发的时候，新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本，不过这种方式不是很可靠，另一种靠特征检测（figure detection）或者说能力检测。
提高HTML5 Canvas性能的技巧
canvas代码也是有一些优化技巧的，我之前的几篇canvas的文章单纯涉及如何做使用canvas，下面看看别人是怎么说优化canvas性能的。 一：使用缓存技术实现预绘制，减少重复绘制Canvs内容 很多时候我们在Canvas上绘制与更新 ...
2015 前端[JS]工程师必知必会
![2015 前端[JS]工程师必知必会](https://pic.qdkfweb.cn/uploads/2015/06/7f4c5127cdf4627d11cb789ab6099488_b-e1434267685444.jpg)
上次我写《前端工程师必知必会》已经是三年前了，那是我写过最火的文章了。三年了，我仍然会在Twitter上收到关于这篇文章的消息。 从2012年到现在，一篇文章都没发过让我觉得有点羞羞哒。三年是一段很长的时间，很多东西都发生了改变。2012年 ...
梁朝伟影评：听见流星的声音
2012年初，《大魔术师》上映。之后的三年里，我和尔冬升各忙各的，几乎再没见过面。 这三年中，我听说这位老友跑去横店拍了一部和群众演员有关的电影，叫作《我是路人甲》。当时最令我感到好奇的，其实不是他为什么要去拍路人甲，而是他要怎么拍。这个一 ...
jquery圆环进度条插件
在网络搜到的一个jquery圆环进度条插件，是使用canvas写的，支持纯色、渐变颜色、支持文字逐渐变化、支持定义起始角等一切跟之前我写过的HTML5 Canvas绘制矩形和圆形（圆弧）和canvas绘制旋转的圆环百分比进度条等一切圆弧的属 ...
纯CSS3实现圆弧(圆圈)百分比动画进度条
来自国外的一个牛人写的代码，根据CSS3的clip、transform和animation来实现的效果，所以你需要很清楚的知道这些属性是具有哪些作用的才能明白他这个CSS的原理。
HTML5 Canvas绘制矩形和圆形（圆弧）
canvas绘制矩形、圆形和圆弧。在canvas里面有特定的方法来绘制矩形。rect(x,y,width,height);或者fillRect(x,y,width,height)从(x,y)为起始点，长尾width，高为height的填充矩 ...
canvas绘制实心三角形和空心三角形
从上几篇文章中，我们学习到了canvas可以绘制一些图形，本节课将讲一下绘制实心、空心、直角、等边等渐变的三角形。实心和空心的区别在于最后是使用fill()填充还是使用stroke()来绘制路径。
HTML5 Canvas属性和方法
通过HTML5 canvas标签，结合JavaScript API来绘制比较常见的图片，如三角形、矩形、线、圆形或圆环等形状，本文将分享canvas中给出的JavaScript属性和方法，了解这些API，能够助你快速上手canvas的绘制。