数据类型在JavaScript中，数据类型分为两类：原始类型：保存一些简单数据，如true，5等。JavaScript共有5中原始类型：boolean：布尔，值为true或falsenumber：数字，值为任何整型会浮点数值string：字符串，值为由单引号或双引号括出的单个字符或连续字符（JavaScript不区分字符类型）null：空类型，其仅有一个值：nulllundefined：未定义，其仅有一个值：undefinedvarname="Pomy";varblog="http://www.ido321.com";varage=22;alert(typeofblog);//"string"alert(typeofage);//"number"原始类型的值是直接保存在变量中，并可以用typeof进行检测。但是typeof对null的检测是返回object,而不是返回null：//弹出Not nullif(typeofnull){alert("Not null");}else{alert("null");}所以检测null时，最好用全等于(===),其还能避免强制类型转换：console.log("21"===21);//falseconsole.log("21"==21);//trueconsole.log(undefined==null);//trueconsole.log(u ...继续阅读 (12)

CSS中的变量给了我们诸多优点：方便、代码重用、更可靠的代码库和提升防错能力。示例:root{--base-font-size:16px;--link-color:#6495ed;}p{font-size:var(--base-font-size);}a{font-size:var(--base-font-size);color:var(--link-color);}基础当使用CSS变量时，你应该了解的三个主要组成：自定义属性var()函数:root伪类自定义属性你已经知道了一些CSS的标准属性，如color,margin,width和font-size。下面的示例使用了CSS的color属性：body{color:#000000; /* The "color" CSS property */}自定义属性仅意味着我们（创建CSS文件的人）去定义属性的名字。为了自定义一个属性名，我们需要用--作为前缀。如果我们要创建一个值为黑色的、名为text-color的自定义属性，可以这样做：:root{--text-color:#000000; /* A custom property named "text-color" */}var()函数为了应用自定义属性，需要利用var()函数，否则浏览器不知道他们代表什么。如果想要在p、h1和h2中的样式中使用--text-color，可以这样使用v ...继续阅读 (14)

Ajax的基本原理是：XMLHttpRequest对象(简称XHR对象)，XHR为向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步方式从服务器获得更多信息。意味着用户不必刷新页面也能取得新数据，然后通过DOM将数据插入到页面中。XMLHttpRequest对象方法about()： 停止当前的请求；open("method","URL",[asyncFlag])：启动请求XHR的基本用法在使用XHR对象时，要调用的第一个方法是open()方法，它有三个参数，第一个参数是：需要发送请求的类型(get或者post)，第二个参数是请求的url，第三个参数是请求的布尔值(true是异步,false是同步)；xhr.open('get','http://127.0.0.1/ajax/ajax.php',false)div>如上代码会启动一个get请求ajax.php,但是请注意：open方法并不会真正发请求，而只是启动一个请求以备发送；要发送真正请求必须使用send()方法；如下：xhr.open('get','http://127.0.0.1/ajax/ajax.php',false);xhr.send(null);div>send的方法接收一个参数，需要请求发送的数据，如果请求不需要发送数据，需要传送一个null，因为对于有些浏览器这是必须的；上面第三个参数传的是false，是 ...继续阅读 (16)

现在我们开发了很多依赖于Ajax请求的应用，在某些情况下，甚至全部页面都依赖Ajax。有时我们会注意到，当一个网页发送两个或者更多Ajax请求时，PHP的反应时间会很长并会同时返回响应内容。这个问题很可能是你处理PHP会话的方式造成的，跟着本文去理解这个问题，并做一些处理来避免这个问题。内容什么是PHP会话？什么是Ajax？具体问题造成的原因问题的解决方法总结什么是PHP会话？为了理解这个问题，有必要先了解一下PHP会话和Ajax，以及它们是怎么干扰的。假设你正在开发一个Web应用，想要识别不同用户。你想要记住是谁每次浏览了所有页面但都没有登录，这种情况下，你可以使用cookies或sessions。可以你已经意识到了，sessions是一种存储用户信息的方式，它可以在任何页面重新取回用户信息。跟Cookies不同，Sessions是存储在服务器上的，所有用户不能直接改变这些信息。默认情况下，Sessions在用户关闭浏览器之前均有效，或者用户在PHP配置文件中指定的时间内没有活动之后才失效。在PHP页面中，无论你什么时候想要存储或者重新获取用户数据，都必须在页面开始处调用session_start(),因此才有权限使用$_SESSION去获取session数据。什么是Ajax？Ajax代表 Asynchronous JavaScript and XML，它是一种不用重新加载整个页 ...继续阅读 (33)

枚举不要这么做：i=0foriteminiterable:printi,itemi+=1而是这样：fori,iteminenumerate(iterable):printi,itemEnumerate可以接受第二个参数，例如：>>>list(enumerate('abc'))[(0,'a'),(1,'b'),(2,'c')]>>>list(enumerate('abc',1))[(1,'a'),(2,'b'),(3,'c')]字典/集合 解析你可能知道列表解析，但不知道字典/集合解析。字典/集合解析简单而且高效，例如：my_dict={i:i*iforiinxrange(100)}my_set={i*15foriinxrange(100)}# There is only a difference of ':' in both强制浮点数除法如果我们除以一个整数，即使结果是一个浮点数，Python（2） 依旧会给我们一个整数。为了规避这个问题，我们需要这样做：result=1.0/2但是现在有一种别的方法可以解决这个问题，甚至在之前我都没有意识到有这种方法存在。你可以进行如下操作：from__future__importdivisionresult=1/2# print(result)# 0.5需要注意的是这个窍门只适用于Python 2。在Python 3 中就不需要进行import ...继续阅读 (21)

媒体查询允许网站根据智能手机和平板的方向来调整布局。但有时候你希网站锁定到一个特定的方向，横屏或竖屏，此时，原生应用的格式是可以被指定的。APP只在预设格式下显示—独立于实际的设备方向。通过使用HTML5的 Screen Orientation API, 可以在JavaScript定义屏幕方向。为一个文档定义屏幕方向通过screen.orientation属性的lock()方法可以调整屏幕方向，其默认值是any，这允许设备根据其物理方向来应用任何方向。值”natural”将在设备的自然方向上显示网站，因设备而异。智能手机通常使用横屏，平板则使用竖屏。screen.orientation.lock("natural");上面的示例中，为设备设置自然方向。当然，Screen Orientation API也允许你定义一个独立的方向，其有四个值可以选择，这已经包含了移动设备所有可能的方向。这四个值分别是： “portrait-primary”, “portrait-secondary”, “landscape-primary”和 “landscape-secondary”。上图显示了所有四个值的方向： “portrait-primary”, “portrait-secondary”, “landscape-primary”和 “landscape-se ...继续阅读 (32)

JavaScript不仅门槛低，而且是一门有趣、功能强大和非常重要的语言。各行各业的人发现自己最混乱的选择是JavaSscript编程语言。由于有着各种各样的背景，所以不是每个人都对JavaScript及其基本原理有广泛的认识。通常来书，除非你去参加工作面试才会去思考为什么或者怎么做，否则JavaScript只是你工作的内容。这个系类的目标是深入探讨JavaScript的一些概念和理论。主题来自于 Darcy Clarke的JavaScript典型面试问题列表。希望你不仅仅是为了答案而阅读完这篇文章，每一篇文章会让对过去学过的知识有一个新的理解，或者重温你学习的东西，这有利于你用JavaScript实现所有交互。详解事件委托事件委托是一种由其它元素而非事件目标元素来响应事件产生的行为的思想。用document元素来处理按钮的点击行为就是事件委托的一个例子，另一种常见情况是，用ul元素来处理其子元素li的事件。有多种方法来处理事件委托。标准方法来源于原生浏览器的功能。浏览器以一种特定的工作流程来处理事件，并支持事件捕获和事件冒泡。W3C关于浏览器怎么支持事件的文档：W3C DOM Level 3 Events。一些JS库和框架公开了其它方式，如发布/订阅模型（将在后文提及）。事件捕获和事件冒泡是事件流中的两个阶段，任何事件产生时，如点击一个按钮，将从最顶端的容器开始（一般是html的 ...继续阅读 (18)

在JavaScript中，创建数组可以使用Array构造函数，或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而，[] instanceof Array也返回true。也就是说，类数组对象的实现更复杂，例如strings对象、arguments对象，arguments对象不是Array的实例，但有length属性，并能通过索引取值，所以能像数组一样进行循环操作。在本文中，我将复习一些数组原型的方法，并探索这些方法的用法。循环：.forEach判断：.some和.every区分.join和.concat栈和队列的实现：.pop,.push,.shift,和.unshift模型映射：.map查询：.filter排序：.sort计算：.reduce和.reduceRight复制：.slice强大的.splice查找：.indexOf操作符：in走近.reverse循环:.forEach这是JavaScript中最简单的方法，但是IE7和IE8不支持此方法。.forEach有一个回调函数作为参数，遍历数组时，每个数组元素均会调用它，回调函数接受三个参数：value:当前元素index:当前元素的索引array:要遍历的数组此外，可以传递可选的第二个参数，作为每次函数调用的上下文（t ...继续阅读 (18)

:target是什么？MDN是这样描述的：:targetThe :target pseudo-class represents the unique element, if any, with an id matching the fragment identifier of the URI of the document.在document中，可以设置锚链接，举个粟子：href="#tab">Test :targethref="#tab2">Test 2:targetid="tab">This is a tab.id="tab2">This is another tab.上面存在两个锚链接：#tab和t#ab2。当点击锚链接时，就会跳到对应的div，则::target就是给这些div用的。添加一下CSS:target{color:red;}#tab:target::after{content:"tab1"}点击锚链接，对应链接的div的文本变成红色，另外，给#tab后面插入一个文本。（ps:关于content属性用法：CSS3的content属性详解）效果猛戳：https://jsfiddle.net/dwqs/cL8rawov/应该大致明白了:target的含义了吧，如果不知道用，看看这篇文章：Using the :target selector:target可以做什么最简单的 ...继续阅读 (20)

1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：.verticalcenter{position:relative;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}(ps:【译】如何实现CSS居中？–CSS居中常用方法)使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的，Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9.均支持该属性。2、伸展一个元素到窗口高度在具体场景中，你可能想要将一个元素伸展到窗口高度，基本元素的调整只能调整容器的大小,因此要使一个元素伸展到窗口高度，我们需要伸展顶层元素：html和body:html,body{height:100%;}然后将100%应用到任何元素的高：div{height:100%;}3、基于文件格式使用不同的样式为了更容易知道链接的目标，有时你想让一些链接看起来和其它的不同。下面的片段在文本链接前添加一个图标，对不同的资源使用不同的图标或图片：a[href^="http ...继续阅读 (24)

今天是2015年5月15日星期5，据说是7000年一遇的好日子，而你却依然一个人。不出意外的话，2个月之后，我将离开生活三年的广州大学城，离开广州，离开这个承载太多回忆的羊城。“你打算什么时候会广州？” “如果可以，我希望永远都不要回来了”本来不想写这类文章，就算写了，不打算放出去，因为在我的对面，我感觉到心痛是什么滋味。想了好久，不知道要怎么取标题。突然想到，今天也是我开博一周年。2014.5.15–2015.5.15，我写过的博文也不少了，简单统计了一下，原创文章233篇，翻译文章38篇。但第一次发现取个标题我要怀着心痛的感觉去考虑选择一个合适的文题。最终还是选择了目前这个文题，可能觉得更符合我此时的心境。其实，在2014.12.25，我写了一篇《大学里的人》，这篇文章到目前的状态一直是待发布。我不知道会什么发布这篇文章，有可能不会发布了，那么此篇就会是最后一篇关于我的大学方面的文章了；也有可能，我再花费好几天去补充这篇文章的内容，但也可能没有了，原因如此篇文题。我发现我也是很矛盾的。大学没有遗憾是不完美的，所以，这篇文章就讲述一下我大学唯一的遗憾。三年前，我额外多了1/3的活动空间，另外的2/3被我朋友B和F瓜分了，我们相处的很和谐，为多出的1/1空间而高兴，因为我们可以用它来堆放杂物了。美好的事情总是短暂的。我或许是由于空虚寂寞吧，或许想找个学习的伴，我把我那多 ...继续阅读 (18)

在SF上，有人提出一个问题：不用table，如何把Div分成3行*3列。提供了三种思路：第一种方式html:id="box">123456789csss:*{margin:0auto;padding:0;}#box{height:200px;width:200px;border:1pxsolid red;}div div{width:100%;height:32.855%;}span{display:inline-block;height:100%;width:32%;border:1pxsolid blue;}#box span:nth-child(2n+2){border:1pxsolid red;margin-left:-7px;}#box span:nth-child(2n+3){border:1pxsolid green;margin-left:-7px;}在线预览：https://jsfiddle.net/dwqs/wrj2xvhg/2/第二种方式可以考虑display的table、table-row和table-cell属性html:id="box">123456789css:*{margin:0auto;padding:0;}#box{height:200px;width:200px;border:1pxsolid red;display:table;}div di ...继续阅读 (17)

在JQuery中，有六个基本动画函数：show()/hide()、fadeIn()/fadeOut()、slideUp()/slideDown()。这篇文章，就利用CSS3+checkbox实现这六个基本动画。show()/hide()的实现show()/hide()的实现主要控制元素的display属性。html:id="box">type="checkbox"id="sh"/>for="sh">show/hideid="shbox">点击上面的show/hide实现show()/hide()css:#box{position:relative;}#box *:not(#shbox){display:inline-block;}input{position:absolute;left:-10000000px;}:checked~#shbox{display:none;}label{width:100px;height:30px;line-height:30px;text-align:center;border:1pxsolid green;position:absolute;left:0px;cursor:pointer;border-radius:5px;}#shbox{background:#ccc;color:red;width:200px;height:200px;bor ...继续阅读 (19)

移动技术并没有渐退的迹象，反而对于个人和企业去建立门户网站，必须考虑移动用户已经变成了趋势。对于那些在不同设备上看起来很酷、功能十分有效的正在发展中的网站，响应式设计仍保持实践性。作为一个Web设计师，也会尝试用各种各样的网页设计技术。如果响应式设计趋势让你印象深刻，并且也打算用响应式设计深入研究网站创新，那么你已经来到了初学者的门口。这里，已经包含了10个关于设计一个完美的响应式网站的很酷的建议。因此，让我们深入了解这些建议。1. 确保性能是你主要的目标不管现在移动设备的网络连接速度有多快，在建立网站时都推荐为设别配备慢的网络连接。例如，由于4G网络在现代国家是受限制的，因此你需要特别注意设计移动友好的网站，能在2G和3G网络上完美的运行。确保网站的加载时间非常迅速。2. 采用‘图像’方式对于每一个响应式网站，图像是一个很关键的元素。不像基于桌面的门户网站，一张很大的图片可以一个很好的指引。在移动优化的网站上使用一张这样的图片，对于网站所有者并没有好处。因此，需要裁剪图片或者整个删除图片，原因非常简单，小屏幕的移动设备没有能力按照预期的方式显示图片。在为不同的移动设备设计网站时，采取一个合适方便的图片管理计划并遵守它。有些情况下，你需要为桌面和其它移动访问者创建一个图片的多版本。3. 避免包含导航菜单由于响应式网站的目标是类似平板和智能手机的小屏幕，所以建议隐藏主菜单导航。可以选 ...继续阅读 (10)

CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。插入纯文字content:”插入的文章”，或者content:none不插入内容html:这是h1这是h2cssh1::after{content:"h1后插入内容"}h2::after{content:none}运行结果：https://jsfiddle.net/dwqs/Lmm1r08x/嵌入文字符号可以使用content属性的open-quote属性值和close-quote属性值在字符串两边添加诸如括号、单引号、双引号之类的嵌套文字符号。open-quote用于添加开始的文字符号，close-quote用于添加结束的文字符号。修改上述的css:h1{quotes:"("")";/*利用元素的quotes属性指定文字符号*/}h1::before{content:open-quote;}h1::after{content:close-quote;}h2{quotes:"\"""\"";/*添加双引号要转义*/}h2::before{content:open-quote;}h2::after{content:close-quote;}运行结果：https://j ...继续阅读 (21)

Box-sizing尽管box-sizing在CSS3中才被引入，其有一个值是border-box，让元素的高和宽包含了填充和边框。.div{width:150px;height:100px;border:1pxsolid#ccc;box-sizing:border-box;}Chrome 31+, IE8+, Firefox 31+, Safari 7+, Opera 27+, iOS Safari 7.1+ and Android Browser 4.1+等都支持该属性。z-index和定位如果元素没有定位属性，如static/absolute/relative/fixed，改属性将被忽略position:relative;z-index:100;禁用一个元素可以使用pointer-event属性的一个none值来有效的禁用元素。不管是JQuery还是JavaScript，点击事件都不会被触发.bricked{pointer-events:none;}Chrome 31+, IE11+, Firefox 31+, Safari 7+, Opera 27+, iOS Safari 7.1+ and Android Browser 4.1+支持该属性长链接换行阻止长链接溢出父元素a{word-wrap:break-word;}ps:相关文章：CSS换行用媒体查询检测Retina显示 ...继续阅读 (11)

在APP应用上，常见的一种导航方式是侧滑导航，效果类似于这样：用CSS3可以对其进行模拟，代码如下：HTML：id="toggleMenu">id="hide">id="show">id="list">href="#">首页href="#">问题href="#">文章href="#">关注href="#">发现CSS:nav{width:100%;height:50px;background-color:rgba(26,188,156,0.75);position:relative;}div{position:absolute;height:100%;width:50px;left:20px;cursor:pointer;-webkit-transition:transform1s;-moz-transition:transform1s;-ms-transition:transform1s;-o-transition:transform1s;transition:transform1s;}#hide,#show{display:block;height:3px;background-color:#FFF;position:absolute;top:50%;-webkit-transition:opacity.5s;-moz-transition:opacity.5s;-ms-tra ...继续阅读 (16)

交换变量x = 6 y = 5 x, y = y, x print x >>> 5 print y >>> 6if 语句在行内print "Hello" if True else "World" >>> Hello连接下面的最后一种方式在绑定两个不同类型的对象时显得很酷。nfc = ["Packers", "49ers"] afc = ["Ravens", "Patriots"] print nfc + afc >>> ['Packers', '49ers', 'Ravens', 'Patriots'] print str(1) + " world" >>> 1 world print `1` + " world" >>> 1 world print 1, "world" >>> 1 world print nfc, 1 >>> ['Packers', '49ers'] 1计算技巧#向下取整 print 5.0//2 >>> 2 # 2的5次方 print 2**5 >> 32注意浮点数的除法print .3/.1 >>> 2.9999999999999996 print .3//.1 >>> 2.0数值比较x = 2 if 3 > x > 1: print x >>> 2 if 1 < x > 0: print x >>> 2两个列表同时迭代nfc = [" ...继续阅读 (24)

上面是一个效果图，代码在下面：html首页Web前端JavaScriptJQueryCSSHTML后端PythonPHP琐碎杂类LinuxAjax我的生活CollegeReviewSentiment关于我友情链接留言板css:*{ margin:0 auto; } body{ background-color: #EEEEEE; font-family: Microsoft Yahei,Arial,sans-serif; } nav{ width: 100%; background-color: #455552; position: relative; width: 650px; margin-top: 100px; } .nav-ul{ list-style: none; } .nav-ul>li{ display: inline-block; position: relative; } .nav-ul a{ text-decoration: none; color: #FFF; display: inline-block; padding: 10px 20px; } .nav-ul a:hover{ background-color: #1ABC9C; } .nav-ul a:hover+ul li{ opacity:1; -webkit-t ...继续阅读 (24)

PHP是为Web开发设计的服务器脚本语言，但也是一种通用的编程语言。超过2.4亿个索引域使用PHP，包括很多重要的网站，例如Facebook、Digg和WordPress。和其它脚本语言相比，例如Python和Ruby，Web开发者有很多不错的理由皮偏爱PHP。对于PHP开发者，在互联网上有很多可用的开发工具，但是找到一个合适的PHP开发工具是很难的，需要花费很多努力和时间。今天，就为开发者介绍45个方便的PHP工具。PlatesPlates是一个简单易用的PHP模板系统。Plates是为那些喜欢使用本地模板而不是编译模板的人设计的。LaravelLaravel是一个有着优雅表达语言的开源框架。Parsedown一个Laravel的Parsedown包装器，能够将markdown编译成HTML。Parsedown运行很快，并支持GitHub flavored markdown.GuzzleGuzzle是一个PHP版的HTTP客户端，让PHP很容易的和HTTP/1.1协议一起使用，并能减少Web服务带来的痛苦。HoaHoa是一组PHP库，它创建了工业和研究之间的桥梁。PHP-CPPPHP-CPP是一个C++写的PHP扩展库。它提供了一个良好的文档记录和易于使用的类的集合,可以使用和扩展构建本地PHP扩展。TwigTwig是一个快速、安全和稳定的PHP模板引擎。Requests for ...继续阅读 (10)

众所周知，CSS是非常棒的，它使网站看起来很漂亮，可以为网站添加动画，并让呈现和内容分离。去了解CSS的一切是非常难做到的，它只会变得更加困难,因为我们想让我们的代码跨浏览器兼容。这里介绍了很多第三方工具，从简化工作流程到生成真正的CSS，这些工具都提供了我们需要的代码，并且比我们自己写出的代码运行的更快。PurePure并不是一个框架。相反，它只是集成一些已经应用到模块中的CSS代码，方便我们使用。只需要为你的项目抓取你想要的那部分CSS代码。当然，所有组件都是可用的。Pure中包含了网格系统、按钮、表格、表单和菜单，这些都是建立在normalize.css上的。Magic Animations CSS3Magic Animations CSS3集成了CSS3 Animations，可以被应用在任何元素上，包含元素替换、滑出、变形和消褪等效果Jeet Grid SystemJeet和semantic.gs有点类似，是以SASS为基础的网格系统。你可以在CSS中定义列（有时定义行），而不是为标记元素添加Class。Jeet使响应式布局更加容易，并进一步分离了内容和呈现。10 Pure CSS Flat Mobile Devices一个叫Oleg的人用纯CSS重绘并模拟了10种不同的移动设备（包括iPhone 6, iPad Mini, Nexus 5, and Lumia 920） ...继续阅读 (16)

JavaScript是一种灵活多变的脚本语言，它在全世界被广泛的应用在Web页面和服务器应用中。你可以因为任何目的去使用它，但是你需要一些工具。幸运的是，为了完成独特的任务，无以计数的JavaScript工具已经被开发者发布。这里有45个关于JavaScript的工具，所有这些工具将帮助您创建现代网站与用户所期望的所有特性。它们都提供了精简的设计和简单的接口。。。。AngularJSGoogle创建AngularJS，目的是提供一个稳定的、轻量级的框架在浏览器中呈现信息。它从服务器收集数据,然后在本地编译模板。换句话说，AngularJS以MVC框架形式来构建在浏览器中运行的HTML、JavaScript和CSS。Odyssey.JSOdyssey是一个将故事和地图结合，并绑定了交互文本的工具。图片显示为一个沙箱来构建与地图交互的故事。PlayCanvasPlayCanvas是一个围绕WebGL建立的游戏引擎。它把物理、照明、阴影、音频和更多其它特效结合到更一致的工具中,以创建被对象填充的世界。图像显示的是一个针对该框架的在线开发工具。GanttGantt是一个基于JQuery构建的JavaScript组件，用于创建图标,任务树和用JSON格式输出结果数据的相关性。它提供了编辑、缩放、数据快捷键,CSS皮肤,等等。Handy.JSHandy是一个Nodejs的Web应用模板。Han ...继续阅读 (18)

在这篇文章中，我们将看到如何使用PHP检查URL的存在，其存在的含义是我们向服务器请求的内容是否可用。PHP中提供了两种方式来检查URL的存在，一种是get_headers()函数，一种是cURL检查URL的HTTP头是基础，它决定了我们请求的URL的是否存在，200代表存在，404则代表不存在。get_headers()使用get_headers()函数，我们可以得到URL的HTTP头部信息$url = "http://www.domain.com/demo.jpg"; $headers = @get_headers($url); if(strpos($headers[0],'404') === false) { echo "URL Exists"; } else { echo "URL Not Exists"; }Note：如果get_headers()函数的第二个参数设置成true,将以关联数组的形式返回结果cURL$url = "http://www.domain.com/demo.jpg"; $curl = curl_init($url); curl_setopt($curl, CURLOPT_NOBODY, true); $result = curl_exec($curl); if ($result !== false) ...继续阅读 (22)

（PS:原文写于2012年，本文参照原文作了适当修改，不当之处请指出）现在Web朝着响应式的趋势发展，媒体查询在创建响应式网站中起到了主要作用。没有媒体查询几乎不能实现响应式设计，利用媒体查询，我们可以针对特定的设备，如显示器、智能手机和平板，写CSS。媒体查询是响应式设计的核心在这篇文章中我将分享一些到目前为止我收集到的常用媒体查询。在一些示例中，我可能是错误的，但是不用担心，因为我针对这个开通了评论功能。我把它们分为显示器媒体查询、智能手机媒体查询和平板媒体查询显示器媒体查询显示器媒体查询是以屏幕大小为基础划分的640px@media screen and (max-width: 640px){}800px@media screen and (max-width: 800px){}1024px@media screen and (max-width: 1024px){}智能手机媒体查询适用于大部分主流智能手机iPhone(2G-4S)/*Landscape Mode*/@media screen and (max-device-width: 480px){}/* Portrait Mode */@media screen and (max-device-width: 320px){}iPhone 4@media only screen and (-webkit-min-devi ...继续阅读 (21)

我认为 Ligaya Turmelle 的关于SQL联合（join）语句的帖子对于新手开发者来说是份很好的材料。SQL 联合语句好像是基于集合的，用韦恩图来解释咋一看是很自然而然的。不过正如在她的帖子的回复中所说的，在测试中我发现韦恩图并不是十分的匹配SQL联合语法。不过我还是喜欢这个观点，所以我们来看看能不能用上韦恩图。假设我们有下面两张表。表A在左边，表B在右边。我们给它们各四条记录。123456id name       id  name-- ----       --  ----1  Pirate     1   Rutabaga2  Monkey     2   Pirate3  Ninja      3   Darth Vader4  Spaghetti  4   Ninja我们用过name字段用几种不同方式把这些表联合起来，看能否得到和那些漂亮的韦恩图在概念上的匹配。12345678SELECT * FROM TableAINNER JOIN TableBON TableA.name = TableB.nameid  name       id   name--  ----       --   ----1   Pirate     2    Pirate3   Ninja      4    Ninja内联合（inner join）只生成同时匹配表A和表B的记录集。 ...继续阅读 (23)