others - 随笔分类(第2页) - Joanna Qian

采用预取（Prefetch）来加速你的网站(转)

摘要：一、DNS预取如果你像我一样想在网站上有一个Twitter小程序，还有网站分析，再也许一些网页字体，那么你必须要链接到一些其它域名，这意味着你将不得不引发DNS查询。我的建议通常是，不要还没有先适当的考虑性能影响就使用某个或任何一个小程序，但对于你认为确实需要的，下面的将很有用……因为这些东西都存在于其它域名，比方说这就意味着你的网站字体CSS将会同你自己的CSS并行下载，从某种意义上说是一种好处，但是脚本将仍会阻塞（除非它们是异步的）事实上，这里的问题是DNS查询牵涉到了第三方域名。幸运的是，有一个相当快又简单的办法来加速这个过程：DNS预取。DNS预取所做的恰恰就是凭证领餐(on the 阅读全文

posted @ 2013-06-27 00:05 Joanna Qian 阅读(893) 评论(0) 推荐(0)

软件测试面试-如何测试一个杯子(转)

摘要：转：http://www.cnblogs.com/TankXiao/p/2381284.html在软件测试的面试中，经常会碰到类似的问题。比如：如何测试一个杯子，或者如何测试一只笔。要求你设计20个以上的test case.这类的面试题目，是考察面试者是否熟悉各种软件测试方法，设计test case的能力, 以及test sense。我回答这类问题的思路, 从软件测试的各种不同方法来联想, 具体如下。功能测试(Function test)能否装水，除了装水，能否装其他液体。比如可乐，酒精能装多少ML的水杯子是否有刻度表杯子能否泡茶，跑咖啡杯子是否能放冰箱，做冰块杯子的材质是什么（阅读全文

posted @ 2013-06-25 09:58 Joanna Qian 阅读(356) 评论(0) 推荐(0)

开发人员需知的Web缓存知识(转)

摘要：什么是Web缓存，为什么要使用它？缓存的类型：浏览器缓存；代理服务器缓存；网关缓存；Web缓存无害吗？为什么要鼓励缓存？Web缓存如何工作如何控制缓存和不缓存：HTML Meta标签 vs. HTTP头信息；Pragma HTTP头信息（以及为什么不起作用）；使用Expires HTTP头信息控制不过期；Cache-Control（缓存控制）HTTP头信息；验证器和验证；创建支持缓存网站的小技巧；编写支持缓存的脚本；常见问题解答；实现需注意的：Web服务器端；实现需注意的：服务端脚本；参考文档和拓展阅读；关于本文档；什么是Web缓存，为什么要使用它？Web缓存游走于服务器和客户端之间。这个服务阅读全文

posted @ 2013-06-21 05:06 Joanna Qian 阅读(329) 评论(0) 推荐(0)

十大Web压力测试工具

摘要：下面是十个免费的可以用来进行Web的负载/压力测试的工具，这样，你就可以知道你的服务器以及你的WEB应用能够顶得住多少的并发量，以及你的网站的性能。Grinder– Grinder是一个开源的JVM负载测试框架，它通过很多负载注射器来为分布式测试提供了便利。支持用于执行测试脚本的Jython脚本引擎HTTP测试可通过HTTP代理进行管理。根据项目网站的说法，Grinder的主要目标用户是“理解他们所测代码的人——Grinder不仅仅是带有一组相关响应时间的‘黑盒’测试。由于测试过程可以进行编码——而不是简单地脚本化，所以程序员能测试应用中内部的各个层次，而不仅仅是通过用户界面测试响应时间阅读全文

posted @ 2013-05-07 10:19 Joanna Qian 阅读(1043) 评论(0) 推荐(0)

学习XPath

摘要：XPath 是一门在 XML 文档中查找信息的语言，一种用于在 XML 文档中导航的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素，并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。因此，对 XPath 的理解是很多高级 XML 应用的基础。XPath 使用路径表达式在 XML 文档中进行导航XPath 包含一个标准函数库，XPath 含有超过 100 个内建的函数。这些函数用于字符串值、数值、日期和时间比较、节点和 QName 处理、序列处理、逻辑值等等。XPath 是 XSLT 中的主要元素XPa 阅读全文

posted @ 2013-04-24 00:13 Joanna Qian 阅读(248) 评论(0) 推荐(0)

Form表单中method="post/get'的区别（转）

摘要：Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式，但是在实际传输时确有很大的不同，并且可能会对数据产生严重的影响。虽然为了方便的得到变量值，Web容器已经屏蔽了二者的一些差异，但是了解二者的差异在以后的编程也会很有帮助的。Form中的get和post方法，在数据传输过程中分别对应了HTTP协议中的GET和POST方法。二者主要区别如下：1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。2、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&” 阅读全文

posted @ 2013-04-11 10:19 Joanna Qian 阅读(1065) 评论(0) 推荐(0)

浅谈HTTP中Get与Post的区别（转）

摘要：http://www.cnblogs.com/hyddd/archive/2009/03/31/1426026.htmlHttp定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。 1.根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的。 (1).所谓安全.. 阅读全文

posted @ 2013-04-11 10:11 Joanna Qian 阅读(243) 评论(0) 推荐(0)

WEB前端底层知识--浏览器是如何工作的（转）

摘要：概述对于一直从事B/S架构（B/S也是一种C/S架构，只不过C/S自己写显示而B/S有相对统一的显示引擎实现而已）WEB领域的开发人员来说，浏览器 Browser再熟悉不过了。不管你是JAVA流还是微软流抑或PHP流，WEB开发新流派。不论你的服务器端采用哪种业务架构，ORACLE数据库还是 MSSQL，站在用户的角度思考，这个才是他们直接能接触到的，前端的用户体验给了用户直观的印象，投其所好，我们也总少不了要跟它打交道，很多问题的根源皆来源于此，了解一下其内部执行原理，也许对我们的开发工作会事半功倍，从一位纯粹的开发人员到一位技术领域的专家，也许就在于这些细节中。本文讨论仅限HTM... 阅读全文

posted @ 2013-04-07 04:27 Joanna Qian 阅读(338) 评论(0) 推荐(0)

教你创建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 阅读(2749) 评论(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 阅读(1074) 评论(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)

自动转向(Auto-Redirecting)技术

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

posted @ 2013-03-14 00:46 Joanna Qian 阅读(1411) 评论(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)

网页中Google Map的使用

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

posted @ 2013-03-12 08:30 Joanna Qian 阅读(3519) 评论(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)

几款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 阅读(10397) 评论(0) 推荐(1)

社交媒体（social media）网站设计尺寸参考（转）

摘要：社交媒体网站，这里主要指的是国外的几大网站，比如说：Facebook、Twitter、Google+、LinkedIN、Pinterest、Instagram和Youtube七个。今天不说别的，主要将其设计图尺寸发于大家参考，希望这这几张图对设计人员有所帮助。社交媒体设计尺寸参考1、Facebook参考尺寸：Facebook Cover图： 851 x 315Facebook Profile图： 180 x 1802、Twitter参考尺寸：Twitter Header图： 520 x 260Twitter Profile图： 81 x 813、Google+参考尺寸：Google+ cove 阅读全文

posted @ 2013-02-26 04:40 Joanna Qian 阅读(754) 评论(0) 推荐(0)

建立社交网站（Social network）的WordPress的三大顶级插件（译）

摘要：面试的时候被问到如何使用CMS建设社交网站，完全一头雾水，然后去google、百度了，发现可以使用Drupal或Joomls或WordPress快速建立，特别是WordPress，有一些建设社交网站的现成插件本文翻译自：http://wpmu.org/top-3-ways-to-build-a-social-network-with-wordpress/如果你是使用WordPress来建立你的CMS系统，现在有很多选择来建设社交网络（social network）并加入社区特性到现在的网站中，并使你的网站具有很好的交互性（interactive）。过去的几年间，出现了一些强大的插件帮助你把网阅读全文

posted @ 2013-02-23 11:21 Joanna Qian 阅读(2760) 评论(1) 推荐(0)

页面无阻塞加载研究(转)

摘要：在页面加载性能当中，页面被阻塞是影响页面主要内容(包括图片等)及时呈现在用户面前的一个重要因素之一，所以我们需要在页面中合理处置外调CSS及JS文件。来看一段代码<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>页面阻塞测试</title>< 阅读全文

posted @ 2013-02-23 05:49 Joanna Qian 阅读(324) 评论(0) 推荐(0)

五个为你的设计添加光影效果的简单技巧（转）

摘要：http://www.woaicss.com/article/photoshop/ps00.htm 现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上，光影帮助我们辨别事物，认知他们的材质、尺度和透视。所以如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧，好好运用它们，能让你的设计更加精致，从众多的页面中脱颖而出。光照与阴影的原理快速剖析下图中，光源来自左方。高光是光照最强的部分，阴影位于距离光源最远的地方。光影的存在帮助我们感知有关物体表面材质的大量信息。不过你可能要问，这和网页设计有. 阅读全文

posted @ 2013-01-29 00:52 Joanna Qian 阅读(561) 评论(0) 推荐(0)

随笔分类 - others