摘要：
近来时间有些闲暇，有空写一些东西了，从轮播图开始，就这么愉快的决定了，现在把我前天写的一个渐变方式的轮播分享出来，望大家给指导意见。 轮播嘛，几乎每个网站都有，几张大图，放一些醒目的活动或者公告，用户一眼就能看到。渐变方式的要比滑动方式的简单一点，因为它前后不需要前一页或下一页来衔接，它的原理也很简 阅读全文
摘要：
通过CSS3，我们可以创建动画，而不必再使用JavaScript，此篇文章分享@keyframes规则，其实掌握了就会觉得它是如此的简单。这里讲一下transform与@keyframes动画的区别：transform只执行一次，而@keyframes动画是循环的。 我们先来看一个小例子： 这个效果 阅读全文
摘要：
CSS3的新增属性有很多，其中有一个比较神奇的，通常称为盒子模型布局，不需要把div浮动，也能合理分配。看如下例子： HTML： 如果需求是这样的：.box2的宽度是固定的200px，然后水平居中，然后.box1和.box3分居其左右，平分剩下的空间。 使用这个属性就可以这样来写： 此时此刻我们可以 阅读全文
摘要：
随着技术的不断更新换代，移动端无疑是一大趋势，HTML5和CSS3的出现使响应式布局成为流行，那么这里要说的是一个单位的使用——rem，可能大家都不陌生，那我就说一说一些我的使用。 在移动端页面中，rem是很常用的一个单位，它会以根元素的font-size的值为标准，做出符合页面大小的改变。如果根元 阅读全文
摘要：
说起数组去重大家都不陌生，去重也有好多种方法，这里介绍很好理解的两种。 第一种 首先说一下第一种的逻辑，就是先拿第一个去跟第二个比，再跟第三个比，再跟第四个比……只要发现有相等的，可以用splice()方法去掉，这一圈比完了，再拿第二个去跟第三个比，再跟第四个比……就这么一直比下去，直到都判断完毕， 阅读全文
摘要：
今天朋友问我一个问题，是这样的：在前端数据里有固定的300个号码（不需要后台传值），是300个中奖用户的手机号，分为一、二、三等奖，现在有一个查询入口，用户可以输入手机号，点击查询按钮后会有相应的提示，如果该手机号不在这300个号码里则提示没有中奖，如果在300个号码当中，就提示用户中了几等奖。 我 阅读全文
摘要：
有些网站中会有实时的时间显示，我们可能会发现这个时间与本机电脑并不完全相同，这是因为服务器上的时间可能会和本地稍有差距，所以一般做倒计时或者正常的时间显示还是以服务端的时间为准。 html： 拿到时间戳这里不再赘述。 JavaScript： 阅读全文
摘要：
在项目中，经常会用到ajax，比如实现局部刷新，比如需要前后端交互等，这里呢分享局部刷新的两种方法，主要用的是ajax里面的.load()，其他高级方法的使用以后再做详细笔记。 第一种： 当某几个页面都有相同的头部、导航、底部的时候，点击导航链接可以在几个页面中切换，此时想要的效果是点击链接后只切换 阅读全文