- 博客(282)
- 资源 (9)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JS 继承
<br />Javascript本身是从Perl语言的语法演变而来的,本质上是脚本语言,随着版本的更新逐渐加入的对面向对象的模拟。我认为Js的面向对象模拟总体上做得还是不错的,因为我们不能盲从任何一种理念,不能纯粹的为了OOP而OOP,我们需要抓住的是面向对象的好处到底是什么?为了这些优点去OOP,才是最明智的选择,所以说Js做得还不错。 <br /><br />Js的继承在很多书里面细致的分了很多种类型和实现方式,大体上就是两种:对象冒充、原型方式。这两种方式各有优点和缺陷,这里我先列举出来,
2010-08-13 11:14:00
573
转载 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
652
转载 欢迎使用CSDN-markdown编辑器
Javascript 严格模式详解作者: 阮一峰日期: 2013年1月14日一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全
2015-07-16 16:36:28
655
转载 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
1274
原创 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
656
原创 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
731
转载 前端节流
http://www.alloyteam.com/2012/11/javascript-throttle/ 什么是函数节流?介绍前,先说下背景。在前端开发中,有时会为页面绑定resize事件,或者为一个页面元素绑定拖拽事件(其核心就是绑定mousemove),这种事件有一个特点,就是用户不必特地捣乱,他在一个正常的操作中,都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道,DOM
2015-03-03 10:01:24
1906
原创 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
790
原创 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
1602
原创 计算相差天数
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
524
转载 css3阴影趣味详解
http://www.webhek.com/css-box-shadow-property/技术技巧CSS阴影效果(Box-shadow)用法趣味讲解2014年3月5日 歪脖骇客发表回复34使用Box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧,通过它我们可以做出很多非常酷的东西。让我们
2014-07-20 10:27:04
636
转载 css box-shadow效果演示
css box-shadow 產生陰影效果或光暈效果的特性說明:元素 ( elements ) 的 box 呈現陰影或光暈的效果。可指定陰影的位移距離、顏色、模糊程度、擴散程度,也支援內陰影,甚至多層次堆疊的陰影。運用這個 css level 3 ( css 3) 的特性 (css property ) ,讓我們可以很輕鬆就能呈現迷人的視覺效果,而不需要煩瑣地一張一張製作圖片。更具意義
2014-07-20 08:28:47
945
转载 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
981
转载 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
1462
原创 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
428
转载 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
1631
原创 兼容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
1314
原创 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
549
原创 同步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
557
原创 设为收藏夹代码
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
457
转载 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
542
转载 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
5045
转载 margin溢出问题
转自:http://imatlas.com/posts/margin-overflow/子节点的margin溢出问题六月11我们知道,css margin是会合并的,有时会导致一些布局问题。事实上margin还有存在一个溢出的问题: 当其父节点没设置宽高的时候,子节点的margin超出父节点而存在,会导致父节点的left/top产生了偏移,导致positio
2014-01-17 18:14:59
6873
转载 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
825
转载 css3 box-sizing
转自: http://www.w3cplus.com/content/css3-box-sizingCSS3 Box-sizing作者:大漠 日期:2011-06-18 点击:5587box-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是
2014-01-02 15:03:54
522
转载 使用 viewport meta 标签在手机浏览器上控制布局
使用 viewport meta 标签在手机浏览器上控制布局Denis 留言: 8 浏览:25799文章目录[隐藏]什么是ViewportViewport 基础Viewport 参考资料Powered by TOC什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewpo
2014-01-02 08:23:05
1073
转载 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
515
转载 判断浏览器及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
1154
转载 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
1370
转载 史上最全的css hack
在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。javascript我这次就不谈了,先说说css。 为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器,以及ie的版本,这些请大家自行goo
2013-12-04 17:23:55
675
转载 用谷歌浏览器来模拟手机浏览器
转自:http://www.wufangbo.com/chrome-analog-phone-browser/很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应
2013-11-29 14:48:01
1069
转载 移动平台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
989
原创 思考跨域
考虑: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
807
原创 获取图片大小
Demo /** * 图片头数据加载就绪事件 - 更快获取图片尺寸 * @version 2011.05.27 * @author TangBin * @see http://www.planeart.cn/?p=1121 * @param {String} 图片路径 * @param {Function} 尺寸就绪 *
2013-10-22 14:19:13
603
转载 【改编】loading组件
/** * Copyright (c) 2009 Sergiy Kovalchuk (serg472@gmail.com) * * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) * and GPL (http://www.opensource.org/licenses/gp
2013-10-10 20:50:58
747
转载 各种技术css框架等
推荐一篇文章,里面提到的各种技术可以解答你的问题,英文链接:http://www.developerdrive.com/2012/08/7-tools-for-responsive-web-design/中文介绍如下:响应式Web设计是在开发和设计网站过程中产生的一种方式,它的目的是让内容布局能随用户使用显示器的不同而变化。如今,响应式开发网站引入了一组新的工具以帮助开发者快速学习规则
2013-03-08 19:48:22
678
转载 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
653
转载 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
2184
转载 让我们离线吧
Mark Pilgrim撰写,DG翻译 原文:Let’s Take This Offline什么是离线网络应用程序?乍一看,从以下几个方面来说就像一个矛盾。网页是需下载并呈现的。下载意味着网络连接。你怎能在离线的时候下载?当然,你不能。但你可以在你在线的时候下载。这就是HTML5离线应用程序怎样工作的。最简单来说,一个离线网络应用程序就是一个URL的列表——HTML,CSS,Jav
2013-01-29 17:05:32
777
原创 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
440
最新ckeditor_ckfinder整合超完整版
2014-04-06
C+language+bottom+programing.doc
2008-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人