原创 [朝花夕拾]一个菜鸟从高一到大二的作品整理

写在前面虽然不是什么文艺青年，但对着过去的事物总会有一种说不清道不明的感觉，听着《三个人的时光》这首抒情的音乐，决定也跟着文艺一把。曾经，我也是一个什么都不懂的菜鸟，第一次与网络亲密接触的时候，我就在想：“我们一直以来上的都是别人网站，我能不能自己制作一个呢？”于是稀里糊涂的就开始学起了网页……这么多年走过，也算是小有所成，捣鼓过不少作品，只是想即便放出来也只是贻笑于大方之

原创 小小菜鸟用Java做的管理工具界面（Swing界面，含源代码、心得及体会）

一些体会：可能不少人对Java界面的印象就是两个字——难看，曾经我也不例外。刚开始接触Java开发的界面是高三头脑发热想用Flash做MMORPG网游时，因为自己美工不咋地，所以用了游戏资源提取器：当时就想，Java做的界面怎么那么难看，又因为听说C++效率比Java高，Java基本上不可能用来开发大型的3D网游，因此一直对Java兴趣缺缺，直到大一的时候看到了这篇文章：《

原创 方便快速地创建新浪微博表情选择对话框——jQuery Sina Emotion

jQuery Sina Emotion这是什么？一个用来方便快速地创建新浪微博表情选择对话框的jQuery插件。有何特点使用简单，一行代码即可创创建出表情选择对话框自带智能表情解析方法（但还是建议表情解析在服务端进行）兼容IE6+、Chrome、Firefox、Opera等各种浏览器使用方法基础用法$(selector).sinaEmotio

原创 [设计模式]JavaScript钩子机制的应用场景与实现

当我们面对比较复杂的前端项目时，我们经常会采用模块化的方式来对JavaScript代码进行解耦，以方便对代码的管理和维护，模块只对外暴露外部需要的接口，而外部模块不需要关心其内部的运行逻辑，只需要知道调用接口的方式和返回结果，这样就实现了模块的“低耦合，高内聚”。可是当项目的逻辑变的越来越复杂时，比如A模块中某个针对全局公用的逻辑，可能在B模块的某种特定情况下需要进行一些额外的逻辑操作，该怎么办呢？

原创 [纯耍帅] 纯CSS、兼容IE7+、宽度自适应、无限级导航菜单

先来个Demo：http://www.clanfei.com/demos/nav/nav.html好吧，我承认，我有点标题党了，IE7的兼容并不是特别好，当鼠标离开某个导航再进入时，会留下上一次子菜单的残影（写的好像玄幻小说似的=。=）不过纯属研究，O(∩_∩)O哈哈~宽度自适应是指各级菜单都可以随内容的长度自行适应宽

原创 天堂在前方——与所有有梦想、有追求的人共勉

最近特别忙。或者说其实是故意让自己这么忙。因为我想给自己寻找一个逆境，我希望在逆境里面得到成长，得到锻炼。只是最近似乎忙的有些过了，曾经有时候会想东想西甚至躺在床上睡不着觉，但这种思考最近却越来越少了，每天下班洗澡躺在床上，玩着手机就困得睁不开眼。虽然说忙可以锻炼自己的抗压能力，但让自己没有时间去思考人生，还是有点得不偿失。昨天晚上和一个舍友聊到很晚，他正处于迷茫期，技术水

原创 借@阿里巴巴 耍了个帅——HTML5 JavaScript实现图片文字识别与提取

8月底的时候，@阿里巴巴 推出了一款名为“拯救斯诺克”的闯关游戏，作为前端校园招聘的热身，做的相当不错，让我非常喜欢。后来又传出了一条消息，阿里推出了A-star（阿里星）计划，入职阿里的技术培训生，将接受CTO等技术大牛的封闭培训，并被安排到最有挑战的项目中，由技术带头人担任主管。于是那几天关注了一下阿里巴巴的消息，结果看到这么一条微博...

原创 [小技巧]兼容IE6的纯CSS背景半透明文字不透明

html> lang="en">                         charset="UTF-8">                                        IE背景半透明                                 type="text/css">               

原创 纯CSS无表达式实现图片等比缩放（支持IE7及以上）

在制作网页的时候，常常会遇到一种情况，我们需要把一些未知尺寸的图片放在一个固定宽高的容器中，这时候我们需要考虑这样的问题：只给图片设置宽度或高度的其中一项可以实现图片等比缩放，但图片可能超出容器大小。给图片设置固定的宽高可能导致图片变形。有些人可能会简单地用JavaScript解决： src="image-url.png" onload="if(this.width > 100

