js 实现序列号效果实现
摘要：
前端的朋友可能遇到过这样的需求，要求在页面输入一串序列号，或激活码（就像在PC正版软件中的序列号），可是HTML中并没有为我们提供类似的组件，我们来自己实现一个：大体的思路是在表单里有一个隐藏的input，而表面上用一组input代替： 1 2 3 请输入激活码： 4 5 - 6 ... 阅读全文
posted @ 2015-03-03 18:00 前端—郭瑞 阅读(3609) 评论(0) 推荐(0) 编辑
将你的静态工程用Grunt管理
摘要：
最近写了一个静态页面，写完之后都会上传到静态服务器上。但是我遇到一个问题，就是每次修改文件后就要重新找一些代码压缩网站去压缩静态文件。有没有什么办法能够自动化的处理呢？答案当然是肯定的。 我们可以借用Grunt来帮助我们完成。只需要将现有的工程配置成grunt工程即可。那么我们一起来看看吧：第... 阅读全文
posted @ 2015-02-27 13:57 前端—郭瑞 阅读(320) 评论(0) 推荐(0) 编辑
动画利器animate.css
摘要：
使用过CSS3编写动画的同学一定感叹CSS3的强大，但是也会感到书写的麻烦。每次都要计算动画的各个参数，十分麻烦。有没有一个库能封装一些常用的CSS3动画效果。答案是肯定的，animate.css就是一个很好的CSS库，github地址：https://github.com/daneden/anim... 阅读全文
posted @ 2015-02-06 14:29 前端—郭瑞 阅读(347) 评论(0) 推荐(0) 编辑
页面添加背景音乐以及注意事项
摘要：
我们经常会在一些微信分享页面中看到页面的右上角，会有一个背景音乐的按钮。我们来看看，怎么来实现这样一个效果。因为智能手机浏览器中多数都是webkit内核的，绝大部分的智能手机浏览器都是支持HTML5的；对于IOS和Android原生应用中的WebView控件也都是webkit内核且支持HTML5标准... 阅读全文
posted @ 2015-02-02 13:50 前端—郭瑞 阅读(603) 评论(0) 推荐(0) 编辑
移动端页面头部定义
摘要：
我们在开发移动端页面的时候经常会遇到一些通用的需求，往往是，不支持缩放，苹果浏览器隐藏工具栏啊等等。我们总结一下： 1 2 3 4 项目名称 5 6 7 8 9 10 11 12 13 14 15 17 18 阅读全文
posted @ 2014-12-14 15:20 前端—郭瑞 阅读(910) 评论(0) 推荐(0) 编辑
javascript原生API总结
摘要：
一、查找： getElementById() 方法返回带有指定 ID 的元素（唯一）： getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 getElementsByClassName()返回包含带有指定类名的所有元素的节点列表（集合/... 阅读全文
posted @ 2014-12-13 16:48 前端—郭瑞 阅读(207) 评论(0) 推荐(0) 编辑
移动页面请使用CSS3动画
摘要：
说到动画，我们一般会使用jQuery 中的animate();在PC浏览器中，是很方便的，由于PC的高性能，这种不断修改DOM的做法确实不会出现太大的问题，但是在手机端就不同了。手机上使用jQuery 或 Zepto中的animate还是会带来一些小的卡顿。手机平台虽然硬件性能稍微差一些，但是web... 阅读全文
posted @ 2014-12-13 16:44 前端—郭瑞 阅读(595) 评论(0) 推荐(0) 编辑
js 继承
摘要：
javascript有很多种继承方法，今天我简单的总结一下：一、原型继承方式：1 function parent(){};2 parent.prototype.Pname='Parent';3 function child(){}4 child.... 阅读全文
posted @ 2014-12-13 16:29 前端—郭瑞 阅读(225) 评论(0) 推荐(0) 编辑
