关注前端开发微信微信号web007007

理解Javascript的闭包

理解Javascript的闭包

Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点ECMAScript语言规范来使读者可以更深入的理解闭包。 什么是闭包 闭包是什么?闭包是Closure,这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可理解的东西,简而言之,闭包就是:...

阅读全文...

让WordPress上传文件自动重命名

让WordPress上传文件自动重命名

WordPress上传文件默认是不改变文件名称的,可对中文文件名而言,某些系统、某些浏览器访问是会出现问题滴,那么怎样让Wordpress上传文件自动重命名呐? 以wordpress 3.2.1为例,打开“wp-admin/includes/file.php”文件,找到第327行这段代码: // Move the file to the uploads dir $new_file = $uploads['path'] . "/$filename"; if ( false === @ move_uploaded_file( $file['...

阅读全文...

PHP导入导出Excel方法

PHP导入导出Excel方法

原作者:冰山上的播客 看到这篇文章的时候,很是惊讶原作者 的耐心,虽然我们在平时用的也有一些,但没有作者列出来的全,写excel的时候,我用过pear的库,也用过pack压包的头,同样那些利用 smarty等作的简单替换xml的也用过,csv的就更不用谈了。呵呵。(COM方式不讲了,这种可读的太多了,我也写过利用wps等进行word等的 生成之类的文章 ) 但是在读的时候,只用过一种,具体是什么忘了,要回...

阅读全文...

PHP生成GIF动态图片验证码

PHP生成GIF动态图片验证码

相信很多人都想过如何用PHP生成GIF动画来实现动态图片验证码,以下是实现过程。 ImageCode函数通过GIFEncoder类实现的GIF动画的PHP源代码,有兴趣的朋友可以研究一下。   效果如图: /** * ImageCode 生成GIF图片验证 * @param $string 字符串 * @param $width 宽度 * @param $height 高度 * */ function ImageCode($string = '', $width = 75, $height = 25) { ...

阅读全文...

WordPress注册时不能发邮件,修改程序代码直接显示密码的方法

WordPress注册时不能发邮件,修改程序代码直接显示密码的方法

WordPress的用户注册机制是,填写用户名、邮箱,由WordPress生成随机密码,并发送到用户注册时填写的邮箱地址。但很多人的服务器并没有配置邮件服务(比如我正在用的这台服务器),或者由于邮件运行商的反垃圾邮件功能等原因,导致注册之后收不到 WordPress发送的密码邮件,无法完成注册。 很不方便… 既然如此,不如我们hacks一下wordpress。让WordPress注册时不发邮件,直接显示密码得了。 怎么...

阅读全文...

必须知道的22个学习HTML5的技巧(三)

必须知道的22个学习HTML5的技巧(三)

16. 视频支持 音频元素 <audio>非常像,在新的浏览器上也支持HTML5视频。事实上,就在最近YouTube宣布了一项新的 HTML5视频嵌入。可惜的是,由于HTML5说明文件并没有为视频指出某个特定的编码器,所以都主要取决于浏览器来决定了。尽管Safari和IE9可以支持H.264 格式的视频,Firefox 和Opera却仍然坚持Theora 和Vorbis格式。因此,显示HTML5视频的时候,你必须提供两种格式。 17. 视频预先...

阅读全文...

必须知道的22个学习HTML5的技巧(二)

必须知道的22个学习HTML5的技巧(二)

8. 占位符 此前,我们需要使用JavaScript来创建文本框的占位符。你可以初步设定值属性来看是否合适,但是只要用户删除了该文本,输入的内容就会再次变成空的。占位符属性有效地弥补了这一点。 XML/HTML Code复制内容到剪贴板 <input name=”email” type=”email” placeholder=”doug@givethesepeopleair.com” /> 9. 本地存储 多亏了HTML5的 local storage ,我们可以让高级浏览器“记住”我...

阅读全文...

必须知道的22个学习HTML5的技巧(一)

必须知道的22个学习HTML5的技巧(一)

互联网科技发展的速度真可谓惊人的快,一个稍不留神,你就可能无法跟上它的步伐。HTML5的变化和更新也压倒不少人,这篇文章将向大家介绍一些最基本也非常必要的HTML技巧。 1. 新的文档类型(Doctype) XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 你还在使用上面这...

阅读全文...

HTML5书籍HTML5 for Web Designers PDF 下载

HTML5书籍HTML5 for Web Designers PDF 下载

这本书不厚,只有85页的内容,却卖到了$18,A List Apart 的人还真的会挣 Web Designers 的钱。此书由 A List Apart 的 A Book Apart 出版,国内应该是买不到的,幸好国外的科技类图书大都会有 PDF 电子版本,所以才能在第一时间内得到这本书。 这不是一本告诉你 how-to,而是告诉你 what it is 的书,正如本书宣传中所提到的,HTML5 spec 足达 500 多页,加上晦涩难懂的专业术语及表达方式,一...

阅读全文...

HTML5新增标签简介

HTML5新增标签简介

HTML5新增标签简介 <article> 标记定义一篇文章 <aside> 标记定义页面内容部分的侧边栏 <audio> 标记定义音频内容 <canvas> 标记定义图片 <command> 标记定义一个命令按钮 <datalist> 标记定义一个下拉列表 <details> 标记定义一个元素的详细内容 <dialog> 标记定义一个对话框(会话框) <embed> 标记定义外部的可交互的内容或...

阅读全文...

HTML5 特性检测:Video(视频)

HTML5 特性检测:Video(视频)

你或许会问:“如果早期的浏览器不支持HTML5我该如何开始使用它呢?”。但是这个问题本身就会让人产生误解。HTML5只是一些特性的集合,因 此你不能说检测浏览器“是否支持HTML5”,但是你可以检测浏览器是否支持诸如“canvas“,“video”,“geolocation”等等这些 特性。 Canvas HTML5定义了<canvs>元素作为位图画布在浏览器中的相关解决方案,它用于渲染图形,游戏图像或者其他飞行中的视觉图形...

阅读全文...

HTML5教程(二) HTML5 视频

HTML5教程(二) HTML5 视频

HTML 5 视频 许多时髦的网站都提供视频。HTML5 提供了展示视频的标准。 Web 上的视频 直到现在,仍然不存在一项旨在网页上显示视频的标准。 今天,大多数视频是通过插件(比如Flash)来显示的。然而,并非所有浏览器都拥有同样 的插件。 HTML5 规定了一种通过video 元素来包含视频的标准方法。 视频格式 当前,video 元素支持两种视频格式: Internet Explorer Firefox 3.5 Opera 10.5 Chrome 3...

阅读全文...

HTML5教程(三) HTML5音频

HTML5教程(三) HTML5音频

HTML5 提供了播放音频的标准。 Web 上的音频 直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如Flash)来播放的。然而,并非所有浏览器都拥有同样 的插件。 HTML5 规定了一种通过audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 音频格式 当前,audio 元素支持三种音频格式: Internet Explorer Firefox 3.5 Opera 10.5 Chrome ...

