2013 年 3月随笔档案 - Joanna Qian

教你创建Google网站地图Sitemap.xml（转）

摘要：http://teachmyself.blog.163.com/blog/static/18881422920119895248288/ Sitemap.xml是 google搞出来的，也就是网站地图，不过这个网站地图是用xml写的，而且要按google的标准来写，并且要将写出来的这个文件 sitemap.xml上传到自己的服务器空间中去。目前，Google, Yahoo, MSN都已经声明支持这种格式，Baidu还没有声明支持，但估计走这一步也是大势所趋。这将是向众多搜索引擎提供你网站信息的一种很好的方法。提交sitemap一是有利于搜索抓取一些正常抓取过程中无法抓取的网址，比如动态网.. 阅读全文

posted @ 2013-03-31 10:32 Joanna Qian 阅读(2745) 评论(0) 推荐(1)

sitemap.xml生成方法(asp和php)（转）

摘要：http://teachmyself.blog.163.com/blog/static/18881422920119895435272/sitemap.xml是一种站点地图协议，此协议文件基于早期的robots.txt文件协议，并有所升级。向搜索引擎中提交了sitemap.xml的网站将更有利于搜索引擎网页爬行机器人的爬行索引，这样将提高索引网站内容的效率和准确度。一共有六个标签，changefreq:页面内容更新频率;lastmod:页面最后修改时间;loc:页面永久链接地址;priority:相对于其他页面的优先权(这个标签可以不使用);url:相对于前 4个标签的父标签;urlse. 阅读全文

posted @ 2013-03-31 10:29 Joanna Qian 阅读(1073) 评论(0) 推荐(0)

JavaScript在IE浏览器和Firefox浏览器中的差异总结(转)

摘要：http://witmax.cn/javascript-difference-summary.html JavaScript在IE浏览器和Firefox浏览器中存在一些差异，以下对这些差异部分进行了总结，以及解决方案：1.HTML对象的 id 作为对象名的问题IE：HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用Firefox：不支持解决方法：使用document.getElementById替代document.all2.如果控件只有name,没有id, 用getElementById时: IE：可以找到对象Firefox：返回NULL解决方法：所有控件必须设置I 阅读全文

posted @ 2013-03-31 10:05 Joanna Qian 阅读(249) 评论(0) 推荐(0)

Google Maps和GIS开发资源收集

摘要：Google MapsJQuery Mapsgoogle map是怎样工作的Google Map API基本概念Google Maps API编程资源大全google map限制地图缩放级别和显示范围[javascript]google map api 与jquery结合使用Google maps API开发使用geoserver+openLayers加载google地图WebGIS近来学习小结，GoogleMap影像在线矢量化简述google map v3 api调用不再需要API key用json传递数据在google map上进行标识共享一个在Google Map中画各种图形得javas 阅读全文

posted @ 2013-03-28 11:14 Joanna Qian 阅读(474) 评论(0) 推荐(0)

HTML CSS列表元素ul,ol,dl的研究与应用（转）

摘要：http://www.zhangxinxu.com/wordpress/?p=489一、可以看做废话的前言HTML列表元素（如ol,ul,dl）等在现下的网站开发制作中有着非常广泛的应用，然而，它们的在不同浏览器下的脾气却不一样。本文就是分析这些列表元素的基本特性，在不同浏览器下的各类兼容性问题，以及介绍一些常见的应用等。对初学者或是有一定CSS方面经验的同行们应该会有帮助的。二、HTML中可用的列表元素1、无序列表：ul无序列表是最常使用的列表，下图显示了无序列表在不同浏览器下的显示：demo页面正如上面显示的，无序列表在不同浏览器下的默认设置是由些许差异的。当然，在如今实际的网站项目上是很阅读全文

posted @ 2013-03-27 03:11 Joanna Qian 阅读(678) 评论(0) 推荐(0)

浏览器缓存机制（转）

摘要：文章转自: http://harry.javaeye.com/blog/605749Cache-ControlCache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同一个指令。cache-control 定义是：Cache-Control = “Cache-Control” “:” cache-directive。表 1 展示了适用的值。表1. 常用 cache-directive 值Cache- 阅读全文

posted @ 2013-03-26 22:36 Joanna Qian 阅读(249) 评论(0) 推荐(0)

js 字符串转换成数字（转）

摘要：原文地址:http://blog.csdn.net/sam2007/archive/2009/04/01/4040427.aspx在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都阅读全文

posted @ 2013-03-26 04:58 Joanna Qian 阅读(433) 评论(0) 推荐(0)

JavaScript的数组及其操作

