gravi_ontheroad-CSDN博客

转载 inline、block、inline-block的区别

我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象，block是声明块对象，那么inline-block是什么意思，即内联又成块？接下来做个测试，让我们了解一下三者的区别和作用吧：1234567891011

2014-08-07 14:54:06 618

转载 JS中 || 和 &&运算符

话说JS里的 || 和 && 运算符一直对它都是云里雾里，虽然以前曾对它有过一些研究，但是时间久了，又未曾怎么实践，所以还是忘记了，最近这段时间拿起ExtJS框架里的源码分析。到处都是这种逻辑表达式，所以决定再仔细研究一番。一、先说 && 运算符&&运算符从对其它语言的了解，表达的意思就是把多个逻辑条件连接起来确定真假，如果连接的条件有一个为假，则返回假。其

2014-07-31 11:32:05 2474

原创 ajax的优点与缺点

优点：减轻服务器的负担,按需取数据,最大程度的减少冗余请求局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验基于xml标准化,并被广泛支持,不需安装插件等进一步促进页面和数据的分离缺点：AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性.AJAX只是局部刷新,所以页面的后退按钮是没有用的.对流媒体还有移动设备的支

2014-06-06 15:32:07 957

转载 TCP/IP、Http、Socket的区别

网络由下往上分为　　物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。　　通过初步的了解，我知道IP协议对应于网络层，TCP协议对应于传输层，而HTTP协议对应于应用层，　　三者从本质上来说没有可比性，　　socket则是对TCP/IP协议的封装和应用(程序员层面上)。　　也可以说，TPC/IP协议是传输层协议，主要解决数据如何在网络中传输，

2014-06-06 10:57:35 528

原创 JavaScript中(function(){…})(); 与 (function(){…}()); 写法分析

那么为什么要创建一个函数并立即调用呢，我想大多数是因为javascript的代码默认在全局环境下执行，在此声明的所有变量都会变成全局变量，这很容易导致全局对象的污染。因此我们不得不找一个办法来隔离这些变量，而函数正好会创建属于自己的作用域，因此创建一个匿名函数并立即调用（有称此为IIFE-Immediately Invoked Function Exprssion-立即调用的函数表达式）成为了

2014-05-30 16:03:13 899

转载 javascript中使用console与alert调试的差别

主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。相比alert他的优点是：他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。

2014-05-29 14:40:38 1387

转载递归和迭代

原文链接：递归的基本概念:程序调用自身的编程技巧称为递归,是函数自己调用自己.一个函数在其定义中直接或间接调用自身的一种方法,它通常把一个大型的复杂的问题转化为一个与原问题相似的规模较小的问题来解决,可以极大的减少代码量.递归的能力在于用有限的语句来定义对象的无限集合.使用递归要注意的有两点:1)递归就是在过程或函数里面调用自身;2)在使用递归时,必须有一个

2014-05-27 10:11:24 384

转载进程和线程的区别

简介在传统的操作系统中，进程拥有独立的内存地址空间和一个用于控制的线程。但是，现在的情况更多的情况下要求在同一地址空间下拥有多个线程并发执行。因此线程被引入操作系统。为什么需要线程? 如果非要说是为什么需要线程，还不如说为什么需要进程中还有其它进程。这些进程中包含的其它迷你进程就是线程。线程之所以说是迷你进程，是因为线程和进程有很多相似之处，比如线程

2014-05-09 16:27:15 776

转载 jQuery选择器

jQuery选择器选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本

2014-05-07 17:13:02 520

转载 CSS浮动(float,clear)通俗讲解

转载：很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话：由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。如果读者理解CSS盒子模型，但对于浮动不理解，

2014-05-07 15:30:28 439

原创 CSS行内元素与块级元素

简要说明：1. 行内元素会再一条直线上，是在同一行的。比如span和strong;2. 块级元素各占一行。是垂直方向的！比如div和p.假如你要将行内元素变成块级元素，那么就只需要在该标签上加上样式 display:block; 块级元素可以用样式控制其高、宽的值，而行内元素不可以。行内元素与块级元素列表块级元素列表定义地址

2014-05-06 14:28:37 834

原创 Javascript防止事件冒泡实例

事件处理 //阻止事件冒泡后，你点击灰色盒子，整个过程只弹一次对话框了（注意与默认情况对比） function showMsg(obj,e) { alert(obj.id); stopBubble(e) } //阻止事件冒泡函数 function stopBubble(e)

2014-04-30 10:37:53 692

转载为什么编程语言以及数据库要从1970年1月1日开始计算时

