2014年03月_iteye_5904

原创解决压缩包跨平台解压缩的中文乱码问题

今天折腾着从两台服务器之间转移数据，两台服务器的操作系统都是Linux，操作面板都是Cpanel，还好Cpanel自带的文件管理器有压缩和解压缩功能，直接整站打包成zip，然后下载到本地，不过有些目录和文件暂且不需要了，所以就在我的笔记本上本地解压缩，整理之后重新打包成新的zip上传到新服务器。从新服务器上解包后就发现了一个很严重的问题，凡是含有中文的文件名都莫名其妙的成了乱...

2014-03-20 02:12:07 1137 1

原创 PHP读取数据库并按照中文名称进行排序实现代码

有时候我们读取数据库输出的时候可能会需要按照中文用户名的方式进行排序，传统的MySQL查询代码如下：$sql="SELECT * FROM users";//传统查询方式按照中文用户名进行排序的MySQL查询代码如下： $sql="SELECT * FROM users ORDER BY CONVERT(name USING gbk)";//按照中文用 ...

2014-03-20 02:00:36 383

原创对PHP输入输出流学习和认识

php://php:// — 访问各个输入/输出流（I/O streams）PHP 提供了一些杂项输入/输出（IO）流，允许访问 PHP 的输入输出流、标准输入输出和错误描述符，内存中、磁盘备份的临时文件流以及可以操作其他读取写入文件资源的过滤器。 php://stdin, php://stdout 和 php://stderrphp://stdin、php://...

2014-03-19 03:26:29 169

原创几款极好的 JavaScript 下拉列表插件

表单元素让人爱恨交加。作为网页最重要的组成部分，表单几乎无处不在，从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能，表单都让开发者花费了大量的时间和精力去处理，以期实现好用又漂亮的表单功能。这篇文章分享几款很棒的 JavaScript 下拉列表功能增强插件。 Selectize.jsSelectize 是一个基于 jQuery 的 <select> UI...

2014-03-19 01:45:05 715

原创 IE 浏览器各个版本 JavaScript 支持情况一览表

不同版本的 Internet Explorer 浏览器支持不同的 JavaScript 元素集。标准模式（有 <!doctype> 指令时 Internet Explorer 所有当前版本中使用的模式）支持的一组元素与突发模式（没有 <!doctype> 指令时使用的模式）不同。有关版本控制的更多信息，请参见Defining Document Compatibilit...

2014-03-19 01:33:44 153

原创 :before和::before的区别

在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 W3C关于CSS3选择器的规范中有一段描述：A pseudo-element is made of ...

2014-03-18 06:23:09 203

原创一些上流的CSS3图片样式

译自：CSS3 Image Styles 中文：CSS3图片样式请尊重版权，转载请注明来源，多谢～～直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时，浏览器并不能完美的渲染它们。不过，如果把这个图片用作背景图，你就可以可以给它添加任何样式了，浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程，讲解如何使用jQuery...

2014-03-18 06:17:16 280

原创 CSS3 Media Query 响应式媒体查询

在CSS中，有一个极其实用的功能：@media 响应式布局。具体来说，就是可以根据客户端的介质和屏幕大小，提供不同的样式表或者只展示样式表中的一部分。通过响应式布局，可以达到只使用单一文件提供多平台的兼容性，省去了诸如浏览器判断之类的代码。当然这种设计也存在着缺点，比如我所见的不少使用响应式布局的设计在适配移动端时大量使用 display:none 隐藏富媒体元素，这样势必会导致大量不必要...

2014-03-18 01:16:36 214

原创使用 position: sticky 达到粘性元素区域悬浮效果

在一些很长的表格中，常常会使用表头悬浮的设计以方便阅读，即在表格离开窗口之前，表头会一直 fixed 悬浮在表格的最顶上。还有许多诸如评论框等元素，也采用了这种被称为 Sticky Pin 或者粘性元素的设计。这种效果一直以来需要通过 JavaScript 实现。不过就在去年，这项结合了 Relative （在屏幕中时）和 Fixed （移出屏幕时）的样式效果被提案添加到了 C...

2014-03-18 01:12:33 391

原创你所不知的 CSS ::before 和 ::after 伪元素用法

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles...

2014-03-18 00:57:11 1350

原创用jQuery插件jVectorMap制作中国省份区域图

jVectorMap是一个优秀的、兼容性强的jQuery地图插件。它可以工作在包括IE6在内的各款浏览器中，矢量图输出，除官方提供各国地图数据外，用户可以使用数据转换程序定制地图数据。这里基于jVectorMap插件制作中国地图，其中近期有活动进行的省份区域变色显示，点击有活动的省份区域，便打开对应活动列表页面。首先引入必需的文件，包括样式表、jQuery框架、jVec...

