hu_mouse的博客

原创 javascript中对象的深浅拷贝

//数组的拷贝var arr = [1,2,3,4];var cloneArr = arr;cloneArr[1] =  100;console.log('原数组\t'+ arr);console.log('现在的数组\t'+ cloneArr);var arrD

转载 http协议

Author :Jeffrey引言                                        HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-

原创 2015-11-05

对所有现状不满的，在苦难中磨砺的朋友，生活在这个时代是上天对我们的恩赐，我们不能错过这个时代，既然命运选择了我们不平凡，我们何不顺了天意？

转载 未知宽高元素垂直水平居中

最近加班像个牛一样，很久没来贴吧逛逛了，深感抱歉~上次有朋友发了个完美让元素水平垂直居中的帖子，但是貌似仅限已知宽高的元素(没仔细看，说错了道歉)。这次分享一下未知宽高元素水平垂直的方法。如果你曾经研究过图片水平垂直居中的方法，那么下面这几个方法你肯定知道下面介绍的方法主要是利用display:inline-block;让元素变为行内块元素，利用vertical-a

原创 js冒泡排序

function bubbleSort(arr){    //外层循环，共要进行arr.length次求最大值操作    for(var i=0;iarr.length;i++){        //内层循环，找到第i大的元素，并将其和第i个元素交换        for(var j=i;jarr.length;j++){            if(arr[i]arr[j])

原创 ajax请求超时处理

ajax请求时有个参数可以借鉴一下var ajaxTimeOut = $.ajax({　　url:'', //请求的URL　　timeout : 1000, //超时时间设置，单位毫秒　　type : 'get', //请求方式，get或post　　data :{}, //请求所传参数，json格式　　dataType:'json',//返回的数据格式　　success:fun

原创 横向划屏

iScroll demo: Event Passthroughvar datalList=[                {'title':'品牌一'},                {'title':'品牌2'},                {'title':'品牌一'},                {'title':'品牌一'},      

原创 iframe操作

jquery、js调用iframe父窗口与子窗口元素的方法1. jquery在iframe子页面获取父页面元素代码如下:$("#objid",parent.document)2. jquery在父页面获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document)

原创 背景图片等比缩放居中

.mysec{       width:400px;      height:200px;      border:solid 1px #ccc;      background-color:red;      background-image:url(image/DSCI0002.JPG); /*图片地址*/      background-origin:content;            

转载 ie条件注释语句

条件注释判断浏览器 除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT

原创 实用表单验证2

demo$(function(){(function(){var ok1=false;         var ok2=false;var ok3=false;var ok4=false;//判断电话号码 $('.phone').focus(function(){if($(this).val()=='请输入电话

原创 实用表单验证

demo$(function(){var off=true;$('.queren').on('click',function(){if(!$('form span').hasClass('a')){if(off){off=false;$('.pint-text').fadeIn(1000);$('.pint-text').html('请选

原创 移动端日历

日历                $(function () {var currYear = (new Date()).getFullYear();var opt={};opt.date = {preset : 'date'};opt.datetime = {preset : 'datetime'};opt.time = {

原创 css3新增加UI学习

圆角：border-radius:8px；全部四个角   border-radius:6px 8px;  对角线   border-radius:6px 10px 8px;    右上角跟左下角相同border-radius:100px/150px   前面是x轴半径  y轴半径   border-radius:100px 200px 300px   400px/100px 200px 300

转载 走向视网膜（Retina）的Web时代

Retina维基百科将Retina译为“视网膜”。"Retina"一词，原意是“视网膜”的意思，指显示屏的分辨率极高，使得肉眼无法分辨单个像素。苹果的“iPhone4”和"new iPad"以及“Macbook Pro”中已经使用了Retina(视网膜)技术。这是一种新的屏幕的显示技术。苹果表示，Retina屏幕是

原创 css4中响应式图片

-webkit-min-device-pixel-ratio常见值对照表响应式图片可以这样background-image:url(default.jpg); /* 普通幕 */ background-image: -webkit-image-set(url(medium.jpg) 1x, url(large.jpg) 2x); /* Retina高清屏 */backgro

原创 rem为所有屏幕设置初始font-size

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWid

转载 web app变革之rem

web app变革之rem云平-Owen2014.12.23    rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？    rem（font size of th

原创 js寻路算法

无标题文档*{ margin:0; padding:0;}li{ list-style:none;}#ul1{ height:auto; overflow:hidden; margin:20px auto; border:1px #000 solid; border-bottom:none; border-right:none;}#ul1 li{border:1px #000

原创 移动端跳转 防止误触

转载 也许，DOM 不是答案

有一个词"手机网站"（mobile web），指供手机浏览的网站，但它是不存在的。人们提到"移动互联网"的时候，其实专指另外一样东西：手机App。一、Web App vs. Native App比起手机App，网站有一些明显的优点。跨平台：所有系统都能运行免安装：打开浏览器，就能使用快速部署：升级只需在服务器更新代码超链接：可以与其他网站互连，可以被搜索引擎检索

转载 学习视频大全

5-1：苹果相册展示台链接: http://pan.baidu.com/s/1qWKBUzi 密码: aqk95-4：3d旋转轮播图链接: http://pan.baidu.com/s/1hiSEE 密码: wmsh4-30视频：链接：http://pan.baidu.com/s/1mgJxVK0 密码：cec64-29链接：http://pan.baidu.c

原创 js固定div在屏幕最右边

demo    $(function(){        (function(){            //ie6特别处理            if( ![1,] &&  !new XMLHttpRequest()){                $('.leftToolBar').css({                    'right':5,

转载 原创js库

/** *  author:bjdaheige@163.com *  time  : 2015-06-17 02:01 *  desc  : 此库函数全部为js原生写的，可以帮助大家构造更好的web应用 *///长用的原生js公共库var Zwjs={    check_typeof : function (obj,type){        //为了获取对象的 [

原创 loading加载

.preloader {    display: none;    width: 20px;    height: 20px;    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-animation: preloader-spin 1s step-end infinite;   

原创 随笔

一个充满理想的年轻人在他的理想无法实现时，那么爱情是唯一可以憧憬与投入的东西了，我决定不再漂泊，给未来媳妇一个名分。未完待续...

原创 h5-localstorage-购物车

无标题文档*{ margin:0; padding:0;}a{ color:#03C;}.shopCar{ width:600px; height:200px; background:#ccc; margin:0 auto;}em{ font-style:nomal;}$(function(){(function(){var  data=[{'p

转载 css3绘制砖墙

css3绘制砖墙-没有用任何图片 .wall {width:600px; height:300px; margin:50px auto; font-family: 'Shadows Into Light', cursive; text-align:center; color:#000;background-image:-webkit-radial-gradient(center c

原创 css3模拟微信摇一摇

.yao .pic_mobel{ width:100%; height:100%; background:url(../images/yao.png) no-repeat left top; background-size:100%;transform-origin:center;-webkit-animation: pic_mobel 2s infinite;-moz

转载 Highcharts后台取数据 并且绑定每块事件

demo                     $(function () {var chart;$(document).ready(function() {Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) {