原创 Highcharts: 非常漂亮的免费纯JavaScript图表库

Highcharts是什么？Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。HighCharts界面美观，由于使用JavaScript编

原创 Apache开启rewrite实现伪静态

开启rewrite的方法非常简单，打开Apache安装目录下的conf/httpd.conf文件：去掉：#LoadModule rewrite_module modules/mod_rewrite.so前面的井号注释：LoadModule rewrite_module modules/mod_rewrite.so再将：AllowOverride none

原创 [八步]Windows+Apache+PHP+MySQL简易配置教程

准备工作首先自然是下载软件，然后该解压的解压（注意要非中文目录，这里的软件目录以均以C:\Program Files为例），该安装的安装（MySQL的安装会有许多选项，英文好的看着按自己需要勾勾填填就行了，实在不行的参考这里，虽然版本比较旧，不过配置选项大致还是差不多的）。下面是几个软件的简单介绍和下载地址：ApacheApache是世界使用排名第一的Web服务

原创 [前端]浅析外边距折叠（Collapsing Margins）

我们在学习前端的过程中，有时候会出现一些奇怪的现象，Collapsing Margins便是其中之一，有时候我们想要某个元素离的第一个子元素能够下移一些，于是给它设置了margin-top，但奇怪的是这个margin-top属性却传递给了父元素，导致父元素的位置下移：HTML> lang="en-US">         charset="UTF-8">

原创 JavaScript农历转换类