2014-03-16 20:53:15 1493 1

原创 jquery地图插件jvectorMap

jVectorMap地图插件只要浏览器技术JavaScript、CSS,HTML,SVG或VML就可以浏览使用，不需要Flash或其他专有的浏览器插件。所以jVectorMap在所有现代移动浏览器上也能正常运行。 jvectorMap官方网址： http://jvectormap.com/ 和 http://jqvmap.com/ github地址：https://git...

2014-03-16 20:39:14 509

原创 WordPress 数据库操作WPDB对象($wpdb)用法详解

使用wordpress的时候，如果想直接使用WP里封装的数据库操作的类(wp-db.php),将wp-blog-header.php包含到代码中就可以使用了。define(‘PATH’, dirname(dirname(__FILE__)).‘/’);require_once(PATH . ‘../wp-blog-header.php’);global $wpdb;...

2014-03-15 14:57:46 2594

原创 WordPress: 通过数据库(phpMyAdmin)添加admin用户

进入phpMyAdmin, 选择用户数据库 wp_users 或者 (前缀)_users ID – pick a number (in our example, we will use the number 4).user_login – insert the username you want to use to access the WordPress Dashboard...

2014-03-15 14:39:33 1743

原创 shell循环，判断介绍，以及实例

shell的循环主要有3种，for，while，untilshell的分支判断主要有2种，if，case 一，for循环#!/bin/bashfor file in $(ls /tmp/test/mytest |grep sh) //for in格式是shell for的基本格式，根js的for in类似do //循环开始你就把它...

2014-03-14 12:20:41 75

原创 QQ登录JS SDK教程，调用openapi接口

QQ登录将用户信息存储在cookie中,命名为__qc__k ，请不要占用 __qc__k : 1) :: 在页面顶部引入JS SDK库：将“js?”后面的appid参数（示例代码中的：100229030）替换成您自己的appid：<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/op...

2014-03-14 07:06:32 672

原创 OpenID 和 OAuth 的区别及第三方登录的安全隐患分析

不知道什么时候开始，我们已经习惯了点击“用XX帐号登录”或者 "Login with XX" 来访问网站，但是大多数人可能都不知道这背后涉及的事有多复杂。 OpenID 和OAuth 完全是为了两种不同的需求而生OpenID 的目标是为了帮助网站确认一个用户的身份 OAuth 的目标是为了授权第三方在可控范围下访问用户资源 OpenID 是怎么认证用户的？一个网站如果想...

2014-03-14 03:09:39 565

原创基于Bootstrap的网站后台模板Metronic

介绍一个非常好用的额后台模板：Metronic。它是一个扁平化设计的响应式后台管理模板，基于强大的Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。在线演示本地下载原文地址: http://www.phpddt.com/dhtml/bo...

2014-03-13 13:19:16 288

Intro.js介绍：Intro.js是一个用于用户引导的js框架，只要你在项目中引入intro.js和 introjs.css文件，相应的元素上添加属性data-step步骤 data-intro引导说明文字 data-position相对位置，然后通过出发introJs().start();就可以实现复杂的引导流程。Intro.js演示：http://usablica.github.io/i...

2014-03-13 12:42:04 1973

原创在 Sublime Text 中使用 SFTP 插件快速编辑远程服务器文件 Sublime-text with SFTP plugin ...

Sublime Text 2 本身并不强大，但是它方便使用插件扩展功能，所以变得很强大。今天介绍一个很实用的插件 SFTP ，可以大大提高前端工作效率。常见的工作流程有时候修改一些网站上的文件，通常是下面这样的流程：使用 FTP/SFTP 连接到远程服务器 -> 下载要修改的文件 -> 使用 ST2 修改文件 -> 保存然后拖进 FTP 中 -> 刷新网...

2014-03-12 12:17:30 763

原创 FullCalendar 七：FullCalendar应用——整合农历节气和节日

FullCalendar用来做日程管理功能非常强大，但是唯一不足的地方是没有将中国农历历法加进去，今天我将结合实例和大家分享如何将中国农历中的节气和节日整合到FullCalendar中，从而增强其实用性。如果您还不了解日程安排FullCalendar日历的相关知识，请先阅读本站系列文章：日程安排FullCalendar的应用。查看演示DEMO 下载源码 HTML首...

2014-03-11 02:56:56 741

原创 FullCalendar 六：FullCalendar应用——拖动与实时保存

我们可以使用FullCalendar建立一个非常强大的日历程序，用户可以轻松的在FullCalendar操作日程安排，诸如新建、修改、删除等操作以及本文将要讲解的拖动、缩放日程事件。查看演示DEMO 下载源码 HTML我们将日程页面命名为drag.html，首先是要载入jQuery库，jQuery ui以及fullcalendar插件。<script src=...