摘要：一、创建数组1.单纯创建数组:var arr=new Array();要点:用new关键字创建数组对象Array(),Array()对象是一个本地类,可以用new创建一个对象后使用2.创建数组的同时规定数组大小:var arr=new Array(10); //这里就创建了一个初始化大小为10的数组注意:当使用数组大小操作初始化大小时,数组会自动被撑大,不会像C语言那样发生错误.动态增长是js数组的一个性质.另外,js中支持最大数组长度为42949672953.直接初始化:var arr=new Array("love","hate","pai 阅读全文

posted @ 2013-03-26 04:39 Joanna Qian 阅读(278) 评论(0) 推荐(0)

JavaScript面试题整理

摘要：一、单选题 1、以下哪条语句会产生运行错误：（A）A.var obj = ( ); // 语法错误B.var obj = [ ];//定义一个数组C.var obj = { };//定义一个对象D.var obj = / /;//定义一个正则表达式2、以下哪个单词不属于javascript保留字：（B）A. withB. parentC. classD. void3、请选择结果为真的表达式：（C）A. null instanceof ObjectB. null === undefinedC. null == undefinedD. NaN == NaN说明：==用于一般比较，===用于严格比较阅读全文

posted @ 2013-03-23 10:49 Joanna Qian 阅读(688) 评论(0) 推荐(0)

jquery实现页面加载进度条(转)

摘要：实现原理：根据页面执行js的顺序将遮罩层和loading图片最先显示出来，等到页面加载完成后，用js控制图片消失。既在网页的头部放置一个文字或者图片的 loading 状态，然后页尾载入一段 JS 隐藏掉，根据浏览器的载入顺序来实现的简易 Loading 状态条。比较简单的步骤是：1、首先在<body></body>开始的地方放置<div id="loading"></div>2、在<head>和</head>之间放置样式和jquery框架<style type="text/css&qu 阅读全文

posted @ 2013-03-22 10:00 Joanna Qian 阅读(5706) 评论(0) 推荐(0)

求子集算法

