摘要：
知识点预备： 【1】CSS3中特别重要的transform中的rotate()，现在transform可以将元素进行2D和3D变形。 2D transform常用的transform-function的功能: translate()：用来移动元素，可以根据X轴和Ｙ轴坐标重新定位元素位置。在此基础上有 阅读全文
摘要：
传送门 Github地址：https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop 在线Demo演示: 简介 裁剪图片的应用场景有头像编辑、图像编辑，在移动端要配合手势以及进行触摸反馈来进行变形以确认用户的选区进行裁剪。Alloy 阅读全文
摘要：
玩游戏的人 很多时候都会遇到翻牌子 开宝箱。 总有人傻傻的在哪里还纠结很久到底点哪一个！ 纠结 指不定翻哪一个会多一点，你明明看到那个卡片的奖项多 。 那我就告诉你好了 其实很多时候在你点开那个页面的时候你的翻牌结果已经随着你点开而请求到了。 接下来 就是一些动画效果 然后告诉你的中奖结果是什么。 阅读全文
摘要：
据我对cookie诞生背景的了解，cookie是由网景公司创建的，目的就是将用户的数据储存在客户端上。伴随的HTML5的出现，现在又有另外一个解决数据离线储存的方案，就是HTML5中的Web storage，其中两个重要对象sessionStorage和localStorage可以解决浏览器sess 阅读全文
摘要：
下拉菜单 表格随机转换 咨询缓慢弹框 鼠标经过改变图片路径 树形菜单 隔5秒跳转页面 文字域输入字数控制 文字无缝滚动，鼠标放上去停止 对联广告 可回顶部， 点×进行关闭 漂浮广告 打字效果 倒计时 定时广告 进度条 图片轮播 假设页面上有有几个内容块： <div id="content1"> <h 阅读全文
摘要：
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别：apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 阅读全文
摘要：
一直以来认为'em'是相对于父元素的字体大小. 直到今天学习移动WEB开发,重新复习css的尺寸大小时,惊奇发现:对em深深的误解了!!! 在CSS官网对em的解释实例是: a. h1{line-height:1.2em;} →使用的行高为h1自身的font-size*1.2; b.h1{font- 阅读全文
摘要：
这是一个仿支付宝芝麻信用分的一个canvas，其实就是一个动画仪表盘。 首先， 上原图： 这个是在下支付宝上的截图，分低各位见笑了。然后看下我用canvas实现的效果图： 唉，总感觉不像。这个是GIF图，可能在网页上打开的效果会好一点(当然可能就是这样)。大家可以点击底部预览codepen上的演示。 阅读全文
摘要：
气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡 阅读全文
摘要：
jQuery Ajax总结 jQuery对Ajax的操作进行了封装。jQuery中$.ajax()属于最底层的方法，这个放在后面说，首先看看封装了$.ajax()的方法。 load()方法 load()可以远程载入HTML并插入到DOM中。结构为： load(url [,data] [,callba 阅读全文