前端开发
前端开发博客专注于前端开发,分享前端开发技术、前端开发教程、前端开发工具和前端开发资源等
如何有选择的重构和重写代码
在微博上看到100offer的博客《为什么千万不要重写代码》,里面列出了很多程序员为何会有冲动重写代码,以及重写带来的风险。下面我结合我最近做过的几个大型重构代码来说说自己的观点,如何有选择的重构和重写代码。 最近这段时间在重构项目,比较大 ...
webkitTransitionEnd事件
今天重新看了一下bootstrap里面的那些插件,打算写一套简化版的插件,看到里面一个bootstrap-transition.js,不明所以,细看之后才知道是一个判断浏览是否支持transition转换的插件,若支持则在动画结束时执行一些 ...
Bootstrap标签插件:mytab
bootstrap的标签插件简化版,8-11增加无须使用js,只要在html里面添加data-toggle=”tab”即可。
使用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年 ...
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的填充矩 ...