09 2017 档案

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
摘要：px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。 rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrom 阅读全文
posted @ 2017-09-29 14:37 golddemon 阅读(1082) 评论(0) 推荐(0)
javascript中for in与in的用法
摘要：1. For...In 声明用于对数组或者对象的属性进行循环/迭代操作。 对于数组 ，迭代出来的是数组元素，对于对象 ，迭代出来的是对象的属性； var x; var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars 阅读全文
posted @ 2017-09-29 11:39 golddemon 阅读(699) 评论(0) 推荐(0)
Bootstrap响应式的常用meta属性整理
摘要：移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 上面给出了常用的一些meta属性，下面给一个对meta使用的理解。 meta是html语言head区的一个辅助性标签。也许你认为这些代码可 阅读全文
posted @ 2017-09-29 11:38 golddemon 阅读(279) 评论(0) 推荐(0)
使用CSS样式，制作六边形
摘要：在制作网上中，经常会遇到绘制其它不规则的图形，如六边形，八边形这类的，在复杂的图形，也是由我们的基本图形组成了，如上面的六边形，就是由两个三角形，一个矩形组成。 先看看，如何绘制三角形 ，与四边形。 三角形： <div class="triangle"></div> .triangle{ width 阅读全文
posted @ 2017-09-26 09:23 golddemon 阅读(1097) 评论(0) 推荐(0)
jQuery实现滚动后导航栏保持固定,及内容飞出显示
摘要：jQuery实现在鼠标滚动后导航栏保持固定 <script> $(document).ready(function() { var navOffset=$(".header-bottom").offset().top; //offset();方法获取的元素相对于当前document元素的位置，可以将 阅读全文
posted @ 2017-09-26 09:22 golddemon 阅读(1962) 评论(0) 推荐(0)
CSS中 opacity的设置影响了index（层数）的改变
摘要：在使用 opacity 属性来实现页面整体透明的时候，发现了一个问题。如果两个层发生了重叠，使用了 opacity 属性并且属性值小于1的层，会覆盖掉后面的层。于是动手做了个实验，来验证 opacity 的层次。 网页中的层叠规律是这样的：如果两个层都没有定义 position 属性为 absolu 阅读全文
posted @ 2017-09-26 09:20 golddemon 阅读(163) 评论(0) 推荐(0)
JS 判断用户使用的设备类型
摘要：1、首先判断pc端还是移动端。 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "i 阅读全文
posted @ 2017-09-26 09:19 golddemon 阅读(448) 评论(0) 推荐(0)
页面预加载loading动画
摘要：在现在网速跟设备都跟得上的情况下、使用预加载图片感觉效果不大，我们需要做的只是增强用户体验，在加载完成之前加个动画，简单粗暴。网上扒的一篇文章 查看原文：http://www.ibloger.net/article/401.html 效果页面：http://crusader12.com/C12Hov 阅读全文
posted @ 2017-09-26 09:19 golddemon 阅读(4773) 评论(0) 推荐(0)
图片懒加载——介绍
摘要：图片懒加载 定义 图片延迟加载也称为懒加载，延迟加载图片或符合某些条件时才加载某些图片，通常用于图片比较多的网页。可以减少请求数或者延迟请求数，优化性能。 呈现形式 【1】延时加载，使用setTimeout或setInterval进行加载延迟，如果用户在加载前就离开，自然就不会进行加载。 【2】条件 阅读全文
posted @ 2017-09-26 09:17 golddemon 阅读(437) 评论(0) 推荐(0)
jquery 给不存在的元素添加事件的方法
摘要：问题 ： jquery中给元素添加事件是很简单的，如：添加一个点击事件。 $(选择器).click(function(){ ); 但是，项目中做了ajax分页，第一页直接加载，使用上述方法，完全没有问题。但是用在使用ajax分页，其它页的内容，都是后面通过innerHTML来进行添加，添加后的元素就 阅读全文
posted @ 2017-09-26 09:16 golddemon 阅读(3782) 评论(1) 推荐(0)
js十大排序算法
摘要：js十大排序算法：冒泡排序 排序算法说明: （1）对于评述算法优劣术语的说明 稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面； 不稳定：如果a原本在b的前面，而a=b，排序之后a可能会出现在b的后面； 内排序：所有排序操作都在内存中完成； 外排序：由于数据太大，因此把数据放在磁盘中，而 阅读全文
posted @ 2017-09-26 09:15 golddemon 阅读(163) 评论(0) 推荐(0)
js 多动画轮播效果
摘要：<!--开始右侧广告位--> <!--结束右侧广告位--> 图片：轮播.jpg 如图，所示的轮播，不但要切换大的背景图，还有文字及其它一些图片，也要动画显示。 当然，这个效果的实现，网上有类似的插件. 不过，也可以自己写出来. 下面我们就一起来看看。燥起来吧！！！ 第一步： 大家暂时不要考虑动态这些 阅读全文
posted @ 2017-09-08 11:45 golddemon 阅读(1785) 评论(0) 推荐(0)