摘要：题目：试编写一个函数，用来输出n 个元素的所有子集。例如，三个元素{a, b, c} 的所有子集是：{ }（空集），{a}, {b}, {c}, {a, b}, {a, c}, {b, c} 和{a, b, c}。递归求子集void combination(char *s, int p, int q, bool *flag){ if (p == q) { for (int i=0; i<q; i++) { if(flag[i]) putchar(s[i]); } puts("... 阅读全文

posted @ 2013-03-21 11:34 Joanna Qian 阅读(3463) 评论(0) 推荐(0)

八个有用的WordPress的SQL语句（转）

摘要：http://www.williamlong.info/archives/1650.html1、创建备份数据库备份数据库是首先要做的事情，只需要通过以下方法就可以简单备份数据库：登录phpMyAdmin后。选择你的WordPress数据库，然后点击“导出”按钮，选择一种压缩方式（可以使用gzip）并单击“执行”按钮，当浏览器提示是否下载的时候，点“是”，将数据库文件下载到本地。 2、批量删除文章修订 WordPress2.6以后的版本增加了一个Post revisions功能，虽然有点用，但文章修订增加了你数据库的大小，我们可以选择批量删除。登录phpMyAdmin后执行下面的... 阅读全文

posted @ 2013-03-21 10:51 Joanna Qian 阅读(410) 评论(0) 推荐(0)

经典SQL语句大全（转）

摘要：http://www.cnblogs.com/yubinfeng/archive/2010/11/02/1867386.html(太有用了)一、基础1、创建数据库CREATE DATABASE database-name 2、删除数据库drop database dbname3、备份sql server--- 创建备份数据的 deviceUSE masterEXEC sp_addumpdevice 'disk', 'testBack', 'c:\mssql7backup\MyNwind_1.dat'--- 开始备份BACKUP DATABAS 阅读全文

posted @ 2013-03-21 10:39 Joanna Qian 阅读(222) 评论(0) 推荐(0)

数据库设计准则（第一、第二、第三范式说明）

摘要：I、关系数据库设计范式介绍1.1 第一范式（1NF）无重复的列所谓第一范式（1NF）是指数据库表的每一列都是不可分割的基本数据项，同一列中不能有多个值，即实体中的某个属性不能有多个值或者不能有重复的属性。如果出现重复的属性，就可能需要定义一个新的实体，新的实体由重复的属性构成，新实体与原实体之间为一对多关系。在第一范式（1NF）中表的每一行只包含一个实例的信息。简而言之，第一范式就是无重复的列。说明：在任何一个关系数据库中，第一范式（1NF）是对关系模式的基本要求，不满足第一范式（1NF）的数据库就不是关系数据库。1.2 第二范式（2NF）属性完全依赖于主键[消除部分子函数依赖] 第... 阅读全文

posted @ 2013-03-21 09:45 Joanna Qian 阅读(290) 评论(0) 推荐(0)

25个HTML5和JavaScript游戏引擎库（转）

摘要：1. The GMP JavaScript Game EngineGMP是一个基于精灵2-D游戏，它可以很容易地设计复古风格的街机游戏。它也非常适合于制作拼图，数独或gogopop。GMP已经提供了一些实用游戏原型，减少游戏开发周期。项目地址2. PlaycraftThe Playcraft Engine equips you with a completeHTML5game engine toolset that gives you everything you need to build your game and take it directly to market. The Playc 阅读全文

posted @ 2013-03-20 21:33 Joanna Qian 阅读(1599) 评论(0) 推荐(0)

什么是JSON+JavaScript处理JSON的简单例子

摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。JSON建构于两种结构：1、“名称/值”对的集合（A collection 阅读全文

posted @ 2013-03-20 11:01 Joanna Qian 阅读(416) 评论(0) 推荐(0)

十大最佳Ajax教程（转）

摘要：Ajax通常被认为是一门单独的语言，实际上它是很多语言的集合包括DHTML, Javascript, XML 和JSON，全称为Asynchronous JavaScript and XML（异步JavaScript和XML)，是由Jesse James Gaiiett创造的名词。由于它的灵活性、优美以及快速的响应时间可以提高开发体验等原因，Ajax在许多开发领域变得越来越流行。本文作者推荐了十大最佳Ajax教程，全文如下：我承认Ajax有一个学习曲线，但一旦你把握要领认真学习并在项目中实施之，你就会享受到Ajax带来的开发乐趣。网上有成百上千的Ajax教程，你可以从头学习直至成长为高手。我阅读全文

posted @ 2013-03-20 10:48 Joanna Qian 阅读(293) 评论(0) 推荐(0)

SASS初学者入门（转）

摘要：http://rd.189works.com/article-108018-1.htmlSass 是什么？Sass 是Syntactically Awesome Stylesheete Sass的缩写，是由Hampton Catlin开发的。Sass可以简化你的Css工作流，并可以使你的Css的扩展和维护工作变的更加容易！例如，曾几时何，因为客户的需求的变更，你必须不断的通过查找和替换来更改一个像素值，或者，为了能够确定多栏布局中某一栏的宽度，你需要使用计算像素值软件才能搞定。Sass引入了一些新的概念如，变量，混合，嵌套和选择器继承。Sass看起来似乎和css很像，但它没有分号和大括号。以下阅读全文

posted @ 2013-03-20 05:08 Joanna Qian 阅读(268) 评论(0) 推荐(0)

PhoneGap插件入门（转）

摘要：PhoneGap插件概述PhoneGap有两部分组成1.PhoneGap javascript API，即对在浏览器(支持各种浏览器)上运行的javascript公开的一些原始功能的API2.PhoneGap javascript API中，针对不同平台的本地代码这些对我们做成通用是非常有利的1.通过PhoneGap javascript API访问物理位置2.通过PhoneGap javascript API访问联系人3.拨打电话4.等等或多或少，我们已经对javascript开放了大部分手机功能PhoneGap插件局限(Heavy Weight Lifting、后台处理、复杂的业务逻辑) 阅读全文

posted @ 2013-03-20 05:01 Joanna Qian 阅读(382) 评论(0) 推荐(0)

PhoneGap介绍

摘要：PhoneGap是一个基于HTML和JavaScript的应用开发平台，使用它可以构建本地应用。你可以把PhoneGap看作一个正方形的web view container，它使用JavaScript编程接口实现用户在不同操作系统下的访问。你可以利用传统的web开发技术(如HTML、CSS、JavaScript)开发用户接口，利用PhoneGap容器把它们部署到不同的应用环境和设备上。PhoneGap可以被用来开发跨平台的应用，这些平台包括AppleiOS、GoogleAndroid,、Windows Phone、BlackBerry、HP webOS,、Symbian和bada。你可以通过链阅读全文

posted @ 2013-03-20 04:55 Joanna Qian 阅读(731) 评论(0) 推荐(0)

PhoneGap android环境设置

摘要：一. 安装SDK + Cordova下载安装Eclipse Classic下载安装Android SDK下载安装ADT Plugin下载Cordova，并解压到任意目录二、搭建环境配置环境变量三、Eclipse建立工程1、新建普通android工程，New > Android Project在根目录下新建/libsassets/www拷贝PhoneGap中的资料拷贝cordova-2.5.0.js到assets/www拷贝cordova-2.5.0.jar到/libs拷贝xml文件夹到/res拷贝android文件夹到/libs建立build Path，鼠标右键单击/libs文件夹，并选阅读全文

posted @ 2013-03-20 01:02 Joanna Qian 阅读(365) 评论(0) 推荐(0)

过桥谜题-Bridge and torch problem

摘要：老外面试时候考的逻辑题——网上找了个类似的题目1：Four people come to a river in the night. There is a narrow bridge, but it can only hold two people at a time. They have one torch and, because it's night, the torch has to be used when crossing the bridge. Person A can cross the bridge in one minute, B in two minutes, C 阅读全文

posted @ 2013-03-19 09:27 Joanna Qian 阅读(1355) 评论(0) 推荐(0)

一万个数查找两个重复数，快速二分查找法 O(logN)（转）

摘要：题目：1-1000放在含有1001个元素的数组中，只有唯一的一个元素值重复，其它均只出现一次。每个数组元素只能访问一次，设计一个算法，将它找出来；不用辅助存储空间，能否设计一个算法实现？一、有序情况有1001个数，按照从小到大的顺序排列，其中只有两个数是重复的。当然，因为有序，装两个数也必定是挨着的。题目的要求就是用最少的内存开销、最少的时间开销找出这个重复的数字在莫贝特的博客中，他的算法是将（1001个数字的和）- （1000个数字的和）= 重复数字，这种算法思路简单，但是时间复杂度是最高的，共进行了2000次循环，至于留言中的其他算法也基本上属于线性查找，线性查找的时间复杂度是 O(N 阅读全文

posted @ 2013-03-19 08:49 Joanna Qian 阅读(3613) 评论(0) 推荐(0)

img与容器下边界的空隙（缝隙） img与div（block类型元素）下边界有距离（或者叫缝隙、空隙）的解决方法

摘要：img与div（block类型元素）下边界有距离（或者叫缝隙、空隙）。解决方案：法宝一：给图片img标签display:block法宝二：定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top。img{vertical-align:bottom;}至于HTML属性align="center"（对于图片浏览器会处理成align="middle"）的解决办法，就相当于vertical-align:middle; 所以道理也是一样的，只要vertical-align不取ba 阅读全文

posted @ 2013-03-16 03:10 Joanna Qian 阅读(3732) 评论(0) 推荐(0)

自动转向(Auto-Redirecting)技术

摘要：自动转向(Auto-Redirecting)，也叫自动重定向。自动跳转，指当访问用户登陆到某网站时，自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页，也可以是其它网站。通常情况下，浏览器会收到一个网页，该页面含有自动加载一其它网页的代码。该页面有可能在服务器端被转换，这样的话，浏览器只收到一个页面，而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。对自动转向技术(Auto-Redirecting)的合理应用包括：将用户转向到指定浏览器的网页版本；当网站的域名变更或删除后将人们转向到新域名下，等等。但现在这种技术却往往被搜索引擎优化人士用... 阅读全文

posted @ 2013-03-14 00:46 Joanna Qian 阅读(1410) 评论(0) 推荐(0)

善用rel=’canonical’，权重更集中(转)

摘要：http://bbs.tui18.com/forum.php?mod=viewthread&tid=2143734canonical标签是做什么用的？canonical标签就是告诉搜索引擎哪个页面是权威页面。以我的理解，Canonical标签大致的作用如下。第一，使用Canonical标签使网址规范化。第二，避免内容重复页面，搜索引擎收录更准确。第三，集中传递页面权重。canonical链接标签只能作用于同一个域名所在的网址，不能作用于不同域名上的重复内容。如果是跨站，可以使用301重定向。网址不规范，会降低页面权重，是因为搜索引擎会认为页面内容有重复。做法是将这些不规范的网址，阅读全文

posted @ 2013-03-14 00:33 Joanna Qian 阅读(520) 评论(2) 推荐(0)

正则表达式收集（转）

摘要：转载自：http://www.cnblogs.com/guiliangfeng/archive/2010/11/16/1878232.html只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。只能输入有1~3位小数的正阅读全文

posted @ 2013-03-13 04:53 Joanna Qian 阅读(205) 评论(0) 推荐(0)

网页中Google Map的使用

摘要：要在自己的网页中嵌入地图，常用的方法可以归纳为以下几种：1、最简单的方法 ——使用谷歌地图主页的"链接" 如果你只需要在自己的页面上显示某个特定范围的地图，比如你的公司所在地，但是不需要在地图上添加任何额外的内容，比如标记、折线等等，那么，使用这个方法来嵌入谷歌地图是最简单的。登录谷歌地图主页，定位你需要显示的范围后，点击地图左上角的“链接”，会出现一个信息框，给出两个输入框，把第二个输入框中的内容拷贝到你的页面上就可以了。其实，这段嵌入代码就是一个iframe的声明，所以，虽然地图主页提供一个自定义地图并预览的功能，但是只能自定义地图的大小，如果需要的话，我们完全可以阅读全文

posted @ 2013-03-12 08:30 Joanna Qian 阅读(3517) 评论(0) 推荐(0)

WAI-ARIA无障碍网页应用属性完全展示(转)

摘要：http://www.zhangxinxu.com/wordpress/?p=2277一、你至少应该知道ARIA是什么东西！WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。而ARIA就是可以让屏幕阅读器准确识别网页中的内容，变化，状态的技术规范，可以让盲人这类用户也能无障碍阅读！二、为什么需要ARIA？回答标题问题前我先问其他几个问题？如何让盲人用户知道当前浏览区域就是网站主导航？如果让盲人用户知道点击某个按钮后出来的是弹框？如何让盲人用阅读全文

posted @ 2013-03-08 04:27 Joanna Qian 阅读(700) 评论(1) 推荐(0)

Retina（视网膜）的Web页面开发

摘要：一、retina视网膜时代的页面随着iphone4与new ipad的推出，retina(视网膜)屏在移动设备中被越来越广泛的应用，retina屏给画面带来了前所未有的清晰平滑效果，却给开发人员带来了一些小小麻烦……高分辨率屏幕与高像素密度屏幕在 Retina 视网膜屏幕面世之前人们很少关注像素密度，尤其在 Windows 系统下，提高屏幕分辨率一般都是通过提高屏幕尺寸。而随着屏幕分辨率的提升，图像和文字显示目标会相应缩小，造成观看极其不便。因为系统并不会自动根据屏幕尺寸和分辨率关系相应的调整文字和图标的大小。（即使手动调整也会因为微软一直采用的点阵字体和大多数位图在提高分辨率后，因为多于出的阅读全文

posted @ 2013-03-08 03:02 Joanna Qian 阅读(2058) 评论(1) 推荐(0)

Android Gallery组件详解(转)

摘要：http://www.eoeandroid.com/forum.php?mod=viewthread&tid=182297&reltid=39709&pre_thread_id=0&pre_pos=1&ext=CB官方API的文档，可以看到这样一句话：该类已被弃用，其他水平滚动窗口小部件包括HorizontalScrollView和ViewPager从支持库。因为这个类是里面的，时间比较久了。虽说被弃用，也只是不再支持后续的更新，但是我们也可以用它来作为一个学习的例子。所以说即使是Gallery不让用了，我们还可以使用HorizontalScrol 阅读全文

posted @ 2013-03-07 13:37 Joanna Qian 阅读(948) 评论(0) 推荐(0)

使用Android自带Gallery组件实现CoverFlow

摘要：源代码转载自国外Neil Davies，使用Apache2.0开源协议实现了一个自定义的ImageAdapter，为图片制作倒影效果。传入参数为context和程序内drawable中的图片ID数组。之后调用其中的createReflectedImages()方法分别创造每一个图像的倒影效果，生成对应的ImageView数组，最后在getView()中返回。/** Copyright (C) 2010 Neil Davies** Licensed under the Apache License, Version 2.0 (the "License");* you may 阅读全文

posted @ 2013-03-07 13:31 Joanna Qian 阅读(600) 评论(0) 推荐(0)

几款swf flv flash网页播放器

摘要：项目中需要在网页中嵌入flv视频，这才发现想找一个跨浏览器，并能在各个手机浏览器中也能正常显示的flv网页播放器真是困难啊！先列一些播放器在下面作参考了，但没有时间一个个去检查！ ~~~~(>_<)~~~~1.VideoboxVideobox其实不是播放器，只是用来嵌入播放器的脚本而已，是一个只有6k大小的脚本,用于在页面中显示视频。Videobox使用swfobject来嵌入Flash。视频可以来自Youtube、Metacafe、Google Video、iFilm和自己设置的Flash。2.PandaPanda是一个开源的视频平台，能够处理视频的uploading、encod 阅读全文

posted @ 2013-03-06 03:42 Joanna Qian 阅读(10395) 评论(0) 推荐(1)