欢迎来到 艾瑞可erik 的魔法世界 🧙‍♂️

一只全栈开发的程序猿,偶尔做做运维、PHP、Goland、Python、Java、摄影、画画、写作、顺便睡觉,反正整站都搞过。

📚 289 篇文章 🏷️ 501 个标签 📂 89 个分类

🔥 最新文章

携程网站遭遇攻击

官方消息称今天上午11:00左右携程网站部分页面遭遇攻击无法打开,截止目前携程网站仍处于紧急修复中,预计修复时间未知…… 携程网站 携程故障 据几个qq群友讲,携程此次遭遇物理删除攻击,只要往服务器上传代码就会被自动删除,所有岗位技术,紧急加班修复,目前还未找到原因。 前段时间是易网遭遇不明原因攻击一部分功能无法使用,昨天是支付宝因挖断光纤无法完成支付(官方解释)。这个五月难道注定了互联网的不平凡。 物理删除是什么? 物理删除是指文件存储所用到的磁存储区域被真正的擦除或清零,这样删除的文件是不可以恢复的。

CSS中强大的EM

使用CSS也好久了,但一直都是在使用“px”来设置Web元素的相关属性,未敢使用“em”。主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中要求使用“em”作为单位设置元素,所以从头对“em”学习了一回。稍为有一点理解,今天特意整理了一份博文与大家一起分享,希望对童子们有些许的帮助。 这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局,从而学习其如何计算?又是如何使用“em”对层进行弹性扩展?又是如何扩展文本和图像等内容?下在我们就一起带着这些问题开始今天的“em”之行。

php获取指定时间段的闰年

源码 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网站开发过程中,经常会遇到过滤评论或者文章内容。在后台可控制,前台调用数据库,以便及时修改,控制提交的数据进行过滤。 这边我所接触到的原理是把禁用语句保存在数组,用分割函数来拆分数组,然后用正则表达式函数对禁用语句判断。 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个方法帮你成为创意高产达人

chuangyi

1、联想思维

第一个创意方法,就是联想思维。这是每个人在思考时都会潜移默化使用到的一个方法。有点像头脑风暴,以一个核心事物为起点,将与之有关的元素进行联 想,以一种放射性的方式向外延展。思维联想听起来是个很简单的方法,但是大多数时候,思维在大脑中流窜,是杂乱无序、没有逻辑的,所以我们需要一些系统化 的方法将思维沉淀下来,为思路找一个清晰的方向。如果不知道从哪里入手,我们可以从三方向进行思考:横向联想、纵向联想和关联联想。 横向联想是指围绕核心事物进行发散,只考虑与核心事物有直接关联的,也就是一度关联的事物。