EXT初学者应用程序布局Application Layout for Beginners

Posted by & filed under Uncategorized.

1 事前准备 2 需要些什么? 3 applayout.html 4 applayout.js 5 公开Public、私有Private、特权的Privileged? 6 重写公共变量 7 重写(Overriding)公共函数 7.1 参见 事前准备 本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。 需要些什么? 除ExtJS库本身外,我们还需要两个文件: applayout.html applayout.js 先看看一份html文档,比较精简。并附有详细说明: applayout.html   view source print? 01.<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” 02.”http://www.w3.org/TR/html4/loose.dtd”> 03.<html> 04.<head> 05.<meta Read more […]

如何编写出优美的JavaScript代码?

Posted by & filed under Uncategorized.

在多年以前,人们注重功能是如何实现的。现如今,随着Web及互联网技术的不断发展,功能仅成了最基本的要求,如何写出漂亮,整洁的代码已成为一个大牛级程序员不可或缺的条件。 一位前端开发工程师便在知乎上提问:“我是一名前端开发工程师,主要编写JavaScript,有两年经验。最近在写一些页面上的模块,发现自己在构思的时候总是很清晰,但是写着写着感觉代码越来越乱,看起来就像一坨屎,而我又有点儿代码洁癖,看着越来越乱的代码就不想进行下去。请问怎么办呢?”并且他还晒了一下自己编写的JavaScript代码: 面对如此乐知好学、积极进取的程序员,我们的网友们也很给力,不仅对他的代码进行了全方位的点评,还提出了一些非常合理的建议,下面就是知呼网上一些网友的精彩回答,让我们一起来看下: 长天之云: 我觉得写好代码和作文章差不多,无外乎:工整、优雅、拒绝重复、惜字如金。下面提供几个小建议: 态度 对代码要有感情,每一行都应该尽心尽力,并且还要有把那些扔垃圾篓的代码再重写两遍的冲动——一旦有了这种冲动之后,什么都挡不住你,连吃喝拉撒时,问题都会浮现到你脑子里,你就会不由自主地解决它们……能对自己的代码提出怀疑本身就是一件了不起的事!加油! 少写代码 提前设计能有助于少写代码,增强全局感。而代码写得少还能防止失控——感觉不对时就应该停下来,腾出时间来思考,为什么会偏离最先的想法。所有符号各就各位。第一眼就是空格太少,下面推荐三个工具给大家: Beautify Read more […]

fusionCharts图表组件学习小例子

Posted by & filed under Uncategorized.

最近使用了一个fusionChart组件感觉还行!其实也很简单! 这里闲话不说 let’s go!   效果如下: 具体jsp代码: <html> <head> <title>FusionCharts Test</title> <script language=”JavaScript” src=”JSClass/FusionCharts.js”></script> </head> <body> <div id=”<span style=”color: #ff0000;”>chartdiv1</span>” align=”center”>FusionCharts. </div> &nbsp;&nbsp; <script> &nbsp;&nbsp; var text_chart=” <chart palette=’4′ decimals=’0′ enableSmartLabels=’1′ isSmartLineSlanted=’0.1′ skipOverlapLabels=’1′ isSmartLineSlanted=’0′ baseFontSize=’12’ formatNumberScale=’0′ enableRotation=’0′ bgColor=’99CCFF,FFFFFF’ bgAlpha=’40,100′ bgRatio=’0,100′ numberSuffix=” bgAngle=’360′ Read more […]

IE6兼容性汇总

Posted by & filed under Uncategorized.