摘自：无情无绪的博客最初计算机操作系统是32位，而时间也是用32位表示。System.out.println(Integer.MAX_VALUE);2147483647Integer在JAVA内用32位表示，因此32位能表示的最大值是2147483647。另外1年365天的总秒数是31536000，2147483647/31536000 = 68.1

2014-04-28 17:39:59 736

转载 ajax跨域访问

出于安全的考虑，如果你要从www.a.com通过Ajax来请求另外一个网站www.b.com的内容，浏览器是不允许你这样做的（不理解这里的安全是指什么？想想如果没有这个限制的话，黑客可以做些什么）。那什么样的情况下算是跨域？域名不同那当然算是跨域了，例如a.com向b.com发送请求，这当然就是跨域了，不允许的。不过子域名不同（例如sub.a.com向www.a.com 发送请求）甚至是同域名

2014-04-25 17:08:33 571

转载 JavaScript特点、优缺点及常用框架

1.什么是JavaScriptJavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。2.JavaS

2014-04-23 15:23:19 1479

原创 sublime常见快捷键

_ 键名用尖括号包裹, 同时摁不给出别的符号, '+' 表示放开再摁_ 如果对某个键有符号的, 我用符号直接省略而不写_ 按键在上, 解释在下, 单独用两行写出来 +光标开始, 删除到行结尾+光标开始, 删除到快开头删除当前行到行开头增加当前行的缩进, 选中多行时多行增加缩进减少当前行的缩进

2014-04-23 10:32:40 650

转载 sublime text 2中Emmet8个常用的技巧

因为开始做web项目，所以最近在用sublime编辑器，知道了一个传说中的emmet，原名是zen coding。html神插件可以说是。文章部分内容转自http://www.cnblogs.com/meetrice/archive/2013/01/27/2878548.html在sublime 中，促发emmet 可以先保存为.html文件。然后输入下面的简写，按tab键就可促发效果了。

2014-04-22 22:00:20 664

原创用MySQL创建数据库和数据库表

2014-04-22 17:52:08 785

转载 HTTP状态码

状态码分类已定义范围分类1XX100-101信息提示2XX200-206成功3XX300-305重定向4XX400-415客户端错误5XX500-505服务器错误

2014-04-17 00:17:10 445

转载 border:none;与border:0;区别

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补充或相关内容；使用他们能让代码语义

2014-04-16 23:51:01 673

转载 web前端优化方案

一、尽量减少 HTTP 请求有几种常见的方法能切实减少 HTTP 请求：1、合并脚本跟样式文件，如可以把多个 CSS 文件合成一个，把多个 JS 文件合成一个。2、 CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位,把多个图片合成一个图片。二、使用浏览器缓存在用户浏览网站的不同页面时，很多内容是

2014-04-16 23:12:05 1119

原创 javascript ==与===区别

1、对于string,number等基础类型，==和===是有区别的1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等2）同类型比较，直接进行“值”比较，两者结果一样2、对于Array,Object等高级类型，==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型，=

2014-04-16 23:03:17 542

转载 JS中将JSON的字符串解析成JSON数据格式

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符

2014-04-16 22:58:20 629

转载十个目前最流行的基于MVC设计模式的PHP框架

以下为十个目前最流行的基于MVC设计模式的PHP框架。1. YiiYii是一个基于组件的高性能的PHP的框架，用于开发大规模Web应用。Yii采用严格的OOP编写，并有着完善的库引用以及全面的教程。从MVC，DAO/ActiveRecord，widgets，caching，等级式RBAC，Web服务，到主体化，I18N和L10N，Yii提供了今日Web 2.0应用开发所需要

2014-04-16 22:45:56 4044

转载 JSON 基础

简单地说，JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪（稍后会看到几个示例），但是 JavaScript 很容易解释它，而且 JSON 可以表示比名称/值对更复杂的结构。例如，可以表示数组和复杂的对象，而不仅仅是键和值的简单列表。简

2014-04-16 22:28:12 422

转载 Jquery优化效率提升性能解决方案

jQuery是目前非常流行的Javascript库之一，随着jQuery应用程序的逐渐增多，其性能优化问题是程序员们不可忽视的，我们知道在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：　　1.总是从ID选择器开始继承以下是引用

2014-04-16 22:13:39 489

转载 CSS3 Media Queries 实现响应式设计

在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。　　例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中，这样，在不改变文档内容的情况下，不同的设备可以呈现不同的界面外观。阅读这篇文章学习 C

2014-04-16 22:03:30 597

转载什么是交互设计，为什么要进行交互设计

转载请注明来处，关注我，请点击：http://weibo.com/heidixie　　这是一次内部分享，新部门的同学们希望我聊聊我过去从事的交互设计，做个了面对入门者等级的PPT，和各位简单聊了聊。发到微博上，也敦促自己对交互设计从业经历做个简单总结。——类似的文章，貌似自己在三年前也写过……　　一. 什么是交互设计　　要谈什么是交互设计，先要了解这几个概念。　　网页设计年代，

