2015年3月3日

js 实现序列号效果实现

摘要: 前端的朋友可能遇到过这样的需求,要求在页面输入一串序列号,或激活码(就像在PC正版软件中的序列号),可是HTML中并没有为我们提供类似的组件,我们来自己实现一个:大体的思路是在表单里有一个隐藏的input,而表面上用一组input代替: 1 2 3 请输入激活码: 4 5 - 6 ... 阅读全文

posted @ 2015-03-03 18:00 前端—郭瑞 阅读(3591) 评论(0) 推荐(0) 编辑

2015年2月27日

将你的静态工程用Grunt管理

摘要: 最近写了一个静态页面,写完之后都会上传到静态服务器上。但是我遇到一个问题,就是每次修改文件后就要重新找一些代码压缩网站去压缩静态文件。有没有什么办法能够自动化的处理呢?答案当然是肯定的。 我们可以借用Grunt来帮助我们完成。只需要将现有的工程配置成grunt工程即可。那么我们一起来看看吧:第... 阅读全文

posted @ 2015-02-27 13:57 前端—郭瑞 阅读(316) 评论(0) 推荐(0) 编辑

2015年2月6日

动画利器animate.css

摘要: 使用过CSS3编写动画的同学一定感叹CSS3的强大,但是也会感到书写的麻烦。每次都要计算动画的各个参数,十分麻烦。有没有一个库能封装一些常用的CSS3动画效果。答案是肯定的,animate.css就是一个很好的CSS库,github地址:https://github.com/daneden/anim... 阅读全文

posted @ 2015-02-06 14:29 前端—郭瑞 阅读(345) 评论(0) 推荐(0) 编辑

2015年2月2日

页面添加背景音乐以及注意事项

摘要: 我们经常会在一些微信分享页面中看到页面的右上角,会有一个背景音乐的按钮。我们来看看,怎么来实现这样一个效果。因为智能手机浏览器中多数都是webkit内核的,绝大部分的智能手机浏览器都是支持HTML5的;对于IOS和Android原生应用中的WebView控件也都是webkit内核且支持HTML5标准... 阅读全文

posted @ 2015-02-02 13:50 前端—郭瑞 阅读(595) 评论(0) 推荐(0) 编辑

2014年12月14日

移动端页面头部定义

摘要: 我们在开发移动端页面的时候经常会遇到一些通用的需求,往往是,不支持缩放,苹果浏览器隐藏工具栏啊等等。我们总结一下: 1 2 3 4 项目名称 5 6 7 8 9 10 11 12 13 14 15 17 18 阅读全文

posted @ 2014-12-14 15:20 前端—郭瑞 阅读(899) 评论(0) 推荐(0) 编辑

2014年12月13日

javascript原生API总结

摘要: 一、查找: getElementById() 方法返回带有指定 ID 的元素(唯一): getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 getElementsByClassName()返回包含带有指定类名的所有元素的节点列表(集合/... 阅读全文

posted @ 2014-12-13 16:48 前端—郭瑞 阅读(200) 评论(0) 推荐(0) 编辑

移动页面请使用CSS3动画

摘要: 说到动画,我们一般会使用jQuery 中的animate();在PC浏览器中,是很方便的,由于PC的高性能,这种不断修改DOM的做法确实不会出现太大的问题,但是在手机端就不同了。手机上使用jQuery 或 Zepto中的animate还是会带来一些小的卡顿。手机平台虽然硬件性能稍微差一些,但是web... 阅读全文

posted @ 2014-12-13 16:44 前端—郭瑞 阅读(591) 评论(0) 推荐(0) 编辑

js 继承

摘要: javascript有很多种继承方法,今天我简单的总结一下:一、原型继承方式:1 function parent(){};2 parent.prototype.Pname='Parent';3 function child(){}4 child.... 阅读全文

posted @ 2014-12-13 16:29 前端—郭瑞 阅读(222) 评论(0) 推荐(0) 编辑

伪元素

摘要: 首先附上W3C的链接,http://www.w3school.com.cn/css/css_pseudo_elements.asp ":first-line" 伪元素用于向文本的首行设置特殊样式。(选择器内部) ":first-letter" 伪元素用于向文本的首字母设置特殊样式。(选择器内... 阅读全文

posted @ 2014-12-13 10:13 前端—郭瑞 阅读(178) 评论(0) 推荐(0) 编辑

手机调试

摘要: 比较常见的方法是通过chrome的调试器点击F12--》点击左侧的手机图标--》右侧的show drawer--》emulation---》选一个设备---》刷新页面 阅读全文

posted @ 2014-12-13 10:03 前端—郭瑞 阅读(214) 评论(0) 推荐(0) 编辑

导航