清风浪迹天涯-CSDN博客

原创 JS 继承

<br />Javascript本身是从Perl语言的语法演变而来的，本质上是脚本语言，随着版本的更新逐渐加入的对面向对象的模拟。我认为Js的面向对象模拟总体上做得还是不错的，因为我们不能盲从任何一种理念，不能纯粹的为了OOP而OOP，我们需要抓住的是面向对象的好处到底是什么？为了这些优点去OOP，才是最明智的选择，所以说Js做得还不错。 <br /><br />Js的继承在很多书里面细致的分了很多种类型和实现方式，大体上就是两种：对象冒充、原型方式。这两种方式各有优点和缺陷，这里我先列举出来，

2010-08-13 11:14:00 563

转载 mobile 像素布局纵向全屏

http://stackoverflow.com/questions/15438295/how-to-zoom-in-out-depending-on-browser-height-using-css-zoom-propertyfunction zoomSquare() { var $square = $('.square'); var viewportHeight

2015-08-25 22:41:53 636

转载欢迎使用CSDN-markdown编辑器

Javascript 严格模式详解作者：阮一峰日期： 2013年1月14日一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;　　- 消除代码运行的一些不安全

2015-07-16 16:36:28 638

转载 iframe自适应高度

http://caibaojian.com/iframe-adjust-content-height.html内容变化function reinitIframe(){ var iframe = document.getElementById("weixintemplate"); try{ var mainheight = $(iframe).con

2015-06-01 11:06:19 1249

原创 php 设置HTTP头[备忘]

$this->response->setHttpHeader('Content-type', 'application/x-javascript'); $offset = 5*60; $this->response->setHttpHeader('Cache-Control', 'max-age='.$offset.', must-revalidate');

2015-04-21 09:59:15 647

原创 css3箭头

