02 2014 档案
摘要：简介 当听到样式表这个词时，您可能会想到 CSS 样式表。XSLT 样式表通常用于 XML 转换，比如在 Web 服务之间映射数据。因为 XSLT 非常适合此用途，所以创建了顶层元素 的 别名，虽然这很少使用。这种 XSLT 转换的输入结构与输出结构有很大的不同。最重要的是，命名空间的不同。 XSLT 样式表的输入结构与输出结构相似，但却更简单些。其中已经扩充了一些标记，但大部分标记只是原样复制到输出。输入和输出的命名空间是相同的 (HTML)。输入文档也可以包含样式表指令（比如创建脚注），这些指令属于另一个命名空间，不会传递到输出中。常用缩略语CSS：级联样式表XHTML：可扩展超文...
阅读全文
摘要：随着Web技术和移动互联网的发展，越来越多的应用被迁移到了云端，这也使得用户可以随时随地使用它们。目前大量的优质应用，逐渐提升了用户的品味，也降低了用户的容忍度，如果你的Web应用无法使用户满意，那么很快就会有其他的应用来代替。 对于开发者来说，建立良好的客户口碑才是最有意义的事情。在完成了Web应用的设计和开发工作后，并不意味着你就可以直接发布了，你还需要从各方面来对其进行测试，以便让用户在使用过程中，不会出现各种各样的问题，比如性能、使用体验、安全问题等等。 那么对于Web应用来说，该测试哪些方面，该如何测试呢？来看看作者Abhimanyu Ghoshal给出的这些建议。 一、首先...
阅读全文
摘要：讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。 首先，如果你是一个javascript新手，我建议您阅读 《JavaScript初学者的最佳实践》 ，这是一篇高质量的javascript教程，接触jQuery之前最好先阅读。 当你准备使用jQuery，我强烈建议你遵循下面这些指南： 缓存变...
阅读全文
摘要：不知道你有木有听说过一个基于Javascript的Web页面预处理器，叫做AbsurdJS。我是它的作者，目前我还在不断地完善它。最初我只是打算写一个CSS的预处理器，不过后来扩展到了CSS和HTML，可以用来把Javascript代码转成CSS和HTML代码。当然，由于可以生成HTML代码，你也可以把它当成一个模板引擎，用于在标记语言中填充数据。 于是我又想着能不能写一些简单的代码来完善这个模板引擎，又能与其它现有的逻辑协同工作。AbsurdJS本身主要是以NodeJS的模块的形式发布的，不过它也会发布客户端版本。考虑到这些，我就不能直接使用现有的引擎了，因为它们大部分都是在NodeJ...
阅读全文
摘要：一、 安全性比较低，把文本文件1.txt改成1.jpg照样可以上传，但其实现方法容易理解，实现也简单，所以网上很多还是采取这种方法。12345678910111213141516171819202122232425262728293031323334353637383940Boolean fileOk = false;string path = Server.MapPath("~/images/");//判断是否已经选取文件if (FileUpload1.HasFile){//取得文件的扩展名,并转换成小写string fileExtension = System.IO.P
阅读全文
摘要：JS的函数定义可以指定形式参数名称，多多少少我们会以为js至少可以支持参数个数不同的方法重载，然而遗憾的是这仅仅是一个假象，js所有的参数都是以arguments传递过去的，这个参数类似于数组，在函数调用的时候，所有的实参都是保存在了这个数据结构里面，我们定义函数的时候所指定的形式参数其实是为这个数据结构里面的数据定义一个快捷的访问方式。也就是说js所有的函数都是支持无限个参数的，加上数据类型是弱类型，那么JS的函数除了名称就真的没有方法区别了？ 办法总是有的，我们可以利用JavaScript中的特殊对象arguments来模拟函数重载。用它来判断传入参数的个数或类型以区分重载。1.根据参数.
阅读全文
摘要：作为一名开发人员（WEB前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过，与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外，更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。当然，如果我说的有不科学的地方还希望各路前辈多多指教。下面分条目列出各种规范要求，这些要求都是针对同事编码毛病提出来的，好些行业约定的其它规范可能不会再提及。 1、保证代码压缩后不出错 对于大型的JavaScript项目，一般会在产品发布时对项...
阅读全文
摘要：在ASP中，我们通常把表单提交到另外一个页面（接受数据页面）。但是在ASP.NET中，服务端表单通常都是提交到本页面的，如果我设置form1.action="test.aspx";那么就会导致视图验证错误的错误，因为Asp.net安全机制引起的。我们也可以关闭这个验证，在接受页面中（test.aspx）头部加上但这样做不是很安全，其实asp.net 2.0 还提供了一种方式提交到其他页面，服务器按钮控件提供了一个属性：PostBackUrl，这样写button1.PostBackUrl="test.aspx";这样就不会引起验证错误的问题了，又很安全。-
阅读全文
摘要：介绍: 我正在评估一个 ASP.NET Web 项目应用。它有一些可扩展性问题。意味着当网站访问量增加的时候。系统将会变得缓慢。当我查看应用日志。我找到了大量的ThreadAbortException. 这个应用大量的使用了Response.Redirect(是的 endResponse= true),这个就是可扩展性问题的根源。通过endResponse = false在Response.Redirect将会解决这个问题. 但这样做会导致应用程序出现一些奇怪的问题。因为应用程序将假设在Response.Redirect 将在当前页面停止执行.除此之外你需要处理一些安全隐患，因为你的应用程序.
阅读全文
摘要：在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：程序代码交通信号灯 红色 黄色 绿色如果采用下面的选择器，那么效率是低效的。程序代码var traffic_button = $("#content .button");因为button已经有ID了，我们可以直接使用ID选择器。如下所示：程序代码var traffic_button = $("#traffic_button");当然 这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到 DOM遍历和循环
阅读全文
摘要：position属性取值为fixed时，则元素的位置将不受滚动条的影响，而是直接依据窗口定位，这就是将表头固定的最直接方法，网上其他途径感觉都是在走弯路。但是与此同时必须解决两个问题。第一：表体将随之不依据表头定位，而是依据body元素定位，因此表体将上移，导致表体靠上部分被表头遮挡,而且有重影。第二：表体的宽高和表头的宽高也将互相独立不再受文档流的约束，这导致单元格对不齐。 解决办法示例如下。其中，单元格上下对齐的问题可以通过设置padding margin 百分比width来解决，表头和表体也可以放在各自的div里。样式单 js脚本 $(function(){$("#spacet
阅读全文
摘要：1.局部变量的名称要有意义，尽量用对应的英文命名，比如“用户姓名”变量，不要用aa bb cc等来命名，而要使用userName。2.不要使用单个字母的变量，如i、n、x等。而要使用index、temp等。用于循环迭代的变量例外。3.应该使用Pascal命名法命名方法名、属性名、类名和命名空间，且方法的命名一般将其命名为动宾短语，如◆ShowDialog();◆CreateFile();◆GetPath();4.用Camel命名法命名局部变量和方法的参数。以上几条综合举例如下public class Neeke{ public Neeke() { } private string neekeN
阅读全文
摘要：ParamQuery是一种轻量级的jQuery网格插件，基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建，能够在网页上展示各种类似于Excel和Google Spreadsheet效果的网格。 使用ParamQuery，开发者可以轻松地实现以下特性：排序分页浏览可以调整数据栏的大小可以调整表格的高度和宽度自定义主题隐藏或显示列像Excel那样冻结任意多列显示任意数据源格式，像HTML、数组、XML、JSON等可以用于任意服务端框架，像ASP.NET、MVC3、JSP、JSF、PHP等等虚拟滚动和渲染直接编辑单元格在所有主流浏览器（IE ...
阅读全文
摘要：不到30行JS代码实现的Excel表格，jQuery并非不可替代 某国外程序员展示了一个由原生JS写成不依赖第三方库的，Excel表格应用，有以下特性：由不足30行的原生JavaScript代码实现不依赖第三方库Excel风格的语义分析(公式以"=" 开头)支持任意表达式(=A1+B2*C3)防止循环引用基于localStorage的自动本地持久化存储 效果展示： 代码分析： CSS略，HTML核心仅一行： JavaScript代码：for (var i=0; i<6; i++) { var row = document.querySelector("tab
阅读全文
摘要：使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1；property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，botto...
阅读全文
摘要：ParamQuery是一种轻量级的jQuery网格插件，基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建，能够在网页上展示各种类似于Excel和Google Spreadsheet效果的网格。 使用ParamQuery，开发者可以轻松地实现以下特性：排序分页浏览可以调整数据栏的大小可以调整表格的高度和宽度自定义主题隐藏或显示列像Excel那样冻结任意多列显示任意数据源格式，像HTML、数组、XML、JSON等可以用于任意服务端框架，像ASP.NET、MVC3、JSP、JSF、PHP等等虚拟滚动和渲染直接编辑单元格在所有主流浏览器（IE ...
阅读全文
摘要：选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果。 1.** { margin: 0; padding: 0; } 星号选择器用于选取页面中的所有元素，可用于快速清除所有元素的margin与padding，但最好只在测试的时候使用，而不要正式用在 CSS 文件中，否则会大大加重浏览器负担。此外，星号选择器也可以给父层的所有子元素设定样式，重复一遍，尽量少用这种方式：#container * { border: 1px solid black; .
阅读全文
摘要：在网上看到很多的JQuery跨域请求的文章，比较有意思。这里我发表一个Servlet与JQuery配置实现跨域的代码，供大家参考。不足之处请指教原理：JavaScript的Ajax不可以跨域，但是可以通过向本地的一个Servlet发出请求，由Servlet完成跨域。再把远程的结构返回给客户端。这样Ajax就可以跨域了。在后面，再发一个PHP版本的，请大家关注啊。下面是代码JS代码：注意：在Post方式时，param1和param2为向远程发送的参数值，可以有多个。123456789101112//GET方式function reqeustCrossDomainProxyGet(){var ur
阅读全文
摘要：下面是从Asp.net 后台添加CSS、JS、Meta标签的写法，我们这里写成函数方便以后使用。如果函数放在页面类中， Page参数也可以不要。首先导入命名空间 using System.Web.UI.HtmlControls;//////添加JS脚本链接//////页面///路径publicvoidAddJS(System.Web.UI.Page page,stringurl){HtmlGenericControl jsControl=newHtmlGenericControl("script");jsControl.Attributes.Add("type&q
阅读全文
摘要：在网上看到很多的JQuery跨域请求的文章，比较有意思。这里我发表一个Servlet与JQuery配置实现跨域的代码，供大家参考。不足之处请指教原理：JavaScript的Ajax不可以跨域，但是可以通过向本地的一个Servlet发出请求，由Servlet完成跨域。再把远程的结构返回给客户端。这样Ajax就可以跨域了。在后面，再发一个PHP版本的，请大家关注啊。下面是代码JS代码：注意：在Post方式时，param1和param2为向远程发送的参数值，可以有多个。123456789101112//GET方式function reqeustCrossDomainProxyGet(){var ur
阅读全文
摘要：很多时候，我们需要获取用户的键盘事件，下面就一起来看看jquery是如何操作键盘事件的。一、首先需要知道的是：1、keydown() keydown事件会在键盘按下时触发.2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键二、获得键盘上对应的ascII码：123$(document).keydown(function(event){ console.log(event.keyCode); });$tips:上面例子中,event.keyCode就可以帮助我们获取到
阅读全文
