最近的文章列表

使用Fiddler提高前端工作效率 (实例篇)
在上一篇(介绍篇)中,我们对Fiddler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解Fiddler的神奇魔法。在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭。通常,我们需要将文件进行修改,然后重新发布再验证,这样就很容易影响到生产环境的稳定性。更普遍的做法是,我们在开发环境中修改文件并验证,然后发布到生产环境。虽然安全,却比较繁琐。而利用Fiddler的可以修改HTTP数据的特性,我们就非常敏捷地基于生产环境修改验证发布。假设我们发现这个页面有问题,需要修改所引用的js文件(http://www.aliued.cn/wp-includes/js
2011/11/10 Comments:
Google Chrome 组发起开发的浏览器兼容性检测工具
浏览器兼容性检测工具(Chrome扩展)是由 Google Chrome 组发起的开源项目,能够自动检测网页中的兼容性问题。目前的版本一共检查了 28 个跨浏览器开发过程中可能会遇到的兼容性问题,其中包括文本渲染、表格、布局以及脚本等几个方面。所有已知的兼容性问题列表见 http://w3help.org/zh-cn/causes/ ,目前只实现了一部分,其它的还正在开发。欢迎有兴趣的网友一起参与。 安装:https://chrome.google.com/webstore/detail/fcillahbnhlpombgccogflhmgocfifma?hl=zh-CNhttp://w3help.org/tools/compatibility-detector.crx (不用翻墙) 开发站点
2011/11/4 Comments:
网站前端开发必装的20个firefox火狐插件
一般来说使用firefox火狐浏览器都会安装插件,而对于网站前端开发人员来说,使用火狐更多的是为了方便调试网站,CSS和JS等。所以这里我们专为前端开发这推荐以下的20个火狐插件,这些都可以帮助你提高工作效率:1-InspectorWidget在工具栏上添加按钮和菜单用来调用DOM查看器,查看chrome和元素。 2-Web Developer一个很实用的扩展,为Firefox添加一个含有不同web开发工具的菜单和工具条。 3-IE View右击在IE中查看当前页面,还可以标记某些特定页面总是用IE中打开。 4-TinyUrl Creator通过在浏览器中右键单击,用tinyurl为某些长url或链接创建缩略地址,方便在twitter和email传送。 5-EditCSS放在侧边栏里的样式表
2011/11/4 Comments:
Wordpress模板的文件结构图
>repath}articles/common/upload/2011/11/04/15226kj.gif" />HTML代码标签的基本规则:模板文件之间的重要性关系:下面的图像中列出了模板文件中最主要的几个文件,只是举个例子所以并没有把所有的文件列出,在后面我们会详细接触到其他的模板文件。>repath}articles/common/upload/2011/11/04/152048yc.gif" /> Wordpress 主题模板文件 主从关系位于最上顶部的index.php是最重要的文件,然后下面从左到右,重要性一次为single.php、page.php、archive.php、search.php、404.php。模板文件存在不同的重要性
2011/11/4 Comments:
验证DNS有没有被屏蔽的方法
1、点开始-运行-输入CMD,再输入 ipconfig /all ,在下DNS SERVER里找到你使用的DNS服务器地址。2、再输入 nslookup www.xxx.com(你的域名) 你的DNS服务器IP ,来查看是否能解析。3、再输入 nslookup www.xxx.com(你的域名) 8.8.8.8 使用Google的DNS服务器验证。 >repath}articles/common/upload/2011/09/08/15356y4.jpg" />
2011/9/8 Comments:
两个不错的在线图片无损压缩工具
我们平时在网上上传图片都需要占用一定的网络空间。对于个人站长来说,如果你的网站空间和流量限制比较大,那么你得管好自己网站的相关数据,特别是图片这种最常用的数据。这时我们就可以使用在线图片无损压缩来减小我们需要上传的图片的大小。本人一直使用这种方法,今天来和大家分享下。 一、Yahoo! Smush.it在线图片无损压缩Yahoo提供的这个工具是我最常用的,使用简单,上传图片即自动进行压缩,压缩后你只需下载即可。图片无损压缩貌似是针对png图片的,jpg等图片还是会有所折损,不过肉眼很难看出来。Yahoo!Smush.it使用方法:点UPloader–SELECT FILE按钮,完成图片上传,然后自动压缩,选择相应的链接–右键另存为下载即可。Yahoo!
2011/6/23 Comments:
巧用XML+XSLT+CSS+JQuery创建Asp.Net网站(二)
添加一个CSS文件,命名为Style.css,输入以下代码: body   {   background-color: Silver;   }   h1   {   color: Gray;   }   a   {   color:White;   margin-right:6px;   }编译并运行,即可看到输出的数据:查看其源代码:用户访问不同页面时,只有这些XML代码会被多次下载,其他客户端的文件都只需下载一次,大大节省了服务器网络资源。由于此前在ashx中编写了支持Url参数查询的代码,我们可以通过设置max参数来决定显示的最大数据条目数: 输出部分至此就完成了,接下来是输入部分:导入JQuery代码jquery-1.3.2.js到项目中。添加一个JS文件,命名为Post
2011/6/14 Comments:
巧用XML+XSLT+CSS+JQuery创建Asp.Net网站(一)
前言早在Web标准化风潮到来之前,我就考虑过XML+XSLT建站了,我以为这是一种非常优雅、高效、低耦的方案,必将大行其道。然而时至今日,使用这种方案建站的人依然寥寥无几,大家还都在抱着Web标准化不撒手,其实Web标准化只是将表现(Css)分离了出来,而数据和结构仍然混杂在一起,它绝对不是我们最终的归宿,它只是一个过渡品。XHtml标准的建立初衷,其实也就是为了向XML过渡的,XML+XSLT+CSS才真正做到数据、结构、表现的完美分离,才是我们的终极目标。诚然,XML+XSLT确实有其技术难度,我想这是它难于普及的最大障碍所在,但我觉得随着时间的推移、观念的更新、工具的发展,这仍旧是我们必会到达的一站。方案简介XML+XSLT+CSS的方案将数据、结构、表现进行了分离,而依托JQuery
2011/6/14 Comments:
xml+xslt+css+php 快速构建可扩展网站
xml+xslt+css+php 快速构建可扩展网站作者:庞帆 shineyear@msn.com shinepf@gmail.com版权:新浪网技术中国有限公司参考:http://www.beigechina.com1.让数据与显示分离test.xml 数据:<xml><title>test title</title><content>test content</content><top>banner</top><left>sidebar</left><body>main body</body><end>end of the page</en
2011/6/14 Comments:
10个免费的web压力测试工具
引自:http://www.php100.com/html/webkaifa/2010/0715/view_4975_3.html当一套程序写完或者一台服务器配置完成后,相必很多朋友会像我一样,非常想知道它到底能够承受多大的负载压力,那在本文中,就给大家介绍十个免费的可以用来进行Web的负载/压力测试的工具,这样,你就可以知道你的服务器以及你的Web应用能够顶得住多少的并发量,以及你的网站的性能。  Grinder  Grinder是一个开源的JVM负载测试框架,它通过很多负载注射器来为分布式测试提供了便利。支持用于执行测试脚本的Jython脚本引擎HTTP测试可通过HTTP代理进行管理。根据项目网站的说法,Grinder的主要目标用户是理解他们所测代码的人Grinder不仅仅是带有一组相关
2011/5/25 Comments: