摘要: function deepCopy(data) { var type = Object.prototype.toString.call(data); var o = null; if(type '[object array]') { o = []; for (var i = 0; i < data. 阅读全文
posted @ 2016-08-28 18:53 橙子Alisa 阅读(280) 评论(0) 推荐(0) 编辑
摘要: 玫瑰花瓣飘落效果做专题时,常常需要添加一些动效,可以让我们的页面活起来就像最近某电商网站一系列雪花飘落效果看了网上封装的snowfall.js配置挺方便的,用起来也蛮好的用法1.首先引入jquery2.再引入snowfall.js3.开启雪花特效$(document).snowfall();4.配置... 阅读全文
posted @ 2016-01-21 10:27 橙子Alisa 阅读(1109) 评论(0) 推荐(0) 编辑
摘要: 有关盒模型的一点思考有关盒模型的一点思考盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。 其实盒子模型有两种,分别是标准 w3c 盒子模型和 IE 盒子模型。 他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型:一、w3c盒子模型看下面的图,根据色块,右外倒内,分别... 阅读全文
posted @ 2015-12-31 15:53 橙子Alisa 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 制作菱形图制作菱形图今天看到w3plus上面的一篇文章http://www.w3cplus.com/preprocessor/diamond-grid-using-sass.html 个人觉得他的实现方法很麻烦,于是用了栅格化写法写了一个比较简单的demo 思路如下:1、首先:我将这个倾斜的... 阅读全文
posted @ 2015-12-30 17:21 橙子Alisa 阅读(727) 评论(0) 推荐(0) 编辑
摘要: chrome浏览器模拟手机 地理定位在pc端做touch页面调试的时候,常常会遇到需要模拟定位的情况chrome浏览器有着强大的调试工具,尤其是新版chrome浏览器下面我就以新版chrome浏览器为例,模拟下如何用电脑模拟手机定位1.首先F12调出控制台 2.点击这个小手机调出手机模拟器3.选择一... 阅读全文
posted @ 2015-07-20 20:01 橙子Alisa 阅读(1494) 评论(0) 推荐(0) 编辑
摘要: 我们在写导航时,尤其是ul导航,想让li在ul中居中?呵呵~好难那么如何让li元素在ul中居中呢?其实挺简单的将li设置成行内元素,然后给ul外层添加一个div,将ul包裹起来,给外层div添加text-align:center;写了一个小demoaaabbbccc《================... 阅读全文
posted @ 2015-07-14 18:55 橙子Alisa 阅读(254) 评论(0) 推荐(0) 编辑
摘要: 今天写了一个图片轮播的小demo,用到了判断先试了一下if else,代码如下:if(n >= count-1){n =0;}else{n ++;}随后代码写完了,准备优化一下代码,将此段改成了三目运算符的写法n = n >= (count-1) ? n=0 : n++结果完全不同随后研究了一下这两... 阅读全文
posted @ 2014-11-19 18:01 橙子Alisa 阅读(4197) 评论(10) 推荐(0) 编辑