2014-03-11 02:56:40 2390

原创 FullCalendar 五：FullCalendar应用——编辑与删除日程事件

FullCalendar可以灵活运用到项目开发中，本站上一篇文章中，我们介绍了如何在FullCalendar新建日程事件，今天我要给大家介绍的是如何在FullCalendar中编辑和删除日程事件，这样我们就完成了FullCalendar上的“增删改查”一系列操作。查看演示DEMO 下载源码 HTML和上一篇文章FullCalendar应用——新建日程事件一样，HTM...

2014-03-09 03:31:38 2218

原创 FullCalendar 四：FullCalendar应用——新建日程事件

FullCalendar用日历的形式直观的展示了日程安排、代办事宜等事件，那么日历中的事件是怎么添加进去的呢？本文将结合实例使用PHP+MySQL+jQuery讲解如何在FullCalendar中新建事件。查看演示DEMO 下载源码本站之前已经推出的FullCalendar应用系列文章中，有介绍FullCalendar的基本使用，FullCalendar的选项配置 API，...

2014-03-09 03:31:26 1963

原创 FullCalendar 三：FullCalendar应用——读取JSON数据

开发者可以使用FullCalendar创建强大的日历日程应用，FullCalendar提供了丰富的选项设置和方法调用，使得开发者可以轻松的创建各种功能的日历程序。本文将结合实例使用PHP读取MySQl数据，显示在FullCalendar日历中。查看演示DEMO根据FullCalendar日历插件说明文档中的介绍，日历主体事件数据的来源有三，一是直接以javascript数组的形...

2014-03-09 03:31:04 996

原创 FullCalendar 二：FullCalendar日历插件说明文档

FullCalendar提供了丰富的属性设置和方法调用，开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发，本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档，方便参阅。当前版本1.6.4。普通显示设置属性描述默认值header设置日历头部信息。如果设置为false，则不显示头部信息。包括left，ce...

2014-03-09 03:30:52 677

原创 FullCalendar 一：日程安排FullCalendar

FullCalendar是一款基于jQuery的日历插件，适用于各种日程安排、工作计划等场景，您可以很方便的查看查看待办事项，标记重要事项以及绑定点击和拖动事件，能快速的整合到您的项目中，本文将简单介绍FullCalendar的使用。查看演示DEMO 下载源码 HTML首先第一步就是在需要调用FullCalendar日历的页面中载入必要的javascript和css文件...

2014-03-09 03:30:00 760

原创 PHP+MySql+jQuery实现的“顶”和“踩”投票功能

当我们浏览网页时，我们想对网页内容如文章、评论中的观点持赞同或反对意见时，可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程，开发者可以通过ajax异步来实现，从而提高用户体验。本文结合实例，讲解使用PHP+MySql+jQuery实现的“顶”和“踩”投票功能，通过记录用户IP，判断用户的投票行为是否有效，该实例也可以扩展到投票系统中。如果您具备PHP、MySql和jQu...

2014-03-08 06:51:17 108

原创 Zclip：复制页面内容到剪贴板兼容各浏览器

WEB开发中，要让用户复制页面中的一段代码、URL地址等信息，为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错，我们可以直接在页面中放置一个复制按钮，只需要轻轻一点这个复制按钮，内容将会被复制，然后用户可以粘贴到想粘贴的地方。本文将结合实例讲解如何使用一款基于jQuery的插件——Zclip来实现复制内容到剪贴板的功能。其实IE上有个方法可以实现点击复制，但是由于只是IE...

2014-03-08 06:46:49 141

原创 iPictrue：图片标注提示

iPictrue是一款基于jQuery，能在图片上的任意位置标注提示信息的插件，使用iPictrue可以让图片内容更丰富，提高互动性，适用于一些需要注释图片信息的应用如产品结构图等，它还支持图片、链接等html内容。查看演示DEMO 下载源码 HTML首先在页面中加入jquery库以及iPicture插件，以及css样式文件。<link rel="style...

2014-03-08 06:43:09 396

原创使用raphael.js绘制中国地图

最近的数据统计项目中要用到中国地图，也就是在地图上动态的显示某个时间段某个省份地区的统计数据，我们不需要flash，仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中，我给大家分享如何使用js来完成地图交互。查看演示DEMO 下载源码先简单介绍下raphael.js，raphael.js是一个很小的javascript库，它可以在网页中实现绘制各种矢...

2014-03-08 06:34:26 219

原创 Ubuntu终端(terminal)及Thunderbird邮件客户端常用的快捷键

Ubuntu终端常用的快捷键Ubuntu中的许多操作在终端（Terminal）中十分的快捷，记住一些快捷键的操作更得心应手。在Ubuntu中打开终端的快捷键是Ctrl+Alt+T。其他的一些常用的快捷键如下：快捷键功能Tab自动补全Ctrl+a光标移动到开始位置Ctrl+e光标移动到最末尾Ctrl+k删除此处至末尾的所有内容...

