2016年9月3日
我在 impress.js 中学到的小套路
摘要： 我在 impress.js 中学到的小套路 写在开篇 作为了一个自学 JavaScript 才一个月的新手，前几天“妄图”研究 jQuery-3.1.0 源码，结果自然是被虐得死去活来。机缘巧合之下，遇到了 impress.js ，代码量只有 jQ 的十分之一，看起来挺好下手，研究了两天，勉强弄懂了 阅读全文
posted @ 2016-09-03 16:55 Aaron_Xiao 阅读(378) 评论(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 阅读(339) 评论(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 阅读(27481) 评论(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 阅读(2422) 评论(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 阅读(260) 评论(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 阅读(256) 评论(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 阅读(734) 评论(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 阅读(1055) 评论(0) 推荐(1) 编辑
2016年8月7日
JS 事件练习
摘要： QQ拖拽及状态栏选择；抽奖；下拉菜单 阅读全文
posted @ 2016-08-07 19:30 Aaron_Xiao 阅读(919) 评论(0) 推荐(0) 编辑