最开始打算模仿谷歌各种功能主页,现在保存各种练习小代码段,demo
由于部分node需要的模块嵌套层次太多,导致文件名过长。.gitignore文件中忽略了所有node_modules文件夹,运行特定项目时需要npm install安装模块
-
module/js/cookieUtil.js:cookie操作的工具
-
module/js/EventUtil.js:跨浏览器的DOM事件操作工具
-
module/js/getDescendants.js:给定一个DOM节点node和正整数n返回node的所有第n代后代节点(直接子节点为第1代)
-
module/js/getScrollOffset.js:获取指定窗口的滚动条偏移量,如未指定则返回当前窗口滚动条偏移量
-
module/js/isArray.js:判断对象是否为数组
-
module/js/isFunction:判断对象是否为函数,typeof符合规范时优先使用,否则使用toString
-
module/js/parseQuery.js:解析url中的query string为对象
-
module/js/parseUrl.js:解析url为window.location
-
module/js/richText.js:给字符串中只包含一个img元素的p标签增加一个叫pic的class
-
module/js/serializeForm.js:序列化form为可提交的字符串
-
requirejs-demo/simple-demo:requirejs 简单demo
-
module/tabify.html:tab选显卡demo
-
module/clock:基于css3 transform的时钟
-
grunt-demo/jshint:grunt jshint demo
-
grunt-demo/qunit:grunt qunit demo
-
module/page-scroll:一个简单的返回顶部组件的功能
-
module/modal-window.html:html5,css3弹出模式对话框
-
module/tips/tips.html:提示框控件
-
module/check-items.html: checkbox选择
-
module/slide:jquery,css3,html实现简单ppt功能
-
module/flex-footer:css3 flex box实现rich footer
-
module/auto-scrolling-slideshow:首先使用CSS和HTML实现基本tab效果,然后使用jquery.cycle.js增加循环切换效果
-
module/css3-animated-pre-loaders:css3实现加载动画1)声波2)圆方切换3)crossing shapes 4)snake 5) spinning Disc