2014-03-06 15:25:31 529

原创 jQuery教学－简单好用的视差滚动特效Parallax Effect

若各位有在注意Firefox OS的朋友，应该会发现到，在台湾的官网中，有一个相当特别的效果，当滚动画面时，感觉画面上叠了一层图层，可在某一个区块中，把背景固定住，然后内容不断的更换，当这个单元介绍完后，再向下滚动卷轴时，下个单元的内容则会向上推，把上一个单元的内容给覆盖上去，是一个相当特别的视觉新感受，而这个酷炫的特效也有专有名称，就叫作「视差滚动」特效，只需透过CSS、jQuery...

2014-03-06 15:22:04 283

原创 iframe跨域通信的通用解决方案-第二弹!（终极解决方案）

一年前，我发过一篇关于跨文档通信方案的文章《iframe跨域通信的通用解决方案》，提供了一种基于创建iframe与轮询window.name的方案。一年后，很高兴地带来彻底改造的新版本。实际上新方案已经用了很久了，一直没有时间抽象出来，最近终于挤时间分享出来了！~ 回望过去第一版的方案还是有不少问题，这里统一回复与总结一下。第一次使用MessengerJS的同学，可以直接...

2014-03-06 05:12:46 1511

原创视差滚动的爱情故事之优化篇

上篇博客链接：视差滚动的爱情故事【优化问题：解决Chrome下跳动的bug】在上一篇的爱（diao）情（si）故事里面，demo3在 Chrome下是这样的问题：鼠标滚动视差元素动画生硬，鬼畜跳动，拖动滚动条却没有这样的问题。之前也分析过，是因为Chrome只触发一次 scroll事件导致的（还有个上下跳动的原因，博客后面会再论述），后来IE10也发现也有这个问题。概括...

2014-03-06 04:51:46 227

原创视差滚动的爱情故事

故事说起在一个冰冷幽暗的夜晚上，我正思考的十分重要的人生问题，这周末该去那里happy好呢？是宅在家里好呢，或者宅在家里好呢，还是宅在家里好呢？这时，万年隐身的QQ竟然浮起浅色聊天框，我去！不得了，居然是女神主动联系我，女神一定是因为我俊朗的五官，185的模特身材而深深地迷恋上我了，呵呵呵呵呵呵。 “诶，谭伟X，你在干嘛呢？” “没啊，在思考人生。” 难道这是要约我的节奏吗...

2014-03-05 12:40:03 130

原创浅谈Java SE、Java EE、Java ME三者的区别

现在一个个来分析 1. Java SE（Java Platform，Standard Edition）。Java SE 以前称为 J2SE。它允许开发和部署在桌面、服务器、嵌入式环境和实时环境中使用的 Java 应用程序。Java SE 包含了支持 Java Web 服务开发的类，并为 Java Platform，Enterprise Edition（Java EE）提供基础。 ...

2014-03-01 06:05:54 321

原创 HTML5 Canvas和EaselJS入门（译）

HTML5中最受开发者期待的一项新特性莫过于Canvas（画布）元素了。Canvas元素提供了一个可以动态渲染图形和位图的位图画布。它非常类似于Flash中的Bitmap和BitmapData两个类。但是，要使用Canvas还是有点难度的，特别是如果你还想管理，重绘或者运动图形或图片。与Flash播放器不同的是Canvas没有显示队列或显示个别项目这种概念，它提供一个用于绘图的画布，...

2014-03-01 06:05:11 182

原创使用 HTML5 canvas 绘制精美的图形

HTML5 是一个新兴标准，它正在以越来越快的速度替代久经考验的 HTML4。HTML5 是一个 W3C “工作草案” — 意味着它仍然处于开发阶段 — 它包含丰富的元素和属性，它们都支持现行的 HTML 4.01 版本规范。它还引入了几个新元素和属性，它们适用许多使用 web 页面的领域 — 音频、视频、图形、数据存储、内容呈现，等等。本文主要关注图形方面的增强：canvas。 ...

2014-03-01 06:05:07 389

原创使用 HTML5 canvas 进行 Web 绘图

新的 HTML5 规范旨在帮助开发人员更轻松的编写出各类 Web 应用，以顺应当前 SaaS，云计算以及 RIA 等技术的最新趋势。在 HTML5 得以广泛推广之前，开发人员通常使用 SVG，VML 等技术进行 Web 绘图操作，但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求，比如 Web 游戏所需要的像素级别的绘图能力。HTML5 canvas 元素的出现...

2014-03-01 06:04:58 443

空空如也

空空如也