阅读全文...

HTML5 教程(三) – 块级元素

HTML5 教程(三) – 块级元素

HTML 5 教程(三) – 块级元素 HTML 5 还增加了一些纯语义性的块级元素:   aside  figure   dialog   我在文章和书中一直使用前两个元素。第三个元素我不经常用,它主要用于书面文本。 aside   aside 元素代表说明、提示、边栏、引用、附加注释等,也就是叙述主线之外的内容。例如,在 developerWorks 文章中,常常会看到用表格形式编写的边栏,见代码3 用 HTML 4 编写的 developerWork...

阅读全文...

HTML 5 教程(二) – 结构

HTML 5 教程(二) – 结构

由于缺少结构,即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别,才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素,专门用来标识这些常见的结构: · section:这可以是书中的一章或一节,实际上可以是在 HTML 4 中有自己的标题的任何东西 · header:页面上显示的页眉;与 head 元素不一样 · foote...

阅读全文...

HTML 5 教程(一) – 简介

HTML 5 教程(一) – 简介

超文本标记语言(HTML)5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。 超文本标记语言(HTML)的开发到 1999 年 HTML 4 就停止了。万维网联盟(W3C)把重点转向将 HTML 的底层语法从标准通用标记语言(SGML)改为可扩展标记语言(XML...

阅读全文...

CSS网页布局入门教程1:一列固定宽度

CSS网页布局入门教程1:一列固定宽度

本系列教程为入门级教程,适合初学者学习,由最简单的知识一点一点进阶。主要以实例为主,很少部分理论,这样更适应初学者快速掌握。因本人也正在学习,难免有一些错误或疏漏地方,望各位给予指正。本教程参考《CSS网站布局实录》一书,在此向作者表示感谢。 要想学好DIV+CSS,首先要有一定的HTML和CSS知识,如果这些你还不了解,建议你先去补习这一课,再来学习本教程。另外还要抛弃传统表格布...

阅读全文...

CSS网页布局入门教程2:一列自适应宽度

CSS网页布局入门教程2:一列自适应宽度

自适应布局是网页设计中常见的布局形式,自适应的布局能够根据浏览器窗口的大小,自动改变其宽度和高度值,是一种非常灵活的布局形式,良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div默认状态的占据整行的空间,便是宽度为100%的自适应布局的表现形式,一列自适应布局需要我们做的工作也非常简单,只需要将宽度由固定值改为百分比值的形式即可 #layout { bord...

阅读全文...

CSS网页布局入门教程3:一列固定宽度居中

CSS网页布局入门教程3:一列固定宽度居中

页面整体居中是网页设计中最普遍应用的形式,在传统表格布局中,我们使用表格的align=”center”属性来实现。div本身也支持align=”center”属性,也可以让div呈现居中状态,但css布局是为了实现表现和内容的分离,而align对齐属性是一种样式代码,书写在XHTML的div属性之中,有违背分享原则(分离可以使你的网站更加利于管理),因此应当用css实现内容的居中,我们以固定宽...

阅读全文...

CSS网页布局入门教程4:二列固定宽度

CSS网页布局入门教程4:二列固定宽度

有了一列固定宽度作为基础,二列固定宽度就非常简单,我们知道div用于对某一个区域的标识,而二列的布局,自然需要用到两个div,XHTML代码如下: <div id="left">左列</div> <div id="right">右列</div> 新的代码结构中使用了两个id,分别为left和right,表示两个div的名称,我们所需要做的是,首先设置它们的宽度,然后让两个div在水平行...

阅读全文...