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

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

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

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

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

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

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

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

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

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