摘要： 年会做了个3D变换的抽奖系统，在这里分享下通过CSS3制作3D效果的心得。抽奖系统虽然够炫酷，可惜抽的时候出了点bug，好几百人啊我的小心脏啊。虽然这个锅后面甩给会场的老爷电脑了（手动白眼）。 首先介绍几个实现3D效果的CSS3属性： rotateY、translateZ 这两个transform属 阅读全文

摘要： 本文将通过一个实例来引出jQuery插件开发中的一些细节，首先介绍下jQuery插件开发的一些基础知识。jQuery的插件开发主要分为两类：1. 类级别，即在jQuery类本身上扩展方法，类似与 $.ajax，$.get 等。2. 对象级别，这里所谓的对象是指通过jQuery选择器选中的jQuery... 阅读全文

摘要： 前言瀑布流布局已成为当今非常普遍的图片展示方式，无论是PC还是手机等移动设备上。这种布局图片的样式大概分为三种：等高等宽、等宽不等高、等高不等宽，接下来我们就最为普遍的等宽不等高形式来作为示例。我们用百度图片作为范例：这就是PC端比较常见的瀑布流布局方式，接下来我们审查下元素看看百度图片里面是如何布... 阅读全文

摘要： 前言之前本菜打算在写完基本类型后写引用类型Object的，因为Object是引用类型的基础，其他的引用类型也是以Object为根本。只是关于对象的基本认识与简单操作确实可写的不多，打算之后与原型、原型链一起写。本博将介绍引用类型Array，即JavaScript中的数组。Array首先数组到底是什么... 阅读全文

摘要： 前言JavaScript中的变量为松散类型，所谓松散类型就是指当一个变量被申明出来就可以保存任意类型的值，就是不像SQL一样申明某个键值为int就只能保存整型数值，申明varchar只能保存字符串。一个变量所保存值的类型也可以改变，这在JavaScript中是完全有效的，只是不推荐。相比较于将变量理... 阅读全文

摘要： 上一篇博文距离现在已经四个月了，一直想写些什么无奈工作比较忙碌。我的恩师老王在毕业聚餐那天带着一声酒气告诉我一定要把博客坚持写下去，所以今天下决心要开始这个新的篇章。之所以想要从头写一个关于JavaScript的系列是由于以下几个原因：1.JavaScript是Web程序员的核心技术2.很多人会使用... 阅读全文

摘要： 制作图片轮播，可以说是js或者jquery学习者应该掌握的技巧。但惭愧的是本菜之前一直一知半解，这回抽了半天多总结了下分享给大家。虽然标题比较吹牛，但目的是希望大家看了之后制作图片轮播会非常迅速。首先申明几点：1.既然使用了jquery，制作方法就不再是最基础的那种将图片列表的位置一直改变，比如：切... 阅读全文

摘要： 除了Canvas元素外，HMTL5另外一个新增的非常重要的功能是可以在客户端本地存储数据库的Web Storage。本文就介绍下Web Storage以及SQLLite操作。Web Storage分为两类：- sessionStorage：数据保存在session 对象中(临时)- localSto... 阅读全文

摘要： 上一篇Canvas的博文写完后，有位朋友希望能对Canvas绘制出来的图像进行点击、拖拽等操作，因为Canvas绘制出的图像能很好的美化。好像是想做炉石什么的游戏，我也没玩过。Canvas在我的理解中就好像在一张画布上绘制图像，它只能看到却“摸”不到，那要如何进行操作呢。我不知道网上是怎么做的，这里... 阅读全文

摘要： Canvas元素称得上是HTML5的核心所在，它是一个依靠JavaScript绘制华丽图像的元素。Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度,JavaScript代码可以访问该地区，通过一套完整的绘图功能类似于其他通用二维的API，从而生成动态的图形。Canvas可以在浏览器... 阅读全文