.triangle{ width:0; height:0; border-width:20px; border-style: dashed dashed solid dashed ; border-color: transparent transparent #e66161 transparent ;}

2015-03-12 17:11:08 721

转载前端节流

http://www.alloyteam.com/2012/11/javascript-throttle/ 什么是函数节流？介绍前，先说下背景。在前端开发中，有时会为页面绑定resize事件，或者为一个页面元素绑定拖拽事件（其核心就是绑定mousemove），这种事件有一个特点，就是用户不必特地捣乱，他在一个正常的操作中，都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道，DOM

2015-03-03 10:01:24 1893

原创 php 安装pdo注意事项

原文出自：http://www.linuxidc.com/Linux/2012-02/54015.htm原文方法问题：cd/usr/include/php/ext/pdo_mysql/usr/bin/phpize./configure --with-php-config=/usr/bin/php-config--with-pdo-mysql=/usr/local/m

2015-01-09 16:13:57 780

原创 mac apache 不支持php

Mac 上Apache不能解析 Php, 总是提示下载的解决办法。首先确保环境已经安装了Php，然后到/Etc/Apache2/的目录下修改 Httpd.Conf.在DirectoryIndex Index.Php Index.Html中，加上Php的页。　　然后把Php的动态连接库加上：　　LoadModule Php5_module Libexec/Apache

2014-10-19 20:25:11 1580

原创计算相差天数

var createTime = new Date(‘2014-03-21’ ); if( !item.update.created_dtm ){ createTime = new Date(); } var curTime = new Date();

2014-09-30 09:53:22 517

转载 css3阴影趣味详解

http://www.webhek.com/css-box-shadow-property/技术技巧CSS阴影效果(Box-shadow)用法趣味讲解2014年3月5日歪脖骇客发表回复34使用Box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧，通过它我们可以做出很多非常酷的东西。让我们

2014-07-20 10:27:04 628

转载 css box-shadow效果演示

css box-shadow 產生陰影效果或光暈效果的特性說明：元素 ( elements ) 的 box 呈現陰影或光暈的效果。可指定陰影的位移距離、顏色、模糊程度、擴散程度，也支援內陰影，甚至多層次堆疊的陰影。運用這個 css level 3 ( css 3) 的特性 (css property ) ，讓我們可以很輕鬆就能呈現迷人的視覺效果，而不需要煩瑣地一張一張製作圖片。更具意義

2014-07-20 08:28:47 927

转载 margin 重叠

转自： http://www.zhangxinxu.com/study/200908/margin-overlap.htmlcss margin重叠的问题margin:20px;margin:20px;重叠：蓝色的上20边距与灰色背景div的20上边距重叠；蓝色方块的下20像素边距与红色方块的上20像素布局重叠；红色方块的20像素的下边距与灰

2014-07-19 20:19:04 969

转载 margin top重叠问题

转z： http://www.51res.net/html/2003/0402/1182.htmlhtml代码：复制代码代码如下: css样式：复制代码代码如下: .box1{height:200px;width:200px;background:gray;} .box2{height:100px;width:100px;backgroun

2014-07-19 00:05:37 1453

原创 css兼容ie6 png

background: url(../images/pyFileType.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pyFileType.png', sizingMethod='crop');

2014-07-17 14:56:24 417

转载 screenFix

手机适应横屏竖屏问题function screenFix(){ var agent = navigator.userAgent.toLowerCase(); //适配安卓大屏手机 if(agent.indexOf('android') > -1 && agent.indexOf('mobi') > -1){ if(window.d

2014-05-27 08:44:06 1620

原创兼容tap事件

var R = window.R = window.R || {};R.touchEvent = ('ontouchstart' in window') ? "tap" : "click";window.$body = $(document.body);$body.on(R.touchEvent, ".myHellaLongListItems", this.eventHandler);

2014-05-17 09:44:11 1296

原创 table边框

/*.table-curved { border-collapse:separate; border: solid #ccc 1px; border-radius: 25px; width: 500px;}tr td{ border-bottom: 1px solid red;}.table-curved tr:last-child td:first-chil

2014-04-08 19:44:17 533

原创同步ajax的问题

同步获取数据json$.ajax({sync: false,success: function(json){ res = json;},type: 'get',dataType: 'json'})return res;上述方式在IE中不稳定，需要用var res = $.ajax({ url: u,

2014-04-02 10:04:42 552

原创设为收藏夹代码

javascript:(function(e){e.setAttribute("src","http://weinre.qq.com/target/target-script-min.js#allenyu");document.getElementsByTagName("body")[0].appendChild(e);})(document.createElement("script"));vo

2014-04-02 07:14:11 442

转载 js异步加载

转自：http://www.denys-klymenko.com/blog/loading-external-javascript-files-dynamically-and-synchronously/// Loads libraries and then executes a handler functionfunctionRequires(li

2014-02-19 11:34:13 531

转载 html5 input type date default value

转自：http://stackoverflow.com/questions/6982692/html5-input-type-date-default-value-to-todayDate.prototype.toDateInputValue = (function() { var local = new Date(this); local.setMinutes(this.

2014-01-21 09:51:16 5032

转载 margin溢出问题

转自：http://imatlas.com/posts/margin-overflow/子节点的margin溢出问题六月11我们知道，css margin是会合并的，有时会导致一些布局问题。事实上margin还有存在一个溢出的问题：当其父节点没设置宽高的时候，子节点的margin超出父节点而存在，会导致父节点的left/top产生了偏移，导致positio

2014-01-17 18:14:59 6836

转载 Web 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列十七】

转自：http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-17.htmlWeb 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列十七】　　《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注前

2014-01-03 09:31:11 809

转载 css3 box-sizing

转自： http://www.w3cplus.com/content/css3-box-sizingCSS3 Box-sizing作者：大漠日期：2011-06-18 点击：5587box-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box model）我想很多人都会比较烦，特别是对于新手，然而这个Box model又是

2014-01-02 15:03:54 509

转载使用 viewport meta 标签在手机浏览器上控制布局

使用 viewport meta 标签在手机浏览器上控制布局Denis 留言: 8 浏览：25799文章目录[隐藏]什么是ViewportViewport 基础Viewport 参考资料Powered by TOC什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewpo

2014-01-02 08:23:05 1058

转载 js cookie

转载：http://www.cnblogs.com/Darren_code/archive/2011/11/24/Cookie.htmlJavaScript 操作 Cookie2011-11-24 22:29 by 聂微东, 19855 阅读, 36 评论, 收藏, 编辑　　从事web开发也有些日子了，cookie 是个啥差不多能说明白，可是实际自己一上手操作就是得去搜索(

2014-01-01 15:15:13 502

转载判断浏览器及os版本

转自：http://qianduanblog.com/1842.html1.js方法/* 判断浏览器名称和版本目前只能判断:ie/firefox/chrome/opera/safari 2012年5月16日23:47:08 浏览器内核UA:UA; 浏览器内核名称:NV.name; 浏览器内核版本:NV.version; 浏览器外壳名称:NV.shell;*/var NV = {};v

2013-12-23 09:48:55 1137

转载 nodejs使用weinre远程调试手机网页

转自：http://www.2fz1.com/?p=396使用weinre远程调试手机网页（nodejs、phoneGap）时间：2013-03-13 作者：Json 文章分类：NodeJs, 移动开发发表评论[AD] 港澳通行证团队旅游签（L签）也可以自由行，快捷通关，关口付费 - 深圳康辉旅行社136-9210-3010本调试方式需要wifi环境和we

2013-12-10 15:25:40 1351

转载史上最全的css hack

在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。javascript我这次就不谈了，先说说css。为了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩现在我们要兼容6-9，它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器，以及ie的版本，这些请大家自行goo

2013-12-04 17:23:55 657

转载用谷歌浏览器来模拟手机浏览器

转自：http://www.wufangbo.com/chrome-analog-phone-browser/很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应

2013-11-29 14:48:01 1040

转载移动平台3G手机网站前端开发布局技巧汇总

移动平台3G手机网站前端开发布局技巧汇总转自：http://www.wufangbo.com/mobile-3g-mobile-development/作者：前端开发-武方博发布：2011-05-10 09:11 分类：移动开发阅读：115,283 views 7条评论您或许正在或准备参与一个WepApp项目，您或许正在Google搜索mo

2013-11-28 17:24:02 977

原创思考跨域

考虑：1. a域和b域，若b域返回一段js给a域，会不会在a域执行？2. script标签可以加载资源3. jsonp后台返回值4. 分别用iframe的submit和script标签和img标签来测试跨域请求是否可行5. 把本页面改为qq.com能否直接请求其他qq.com域下的后台资源？jsonp的原理需要了解提交表单到iframe

2013-11-19 08:21:22 799

原创获取图片大小

Demo /** * 图片头数据加载就绪事件 - 更快获取图片尺寸 * @version 2011.05.27 * @author TangBin * @see http://www.planeart.cn/?p=1121 * @param {String} 图片路径 * @param {Function} 尺寸就绪 *

2013-10-22 14:19:13 588

转载【改编】loading组件

2013-10-10 20:50:58 734

转载各种技术css框架等

推荐一篇文章，里面提到的各种技术可以解答你的问题，英文链接：http://www.developerdrive.com/2012/08/7-tools-for-responsive-web-design/中文介绍如下：响应式Web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。如今，响应式开发网站引入了一组新的工具以帮助开发者快速学习规则

2013-03-08 19:48:22 664

转载 http请求中浏览器缓存机制

http://kb.cnblogs.com/page/73901/摘要：在Web开发过程中，我们可能会经常遇到浏览器缓存的问题。本文作者详细解释了浏览器缓存的机制，帮助读者更深层次的认识浏览器的缓存。　　流程　　当资源第一次被访问的时候，HTTP头部如下(Request-Line) GET /a.html HTTP/1.1Host 127.0.0.

2013-01-30 11:27:46 642

转载 HTML5 离线存储实战之manifest（附缓存整个文件夹的方法）

转自： http://blog.jnecw.com/?p=490最近做了一个应用，想要在高级浏览器下离线存储图片以及样式，遂用到了html5的manifest，其中遇到不少问题，写下来总结一下。demo:http://blog.jnecw.com/demo/id_00012/2.html首先就是要声明 manifest的mime类型，apache下可以在http

2013-01-29 17:26:44 2164

转载让我们离线吧

Mark Pilgrim撰写，DG翻译原文：Let’s Take This Offline什么是离线网络应用程序？乍一看，从以下几个方面来说就像一个矛盾。网页是需下载并呈现的。下载意味着网络连接。你怎能在离线的时候下载？当然，你不能。但你可以在你在线的时候下载。这就是HTML5离线应用程序怎样工作的。最简单来说，一个离线网络应用程序就是一个URL的列表——HTML，CSS，Jav

2013-01-29 17:05:32 764

原创 apache支持php 4.11 方法

2: 解压后,以前的php.ini是由php.ini-dist文件转变过来的 php5.3.8里面这个文件变成了php.ini-development php.ini-development 意味着是开发版本的配置.php.ini-production 是网站发布时的配置. 这里我们用开发版php.ini-development 修改成php.ini后打开

2013-01-29 14:55:45 430