今天在做项目的时候需要用到JavaScript农历转换算法，从网上搜索并整理了一下，重新写出一个JavaScript农历转换类，不敢独占，特此与大家分享。/*! * LunarDate v1.0.0 * http://www.clanfei.com/ * * Author: Lanfei * Date: 2013-1-24 */var LunarDate = {        madd: ne

原创 经典算法：整数划分问题

整数划分问题（算法分析与设计 P12）：将正整数n表示成一系列正整数之和：n=n1+n2+…+nk，其中n1≥n2≥…≥nk≥1，k≥1。正整数n的这种表示称为正整数n的划分。求正整数n的不同划分个数和方案。例如正整数6有如下11种不同的划分：65+14+2, 4+1+13+3, 3+2+1, 3+1+1+12+2+2, 2+2+1+1, 2+1+1+1+11+1+1+1+1+1

原创 PHP中获取中英文混合字符串长度

今晚在写框架的表单验证类时，需要判断某个字符串长度是否在指定区间内，很自然地，想到了PHP中的strlen函数。$str = 'Hello world!';echo strlen($str);      // 输出12然而在PHP自带的函数中，strlen及mb_strlen都是通过计算字符串所占字节数来计算长度的，在不同的编码情况下，中文所占的字节数是不同的。在GBK/GB2312

原创 百度应用引擎（BAE）中实现WordPress固定链接及伪静态

写在前面有一好友在BAE上搭建了自己的WordPress博客，但由于BAE推出的时间较晚，不像SAE那样已经具备较为完善的应用仓库，对WordPress博客程序也没有官方的支持，而固定链接对于一个博客来说是比较重要的，伪静态有利于搜索引擎优化，而链接的格式若不尽早确定，日后再想改变将是一件非常麻烦的事情。什么是BAE百度应用引擎（Baidu App Engine

原创 [小技巧]如何得到C语言中int最大值

只需一小句代码，如下：printf("%d\n", ~(unsigned int)0 / 2);分析：当无符号0以二进制储存在内存中的时候，每一位都为0，以32位int为例，(unsigned int)0的二进制为：00000000000000000000000000000000按位取反（~）后，变成：111111111111111111111111111111

原创 nginx下实现pathinfo及WordPress、Typecho永久链接（伪静态）

今晚配置了下LNMP环境下的阿里云服务器，将网站（使用的是自己写的BasePHP Beta框架）部署完毕后发现伪静态功能未能启用，才发现原来nginx并不像apache那样可以直接支持pathinfo，因此百度了一下，找到了启用pathinfo的解决方案。打开nginx.conf配置文件，找到类似如下代码的地方（不同版本的nginx可能稍有不同，但相差不远）：location ~ \.

原创 【Web前端】HTML文档与盒子模型

关于HTML百度百科里是这么说的：超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。为什么叫用于“描述”网页文档的“标记”语言呢？简单地说，它不像Java，C++等程式语言，而是通过标记（也称标签）来表示一个网页的结构与内容，它的语法非常简单，只是由各种不同的标记组合而成，因此这类语言的学习方式主要靠积累，而

转载 创建等高列布局的八种方法

最近正在考虑写一篇关于CSS等高布局的文章，今天就在微博上看到W3CPlus上发表的一篇文章《八种创建等高列布局》，看了也是颇有收获，特收藏于此，也同大家分享。高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色，高度相等还是不相等都无关紧要，因为你只要在这些列的父元素中设置一个背景色就可以了。但是，如果一个或多个列需要单独设置自己的背景色，那么它的视觉完整性的设

原创 操纵历史，利用HTML5 History API实现无刷新跳转

写在前面有一次在上点点网的时候，发现登陆、注册动画效果非常华丽，但让我感到震惊的是页面竟能够实现无刷新跳转（已改版，观看此效果可以猛击此处：GitHub或阅FM），回顾了所学的前端知识，似乎没有任何技术可以实现这一点，于是百度搜罗了一下，才发现这原来是使用HTML5中History API实现的效果，但奈何一直未曾派上用场。直到我的博客改版时，才将这一技术应用起来。

原创 新浪微博表情jQuery插件 v1.2——方便地实现表情插入功能

开发缘由自从新浪微博开放平台推出以来，各种微博应用层出不穷，作为新浪微博的忠实用户之一，我也曾开发过几个微博应用，对于微博发布应用来说，有一个功能是必不可少的，那就是表情。表情功能的实现虽说不难，但却比较繁琐，首先要了解新浪微博开放平台的表情API，然后通过某种方式调用，如果通过网页后台代码直接读取储存到JavaScript变量中，又会拖慢网页加载速度，如果采用AJAX读取，又要解决跨域问题，

原创 丰富网页摘要——HTML5中的“微数据”(MicroData)

什么是“微数据”大多数网络管理员都熟悉网页上的HTML标签，通常情况下，HTML标记告诉浏览器如何显示在标签中包含的信息。 例如， 阿凡达告诉浏览器显示的文本字符串“阿凡达”在标题1格式。然而，HTML标记不提供任何有关文本字符串意味着什么，“阿凡达”可能是指取得巨大成功的3D电影的信息，或者它可以指一张纸娃娃系统的图片，这使得搜索引擎难以智能地理解网页中的具体内容。微数据的作

原创

什么是“微数据”大多数网络管理员都熟悉网页上的HTML标签，通常情况下，HTML标记告诉浏览器如何显示在标签中包含的信息。 例如， 阿凡达告诉浏览器显示的文本字符串“阿凡达”在标题1格式。然而，HTML标记不提供任何有关文本字符串意味着什么，“阿凡达”可能是指取得巨大成功的3D电影的信息，或者它可以指一张纸娃娃系统的图片，这使得搜索引擎难以智能地理解网页中的具体内容。微数据的作用微

原创 [SEO]利用Ping服务通知搜索引擎博客更新的原理与代码实现

什么是Ping服务Ping服务是基于XML_RPC标准协议的更新通告服务，当博客内容发生更新时，可以向搜索引擎发出通知，而搜索引擎接收到通知后将派出蜘蛛对博客进行更新或收录。如何Ping服务Ping服务的使用方式有两种，一种是利用搜索引擎的博客提交页面进行提交，第二种是使用博客程序中的Ping功能，如WordPress自带的更新服务（设置-撰写-更新服务），或者Typecho

原创 [SEO]Typecho Ping自动更新服务插件（兼容SAE）

写在前面博客改版从WordPress转到Typecho也有半个月了，对于一个站长来说SEO自然是一件非常重要的事，但却苦于Typecho中没有WordPress中的更新服务，于是从各方搜集资料，自己写了一个Typecho Ping插件，经过半个月的试用及改进，现将Typecho Ping v1.1.0版本发布，与大家共同分享。插件介绍自动更新服务，文章或页面更新时自动通

原创 [SEO]在线Ping服务地址与RPC服务地址集合

在线Ping服务地址百度：http://ping.baidu.com/ping.htmlGoogle：http://blogsearch.google.cn/ping有道：http://tellbot.youdao.com/report?type=BLOG搜狗：http://www.sogou.com/feedback/blogfeedback.phpRPC服务地址（SAE可用）

原创 [SEO]在线Ping服务地址与RPC服务地址集合

在线Ping服务地址百度：http://ping.baidu.com/ping.htmlGoogle：http://blogsearch.google.cn/ping有道：http://tellbot.youdao.com/report?type=BLOG搜狗：http://www.sogou.com/feedback/blogfeedback.phpRPC服务地址（SAE可用）

原创 [SEO]各大搜索引擎网站及Sitemap提交地址

网站提交地址百度：http://www.baidu.com/search/url_submit.htmlGoogle：http://www.google.com/intl/zh-CN/add_url.html搜搜：http://www.soso.com/help/usb/urlsubmit.shtml必应：http://search.msn.com/docs/submit.aspx雅虎：h

原创 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案

写在前面跨域的解决方案有多种，其中最常见的是使用同一服务器下的代理来获取远端数据，再通过ajax进行读取，而在这期间经过了两次请求过程，使得获取数据的效率大大降低，这篇文章蓝飞就为大家介绍一下解决跨域问题的一种比较通用的方案——JSONP。什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就

原创 JavaScript中实现函数重载和参数默认值

参数默认值是指在调用函数时，若省略了某个实参，函数会自动为该参数分配一个默认值，使得函数调用的方便性和灵活性大大提高。举个例子，比如PHP中的字符串截取函数substr(string,start,length)，当不指定length时，函数将默认截取字符串中start位置到字符串结束，而如果指定了length，则截取从start位置开始的以length为长度的字符串。再比如jQuery框架

原创 [前端设计]一枚小菜的博客前端大规模改版小记与总结

2012年7月29日中午，在SAE中看到博客应用性能等级为“D”，作为完美主义者兼强迫症的我受到极大刺激，自诩前端开发发烧友的我，个人博客使用的竟然还是别人设计的主题，虽然曾稍作优化，但仍是觉得代码臃肿却平凡单调，再想想我至今甚至未有多少自己较为满意的前端作品（详见 我的作品整理），于是立马开始了新主题的设计。原本的博客主题：由于刚刚安装了Visual Studio

2012年7月29日中午，在SAE中看到博客应用性能等级为“D”，作为完美主义者兼强迫症的我受到极大刺激，自诩前端开发发烧友的我，个人博客使用的竟然还是别人设计的主题，虽然曾稍作优化，但仍是觉得代码臃肿却平凡单调，再想想我至今甚至未有多少自己较为满意的前端作品（详见 我的作品整理），于是立马开始了新主题的设计。先贴一下原本的博客主题：由于刚刚安装了Visual Studio

原创 [ACM_HDU_3177]Crixalis's Equipment

Crixalis's EquipmentTime Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 1350 Accepted Submission(s): 543DescriptionCrixalis - Sand King use

原创 [HDU_ACM_Steps]Chapter One Section One

A+B for Input-Output Practice (I)Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 13098 Accepted Submission(s): 6187DescriptionYour task

原创 [ACM实验八]ACM程序设计基础（6）

实验项目：ACM程序设计基础(6)实验目的：掌握C++程序设计基础。实验要求：使用VC++6.0实现实验要求。实验内容：1．猜牌游戏问题，请看简单回溯——猜牌游戏（提示：可以参考实验六的最后一题Crashing Balloon）。2. 给定n个作业的集合Jn，每一个作业Ji都有两项任务分别在2台机器上完成。每个作业必须先由机器1处理，然后再由机器2处理。求所有作业在机器2上

原创 [ACM]简单动态规划——电路布线

电路布线【问题描述】在一块电路板的上、下两端分别有n个接线柱。根据电路设计，要求用导线（i，π(i)）将上端接线柱i与下端接线柱π(i)相连，如图所示。其中，π(i)，1在制作电路板时，要求将这n条连线分布到若干绝缘层上。在同一层上的连线不相交。你的任务是要确定将哪些连线安排在第一层上，使得该层上有尽可能多的连线。换句话说，就是确定导线集Nets={ i，π

原创 [ACM]简单回溯搜索——猜牌游戏

猜牌游戏【问题描述】猜牌游戏：桌上有分别写着1-100的100张牌，游戏者从100张牌子中抽出K张，把K(1【输入形式】从标准输入自然数S和自然数K。【输出形式】输出K张牌的所有方式（用空格隔开），每一种方式为一行，在每一行末均输出一个回车符。如果不存在K张牌相乘得到S的情况，则输出LIE。【输入样例】100 3100 523205 3

原创 CSS3无图片实现华丽折页菜单效果（多浏览器兼容）

昨天在做一个网站的左栏菜单的时候，突然想到，看了那么多创意的CSS3导航、菜单，何不自己动手做一个纯CSS3菜单呢？于是捣鼓了一下把想法给实现了，虽然说是比较老掉牙的一个创意，不过顺便也算是锻炼了一下CSS水平。先看看网页里的最终效果：那么，教程开始了！Step1首先，一个菜单的结构如下： 菜单1 菜单2 菜单3 菜单4