Aaron_Xiao

2016年9月3日

摘要：我在 impress.js 中学到的小套路写在开篇作为了一个自学 JavaScript 才一个月的新手，前几天“妄图”研究 jQuery-3.1.0 源码，结果自然是被虐得死去活来。机缘巧合之下，遇到了 impress.js ，代码量只有 jQ 的十分之一，看起来挺好下手，研究了两天，勉强弄懂了阅读全文

posted @ 2016-09-03 16:55 Aaron_Xiao 阅读(383) 评论(0) 推荐(0) 编辑

2016年9月1日

我对 impress.js 源码的理解

摘要：源码看了两天，删掉了一些优化，和对 ipad 的支持，仅研究了其核心功能的实现，作以下记录。 HTML 结构如下： 1 <!doctype html> 2 3 <html lang="zh-cn"> 4 <head> 5 <meta charset="utf-8" /> 6 <title>impre 阅读全文

posted @ 2016-09-01 15:59 Aaron_Xiao 阅读(341) 评论(0) 推荐(0) 编辑

2016年8月18日

CSS transition 过渡详解

摘要： transition 过渡 IE10、Firefox、Chrome、Opera 支持 transition 属性。 Safari 需要前缀 -webkit-。 Chrome 25 以及更早版本需要前缀 -webkit-。 IE9 以及更早版本不支持 transition 属性。过渡属性【1】tr 阅读全文

posted @ 2016-08-18 19:27 Aaron_Xiao 阅读(27538) 评论(1) 推荐(1) 编辑

CSS 2D转换 matrix() 详解

摘要： 2D转换 IE10、Firefox、Opera 支持 transform 属性 Chrome、Safari 需要前缀 -webkit- 。 IE9 需要前缀 -ms- 。 translate()：接收两个参数：水平移动的距离、垂直移动的距离可以分别使用 translateX() 或者 transl 阅读全文

posted @ 2016-08-18 17:07 Aaron_Xiao 阅读(2442) 评论(0) 推荐(0) 编辑

2016年8月17日

JS 动画基础

摘要：获取元素的样式 getStyle函数 1 function getStyle(element, attr) { 2 if(element.currentStyle) { 3 //针对IE 4 return element.currentStyle[attr]; 5 } else { 6 //针对Fi 阅读全文

posted @ 2016-08-17 14:31 Aaron_Xiao 阅读(266) 评论(0) 推荐(0) 编辑

2016年8月15日

JS 瀑布流布局

摘要：瀑布流布局 HTML 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>瀑布流布局</title> 6 <link rel="stylesheet" href="css/style.css"> 7 <scrip 阅读全文

posted @ 2016-08-15 18:58 Aaron_Xiao 阅读(518) 评论(0) 推荐(0) 编辑

2016年8月14日

JS 下拉菜单

摘要： HTML 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>下拉菜单</title> 6 <link rel="stylesheet" href="css/style.css"> 7 <script src=" 阅读全文

posted @ 2016-08-14 16:00 Aaron_Xiao 阅读(258) 评论(0) 推荐(0) 编辑

2016年8月12日

JS Resizable Panel 练习

摘要： Resizable Panel HTML 1 <!doctype html> 2 <html> 3 <head> 4 <title>Resizable Panel</title> 5 <meta charset="utf-8"> 6 <link type="text/css" rel="styles 阅读全文

posted @ 2016-08-12 23:50 Aaron_Xiao 阅读(737) 评论(0) 推荐(0) 编辑

JS 显示时间与倒计时练习

摘要：显示时间与倒计时 HTML 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>显示系统时间</title> 6 <link rel="stylesheet" href="css/style.css"> 7 </ 阅读全文

posted @ 2016-08-12 19:49 Aaron_Xiao 阅读(1057) 评论(0) 推荐(1) 编辑

2016年8月7日

JS 事件练习

摘要： QQ拖拽及状态栏选择；抽奖；下拉菜单阅读全文

posted @ 2016-08-07 19:30 Aaron_Xiao 阅读(920) 评论(0) 推荐(0) 编辑

公告