必威体育下载克里斯蒂安·海尔曼

您当前正在浏览教程类别的存档。必威体育简介

“教程”类别的存档

Opera Web标准课程是实时的!

星期二,7月8日,二千零八

在过去的几个月里,来自Opera的Chris Mills正忙着召集他身边的许多优秀的Web开发专家(你的很多人真的很喜欢拉皮条),以便在Web上组装最全面和最新的Web标准课程:Opera Web标准课程

几十篇文章,所有获得Creative Commons许可的软件都将用于涵盖Web开发的任务:从理解Web的原理到Ajax交互。在整个过程中,主要关注的是可用性,可访问性和可维护代码的编写。我们故意忽略了浏览器黑客和后向解决方案,并基于渐进增强和不引人注目的javascript.

我真希望我刚开始的时候这个就不在了,这会节省我很多时间去学习坏的实践和不去学习它们(这总是一个痛苦的过必威体育下载程)。

所以,读它,用它来教年轻人标准绝地的方式:Opera Web标准课程

使用TutorialBuilder从源注释生成教程

星期二,5月13日,二千零八

我花了太多时间来保持脚本的解释教程与代码中的更改同步。所以我给自己写了一封PHP为我做这项工作的解决方案。多年来,我发现解释剧本最好的方法是:

  • 举个例子
  • 显示完整的源代码
  • 逐位显示源代码,然后解释每个部分的功能

如果你去查一下教程建造者你会看到我用PHP脚本。它为您执行以下操作:

  • 它根据脚本源代码中的注释生成教程部分。
  • 它将源代码转换为可显示代码(对其进行编码,添加行号,允许突出显示行)
  • 它使用正确的文件名创建脚本的可下载版本
  • 它创建一个脚本的可执行版本,不带注释,可通过脚本元素链接到该版本。
  • 它可以缩小脚本(删除所有空白以减小文件大小)

换言之,它转弯此源脚本进入之内像这样的教程使用模板和一些CSS(大部分取自悠悠

它是替代JSDoc但是相反,它更容易使用和解释代码的功能,而不是JS代码本身的语法。

教程建造者授权给BSD,所以你自己动手吧。

使用Ajax代码显示的懒人代码教程

星期一,1月28日,二千零八

目前,我正在为一个关于Web标准的在线自我培训课程编写很多教程,我遇到了不得不在两个地方维护示例代码的麻烦:代码本身和HTML记录解释。因此,我使用jquery编写了一个小脚本,自动将链接转换为HTML代码示例HTML实体和行号。您可以定义要显示的行,哪些行应突出显示,您可以在伊夫拉姆单击链接时。

一个简单的想法:控制静态HTML文档的javascript版本

星期一,1月14日,二千零八

当你编写教程并且你希望人们在任何地方使用它们时,最好提供HTML以压缩方式下载文档。对最终用户的好处是,他们不需要在线查找某些内容(例如,我有HTML 4.01我机器上的文档HTML文件)。缺点是,文档可能会过时,而用户不知道——即使当他们在线观看时也是如此。

现在,我仔细考虑了一下,想知道这样的事情betway体育官方网是否不是解决办法:

  • 在每个文档的标题中添加一个版本号。
  • 在每个文档的末尾添加一个远程托管的versions.js脚本。
  • 这个脚本有一个杰森对象,并将文件名和版本与每个文档的版本信息进行比较。
  • 如果版本过时,它会生成一条错误消息,显示给用户。

你可以试试看下载两个演示文档解压它们并在连接到Internet的计算机上打开它们。与第一个文档链接的第二个文档应该过时。

源头版本控制系统


(checkVersion=函数()。{
//根据实际情况更改
var版本={
'documentExample.html':'1.0',
'documentexample2.html':'2.0'
};
var errorid='版本错误';
var errormessage='此文档已过时,请转到主页下载新版本!;

//检查代码
var d=文件;
//获取版本号
var cv=d.title.match(/(version(.*))$/);
//获取文件名
var cn=window.location.href.split('/');
cn=cn[cn.length-1].拆分(“”)[0];
//如果不匹配,请检查并创建错误消息
如果(cv[1]&&versions[cn])。{
如果(版本[cn]!==CV〔1〕{
如果(!)D.GetElementByID(错误ID))。{
var m=d.createElement('div');
M. ID=ErrRID;
m.AppendChild(d.CreateTextNode(ErrorMessage));
d.body.insertbefore(m,d.body.firstchild);
}

}
}

}());

您可以创建标题和杰森通过扫描标题或从版本控制系统自动扫描后端的versions.js中的对象。你怎么认为?

让我们让2008年成为使用Ajax实现服务器端的一年。

星期日,12月30日,二千零七

我总是被大量的Ajax教程和示例所吸引,这些教程和示例完全忽略了Ajax应用程序的后端部分。很多时候,你会发现6-7行的javascript让客户机超文本传输协议请求,但是当谈到允许跨域请求所需的代理脚本时,很多人都将其掩盖为“你不需要知道这一点,只需使用这个脚本”。

如果提供的脚本没有那么糟糕的话,那就不是问题了。未初始化的URL是跨服务器脚本攻击的主要攻击点。如果你使用PHP_自我作为表单的行为,你不应该对服务器上的大量邮件流量或网站上的文本链接感到太困惑,因为你没有签字并获得金钱。

另一件令我吃惊的事情是,人们总是抱怨在客户端将数据从一种格式转换为另一种格式时的缓慢和问题。让我们不要自欺欺人:即使在所有文章之后,关于Ajax的书籍和播客我们仍然不知道访问者使用什么来查看我们的产品。我们无法确定使用了什么浏览器,如果涉及到辅助技术或有关运行浏览器的计算机规格的任何内容。对我来说,这使客户方成为进行大量计算和转换的最不可取的地方。

服务器端,另一方面,在你的控制之下,你知道它能做什么。复杂正则表达式,XSLT转换,所有这一切在后端上都要容易得多——而且您知道文本编码在引导时会起作用。Ajax应用程序的很多复杂性都是基于糟糕的体系结构和设计决策以及依赖客户端提供必要的功能。

所以如果你问我一个好的Ajax应用程序的客户机与服务器代码的比率是多少,我会说30%的客户机和70%的服务器。服务器上的70%应用于提供安全性,非javascript回退功能(yay可访问性)和将数据转换为小型,易于为客户消化块(思考HTML杰森)30%的客户端代码应该主要用于增强产品的可用性,并使访问者更容易实现他们的目标。

所以这是我2008年的计划:每当我谈论Ajax时,我都会尝试覆盖尽可能多的后端和前端。我会和其他专家合作,因为我自己创造了一些可怕的PHP在过去。我希望其他人也能效仿这个例子,因为Ajax是一个很好的机会,可以弥合前端和后端工程之间的鸿沟——我们必须互相沟通,才能创建一个好的应用程序。