博客水木

Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效： 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整...继续阅读

本文总结了一些PHP程序员在Web开发中经常 忽略的关键错误，尤其是在处理中大型的项目上问题更为突出。典型的错误表现在不能很好区分各种开发环境和没有使用缓存和备份等。 下面以PHP为例，但是其核心思想对每一个Web程序员都是适用的。 应用程序级别的错误 1、在开发阶段关闭了错误报告 我唯一想问的是：为什么？为什么...继续阅读

模块化结构已经成为网站开发的主流。 制作网站的主要工作，不再是自己编写各种功能，而是如何将各种不同的模块组合在一起。 浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得网页体积臃肿，难以维护，还产生大量的HTTP请求，拖慢显示速度，影响用户体验。 为...继续阅读

编写技术文档，是令众多开发者望而生畏的任务之一。它本身是一件费时费力才能做好的工作。可是大多数时候，人们却总是想抄抄捷径，这样做的结果往往非常令人遗憾的，因为优质的技术文档是决定你的项目是否引人关注的重要因素。无论开源产品或面向开发者的产品，均是如此。 实际上，我想说明的是：对于面向开发者的产品来...继续阅读

在网站架构设计中应该使用子域名还是子目录一直是个争论不休的话题。 相比较而言，尤其在中文网站领域，似乎更多的人倾向于使用子域名，究其原因，可能首先网站建设者认为，这样做更符合国人的思维模式，一个由多子域名（子站）构成的网站肯定更上规模，而规模，很多时候就意味着权威和档次，会让用户产生更Professional...继续阅读

一个支撑千万级PV的网站是非常考验一个架构是否成熟、健壮(本文不涉及软件架构的层面，有兴趣也可以讨论)。现抛出一个系统层面的架构，不保证是最优的方案，但也许适合你。理由是再优秀的架构都不具备通用性，需要根据每种应用特点针对性来设计。希望起到抛砖引玉的作用，大家多多参与，发表意见。 架构说明： 架构中直...继续阅读

如今人们也越来越习惯在手机上浏览网页，而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹。Web应用开发者需要针对手机进行界面的重新设计，但是手 机上并没有称心如意的调试工具（如Firebug、web inspector），重新设计界面的工作往往事倍功半。本文介绍的调试工具Weinre 就是解决这一问题的优秀调试工具。 Weinr...继续阅读

由于同源策略的限制，JavaScript跨域的问题，一直是一个比较棘手的问题，为了解决页面之间的跨域通信，大家煞费苦心，研究了各种跨域方案。之前也有小网同学分享过一篇“跨域，不再纠结” 开始照着尝试时还是有些不够明白的地方，深入了解之后，这里给大家补充一点更具体的做法。 先来看看哪些情况下才存在跨域的问题：...继续阅读

简 介 LESS是一种由Alexis Sellier设计的动态层叠样式表语言，受Sass所影响，同时也影响了Sass的新语法：SCSS。 LESS是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，LESS可以在客户端上运行（IE6+、Webkit、Firefox），也可以在服务端运行（Node.js、Rhino）。 ...继续阅读

这篇文章介绍JavaScript的在线指南和教程。不管你是刚刚起步，想先学习JS基础，还是已然成为老鸟，想继续进一步修炼和提升，这些在线资源对你都有帮助。 《Codecademy JS课程》（英文） Codecademy是一个最容易上手学习如何用JS编程的方式之一。它是一种交互式在线学习平台，非常有趣，你也可以和小伙伴一起来学习。 《J...继续阅读