2014-04-16 18:29:54 3365

转载什么是响应式设计

转自http://beforweb.com/node/6在Web设计和开发领域，很快的，我们将会无法跟上设备与分辨率革新的步伐。对于多数网站来说，为每种新设备及分辨率创建其独立的版本根本就是不切实际的；结果就是，我们将会赢得使用某些设备的用户群，而失去那些使用其他设备的用户。不过，或许会有另外一种方式，可以帮助我们避免这种情况的发生。响应式Web设计(Responsive Web

2014-04-16 18:17:17 1304

原创常见的浏览器及内核

1、Tridend内核，如果不知道Tridend，那么你一定知道微软的IE吧，没错，它就是IE的核心引擎，从IE诞生到现在一直使用的就是Tridend内核，国内的80%以上的浏览器用的都是它，只是在IE上面再次做了包装和本地化而已，如果搜搜、搜狗、360、遨游、世界之窗；其中搜狗浏览器可以使用双引擎，该引擎只在windows平台下使用。2、Gecko内核，这个是火狐firefox御用内核，

2014-04-16 17:48:04 663

转载 CSS3新特性

CSS3 仍然在开发中，如果你想跟进开发进度，请点击这里。是的，正如你所看到的，它开发了这么多年依然没有完成。我并没有错过2006年它的第一次发布的介绍。还好，由Opera和Safari领头，更多的浏览器生产商已经开始支持CSS3的众多特性了。Firefox 3.1即将发布，它承诺跟进。然而，IE依然跟在后面。到现在为止，只有一些已经工作的特性，他们中的一些如下:圆角

2014-04-16 17:35:42 702

转载 CSS Hack

什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS h

2014-04-16 17:29:30 648

转载 CSS元素居中

#test1{width:980px;margin: 0 auto;border: 1px solid #ACACAC;overflow: hidden;} #test1 div{height:50px;line-height: 50px;border: 1px solid #ECA6A4;margin-right: 20px;float: left;}

2014-04-16 17:12:32 611

原创 css的border-style

1.none:表示沒有2.solid：表示單綫3.double：表示雙線4.groove：表示凹槽5.redge:表示皺紋6.dotted:表示在windows等效solid7.dashed:虛綫

2014-04-16 17:04:27 584

转载 js中获取时间new Date()

var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取

2014-04-16 16:52:00 813

原创 javascript的匿名函数与闭包

JavaScript匿名函数所谓匿名函数就是没有命名的函数，看起来有点难以理解，其实很常见，下面举一个小例子。window.onload=function(){ alert("加载完毕！");}这样就创建了一个匿名函数，这个function没有函数名，但可以被调用和执行，当网页加载完毕时，会执行alert()。(function(x,y){alert(x+y)}

2014-04-16 16:38:57 578

原创什么是哈希Hash算法

ReVanTis，程序猿;游戏爱好者;图像处理入门中;吃货;许奋旭、御宅暴君、马迅等人赞同谐妖。通俗点讲吧哈希算法是用来解决数据和数据之间对应关系的一种算法。它的初衷是用来加速数据存取。计算机领域内的大多数查找算法都与存储数据的规模呈正相关，用于衡量查找算法效率的量我们称为平均查找长度，一般情况下，比较优秀的查找算法的平均查找长度也不会短于数据规模以2为底

2014-04-16 16:19:13 2716

原创 undefined、undeclared、NaN、Null区别

undefined的是声明了但是没有赋值，javascript在使用该变量是不会报错。 undeclared 是未声明也未赋值的变量，JavaScript访问会报错。

2014-04-16 16:09:19 1266

转载 CSS背景全攻略

CSS背景全攻略糖伴西红柿发表于 08. Sep, 2009, 分类: CSS, Tips , 16 条评论 »标签：background & css原文链接：Backgrounds In CSS: Everything You Need To Know译文链接：css 背景全攻略转载请保留版权以及链接—————————————————————

2014-04-16 13:02:20 527

原创浏览器自带的CSS

大家通常看到一个没有带任何CSS样式文件的HTML却带有不错的样式，这是由于在W3C的HTML标准里，一些HTML标签自带一些CSS样式。不同的浏览器把实现这些HTML自带样式的模块称作User Agent Stylesheet。不同的浏览器实现的User Agent Stylesheet不一，但大部分都能遵循W3C的标准。个人认为chrome实现的User Agent St

2014-04-15 16:06:09 839

分布式资源管理git中文版

空空如也