- 博客(30)
- 收藏
- 关注
原创 javascript中对象的深浅拷贝
//数组的拷贝var arr = [1,2,3,4];var cloneArr = arr;cloneArr[1] = 100;console.log('原数组\t'+ arr);console.log('现在的数组\t'+ cloneArr);var arrD
2016-03-25 10:55:54
668
转载 http协议
Author :Jeffrey引言 HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-
2016-03-01 14:48:59
414
原创 2015-11-05
对所有现状不满的,在苦难中磨砺的朋友,生活在这个时代是上天对我们的恩赐,我们不能错过这个时代,既然命运选择了我们不平凡,我们何不顺了天意?
2015-11-05 13:43:08
331
转载 未知宽高元素垂直水平居中
最近加班像个牛一样,很久没来贴吧逛逛了,深感抱歉~上次有朋友发了个完美让元素水平垂直居中的帖子,但是貌似仅限已知宽高的元素(没仔细看,说错了道歉)。这次分享一下未知宽高元素水平垂直的方法。如果你曾经研究过图片水平垂直居中的方法,那么下面这几个方法你肯定知道下面介绍的方法主要是利用display:inline-block;让元素变为行内块元素,利用vertical-a
2015-10-29 12:28:01
525
原创 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])
2015-09-17 15:14:05
293
原创 ajax请求超时处理
ajax请求时有个参数可以借鉴一下var ajaxTimeOut = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式,get或post data :{}, //请求所传参数,json格式 dataType:'json',//返回的数据格式 success:fun
2015-08-25 09:39:59
10945
原创 横向划屏
iScroll demo: Event Passthroughvar datalList=[ {'title':'品牌一'}, {'title':'品牌2'}, {'title':'品牌一'}, {'title':'品牌一'},
2015-07-30 16:03:32
292
原创 iframe操作
jquery、js调用iframe父窗口与子窗口元素的方法1. jquery在iframe子页面获取父页面元素代码如下:$("#objid",parent.document)2. jquery在父页面获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document)
2015-07-29 16:56:53
277
原创 背景图片等比缩放居中
.mysec{ width:400px; height:200px; border:solid 1px #ccc; background-color:red; background-image:url(image/DSCI0002.JPG); /*图片地址*/ background-origin:content;
2015-07-29 15:21:50
2966
转载 ie条件注释语句
条件注释判断浏览器 除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT
2015-07-20 10:59:58
512
原创 实用表单验证2
demo$(function(){(function(){var ok1=false; var ok2=false;var ok3=false;var ok4=false;//判断电话号码 $('.phone').focus(function(){if($(this).val()=='请输入电话
2015-07-17 18:48:12
260
原创 实用表单验证
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('请选
2015-07-17 18:47:17
321
原创 移动端日历
日历 $(function () {var currYear = (new Date()).getFullYear();var opt={};opt.date = {preset : 'date'};opt.datetime = {preset : 'datetime'};opt.time = {
2015-07-17 18:43:48
2282
原创 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
2015-07-12 10:13:31
354
转载 走向视网膜(Retina)的Web时代
Retina维基百科将Retina译为“视网膜”。"Retina"一词,原意是“视网膜”的意思,指显示屏的分辨率极高,使得肉眼无法分辨单个像素。苹果的“iPhone4”和"new iPad"以及“Macbook Pro”中已经使用了Retina(视网膜)技术。这是一种新的屏幕的显示技术。苹果表示,Retina屏幕是
2015-07-08 16:37:10
968
原创 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
2015-07-08 16:05:33
294
原创 rem为所有屏幕设置初始font-size
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWid
2015-07-08 15:38:07
1719
转载 web app变革之rem
web app变革之rem云平-Owen2014.12.23 rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么? rem(font size of th
2015-07-08 15:25:50
603
原创 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
2015-07-08 14:54:57
1316
转载 也许,DOM 不是答案
有一个词"手机网站"(mobile web),指供手机浏览的网站,但它是不存在的。人们提到"移动互联网"的时候,其实专指另外一样东西:手机App。一、Web App vs. Native App比起手机App,网站有一些明显的优点。跨平台:所有系统都能运行免安装:打开浏览器,就能使用快速部署:升级只需在服务器更新代码超链接:可以与其他网站互连,可以被搜索引擎检索
2015-07-08 10:18:38
355
转载 学习视频大全
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
2015-07-07 14:21:25
573
原创 js固定div在屏幕最右边
demo $(function(){ (function(){ //ie6特别处理 if( ![1,] && !new XMLHttpRequest()){ $('.leftToolBar').css({ 'right':5,
2015-07-07 14:06:30
5839
转载 原创js库
/** * author:bjdaheige@163.com * time : 2015-06-17 02:01 * desc : 此库函数全部为js原生写的,可以帮助大家构造更好的web应用 *///长用的原生js公共库var Zwjs={ check_typeof : function (obj,type){ //为了获取对象的 [
2015-07-06 17:31:39
755
原创 loading加载
.preloader { display: none; width: 20px; height: 20px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: preloader-spin 1s step-end infinite;
2015-07-05 18:21:35
506
原创 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
2015-07-03 11:34:48
4048
转载 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
2015-06-30 15:30:48
437
原创 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
2015-06-30 13:34:14
939
转载 Highcharts后台取数据 并且绑定每块事件
demo $(function () {var chart;$(document).ready(function() {Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) {
2015-06-29 18:14:49
1233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人