IE6兼容问题汇总 1、终极方法:条件注释 <!–[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]–> <!–[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]–> <!–[if gt IE 6]> 这段文字仅显示在 IE6以上版本(不包含IE6)。 <![endif]–> <!–[if IE 5.5]> 这段文字仅显示在 IE5.5。 <![endif]–> <!–在 IE6及IE6以下版本中加载css–> <!–[if lte IE 6]> <link type=”text/css” rel=”stylesheet” href=”css/ie6.css” mce_href=”css/ie6.css” /><![endif]–> 缺点是在IE浏览器下可能会增加额外的HTTP请求数。 2、CSS选择器区分 IE6不支持子选择器;先针对IE6使用常规申明CSS选择器,然后再用子选择器针对IE7+及其他浏览器。 /* Read more […]

MVC项目开发中那些用到的知识点(js css优化– 合并和压缩)

Posted by & filed under Uncategorized.

在项目框架中,首先要引用很多css和js文件,80%的用户响应时间都是浪费在前端。而这些时间主要又是因为下载图片、样式表、JavaScript脚本、flash等文件造成的。减少这些资源文件的Request请求数将是提高网页显示效率的重点。 这里好像有个矛盾,就是如果我减少了很多的图片,样式,脚本或者flash,那么网页岂不是光秃秃的,那多难看呢?其实这是一个误解。我们只是说尽量的减少,并没有说完全不能使用。减少这些文件的Request请求数,我们这里主要针对js和css文件进行优化,使用Combres工具 第一步准备工具Nuget可以百度,也可以在此http://nuget.org/ 第二步通过VS2010管理NuGet程序包来查找第二个工具,也就是本次要使用的工具Combres的工具。 点击安装后,会在项目中生成一系列的文件和引用。 在App_Data/combres.xml,这个就是设置压缩/合并的文件配置。 第三步进行对配置文件进行处理,当然主要是对css文件和Js文件进行相关配置,修改combres.xml如下。

  这是我修改之后的文件配置。主要是resourceSet节点下的配置。 <!–defaultDuration Read more […]

Javascript执行效率小结

Posted by & filed under Uncategorized.

Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题 Javascript自身执行效率 Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下。 1、全局导入 我们在编码过程中多多少少会使用到一些全局变量(window,document,自定义全局变量等等),了解javascript作用域链的人都知道,在局部作用域中访问全局变量需要一层一层遍历整个作用域链直至顶级作用域,而局部变量的访问效率则会更快更高,因此在局部作用域中高频率使用一些全局对象时可以将其导入到局部作用域中,例如:

  2、eval以及类eval问题 我们都知道eval可以将一段字符串当做js代码来执行处理,据说使用eval执行的代码比不使用eval的代码慢100倍以上(具体效率我没有测试,有兴趣同学可以测试一下) JavaScript Read more […]

转 Js序列化时间

Posted by & filed under Uncategorized.

var time = “/Date(1279270720000+0800)/”; var tme1 = ChangeDateFormat(time); alert(tme1);

转 JQuery 回车切换文本焦点

Posted by & filed under Uncategorized.

$(‘input:text:first’).focus(); //获取页面所有文本 var $inp = $(‘input:text’); $inp.bind(‘keydown’, function (e) { var key = e.which; if (key == 13) { e.preventDefault(); var nxt = $inp.index(this) + 1; $(“:input:text:eq(” + nxt + “)”).focus(); } });

转 JavaScript冒泡排序

Posted by & filed under Uncategorized.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html> <head> <title></title> <script type=”text/javascript”> //冒泡排序 var arr=[23,9,56,0,-3,-8,2]; document.writeln(“排序前:<br/>”); for(var i=0;i<arr.length;i++){ document.writeln(arr[i]); } document.writeln(“<br/>”); document.writeln(“冒泡排序后:<br/>”); for(var i=0;i<arr.length-1;i++){ //定义一个变量保存交换的值 var temp; for(j=i+1;j<arr.length;j++){ if(arr[i]>arr[j]){ temp=arr[i]; arr[i]=arr[j]; arr[j]=temp; } } } document.writeln(arr); </script> </head> <body> </body> </html>

转Java MD5加密算法

Posted by & filed under Uncategorized.

package other; import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; /* * MD5 算法 */ public class MD5 { // 全局数组 private final static String[] strDigits = { “0”, “1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”, “a”, “b”, “c”, “d”, “e”, “f” }; public MD5() { } // 返回形式为数字跟字符串 private static String byteToArrayString(byte bByte) { int iRet = bByte; // System.out.println(“iRet=”+iRet); if (iRet < 0) { iRet += 256; } int iD1 = iRet / 16; int iD2 = iRet % 16; return strDigits[iD1] + strDigits[iD2]; } // 返回形式只为数字 private static String byteToNum(byte bByte) { int iRet = bByte; System.out.println(“iRet1=” + iRet); if (iRet < 0) { iRet += 256; } return String.valueOf(iRet); } // 转换字节数组为16进制字串 private Read more […]