使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。 这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“em”对层进行弹性扩展？又是如何扩展文本和图像等内容？下在我们就一起带着这些问题开始今天的“em”之行。
php获取指定时间段的闰年
源码 
<?php / 版权所有 木木夕互联网开发 http://www.erik.xyz 开发者：艾瑞可 2015年5月13日 下午11:50:36 PHP */ header(“Content-Type:text/html;Charset=utf-8”); //计算2000到2030之间所有的闰年 / 分析：闰年是除以4为整数的的年份，所以只要符合除以4没有余数的年份都是闰年 / $_POST[“sub”]=2000; //从2000年开始 if($_POST[“sub”]){ for($a=2000;$a<=2030;$a++){ //定义循环变量 if($a%4==0){ //判断除以4为整数的年份 echo $a.” ”; } } } ?> 输出结果 
JS判断浏览器类型及版本
摘自：
狼-志 你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。虽然说现在有一些WEB技术（AJAX、ExtJS等）已经帮我们处理不同浏览器的兼容问题，但是有时候自己来解决岂不是更好，浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。 我们先来分析一下各种浏览器的特征及其userAgent。
去掉a标签点击后的虚线框
最近用bootstrap在做前端设计页面，突然发现a标签点击后出现虚线框，很郁闷啊。原因是css的outline属性 百度后找到网友给的解决办法是添加css样式 a:focus { outline: none; outline-style:none; -moz-outline:none; } 试试后貌似不起作用，肿么办。又找了一下才发现还有一个办法 在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。 测试 搞定 
php中定义函数过虑字符串
在php网站开发过程中，经常会遇到过滤评论或者文章内容。在后台可控制，前台调用数据库，以便及时修改，控制提交的数据进行过滤。 这边我所接触到的原理是把禁用语句保存在数组，用分割函数来拆分数组，然后用正则表达式函数对禁用语句判断。 
推荐13款优秀的Bootstrap JavaScript插件
Bootstrap是基于HTML，CSS和JavaScript的简洁灵活的流行前端框架及交互组件集，由微博先驱Twitter在2011年8 月开源的整套前端解决解决方案，拥有非常完备和详尽的开发文档，有了它，Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。 Twitter Boostrap的口号是适用于任何场景，适用于每一个人，如今越来越多的开发者开始积极使用Boostrap，就在几周前，Bootstrap发布了最 新版本，改进了许多新特性。Bootstrap是迄今为止最全面的前端框架及真正适用于快速成型和后端/CMS开发工具。本文收集了13款非常不错的 Twitter bootstrap JavaScript扩展插件，利用Boostrap开发者可以节省大量的时间修复跨浏览器布局问题，实现各种形式的Web界面。
1. Fuel UX 
Fuel UX是Twitter Bootstrap的一款轻量级插件。组件包括ComboBox, Datagrid, Pillbox, Search 和Spinner等一些实用的插件。
2. BootMetro 
BootMetro可以将bootstrap转换成Microsoft Metro UI。此外，BootMetro附带的JavaScript插件能够很好的支持Metro性能。
3. WYSIHTML5 
WYSIWYG HTML5非常漂亮的一款Web编辑器，拥有比较全面的配置和事件能够满足你的需求。
4. jqBootstrap Validation 
我非常喜欢Bootstrap默认的风格。如果你想要个与众不同的主题，那么这个插件可以帮助你。
5. ColorPicker 
这个插件允许你添加颜色字段，支持多种色彩风格。
6. DatePicker 
Datepicker允许添加文本或者任意元素，它常被用作组件可支持多种日期格式。
7. TimePicker 
如果你拥有一款日期选择器，那么你肯定想自定义编辑日期。这款插件只需利用鼠标或者箭头键即可轻松输入文本。
8. DateRange Picker 
如果你曾用过Google Analytics（谷歌分析器），这款Javascript插件你肯定会很熟悉。DateRange非常适用于生成报表或者收集预约日期。
9. Bootbox JS 
利用Twitter Boostrap现有模式创建编程式对话框。bootbox是一款非常灵活的且强大的JavaScrip对话框。
10. jQuery UI Bootstrap 
这款拥有和Twitter Boostrap相似的主题，最重要的是如果你想将bootstrap和jQuery UI集成在一起，这个主题将会使它们看起来更加一致。
11. jQuery File Upload 
基于HTML5 Ajax文件上传。基本的实现方式还是不错的，这里还有许多示例演示。
12. DataTables 
DataGrid与Fuel UX相似，支持排序，分页，搜索等功能。
13. Bootsnipp 
Bootsnipp不同于任何一款JavaScript插件，复制和粘贴布局代码段。它集合了常用的UI，包括登陆屏，窗口模式，表，导航栏等等，你可以获取代码并立即使用。
4个方法帮你成为创意高产达人
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true
<ul> <li>介绍：已有十多年开发经验，主要语言PHP、Web、Go、Java、Python等，有涉及R、Rust、Ruby。 最大的收获就是学好一门语言，其他的更好学。</li> <li>站长：艾瑞可erik</li> <li>邮箱：erik@erik.xyz</li></ul>