lipeng的博客

逻辑。{{each}}:提供循环逻辑，$value访问迭代变量。现在主要介绍利用tmpl构造复杂一点的表格，比如说动态加载数据以及单元格合并 <div class="shadow"> <div class="title"><span>打分信息</span></div> <div c

n值不同，其不为被隐藏的对象保留其物理空间inline :内联对象的默认值。用该值将从对象中删除行compact :分配对象为块对象或基于内容之上的内联对象marker :指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用inline-table :将表格显示为无前后换行的内联对象或内联容器list-item :将块对象指定为列表项目。并可以添加可选项目标志run-in :分配对象为块对象或基于内容之上的内联对象table :将对象作为块元素级的表格显示tab

过程中，发现ExtJS框架经常出现页面渲染失败的现象，主要表现在数据的列表页面。1      解决方法1.1   使用ExtJS自带的defer方法经分析，页面渲染失败主要集中在列表页面，调试后发现主要是数据加载缓慢导致，ExtJS框架自带函数defer，可以让加载数据延时显示来避免页面渲染失败。对于一般延迟时间的设置，可以设置为50（毫秒），如果还会出现渲染失败，则可考虑设置成200（毫秒）。var myStore = new Ext.data.JsonStore({url:.

xtJS框架经常出现页面渲染失败的现象，主要表现在数据的列表页面。 1      如何判断页面是否渲染成功 在debugger模式下，通过对gridPanel渲染成功时生成的panel对象的属性与失败时生成的panel对象的属性进行对比，发现当渲染成功时panel的width属性总是大于0，而失败时panel的width属性总是小于或等于0，如下图：          渲染失败 渲染成功2     解决方法2.1   当页面只有一个panel时当页面只有一个p

      将flex-bootstrap-jsp.jar拷贝到WEB-INF/lib 文件夹.      将flex-webtier-jsp.jar 拷贝到WEB-INF/flex/jars 文件夹.3:在WEB.XML中添加<taglib><taglib-uri>FlexTagLib</taglib-uri><taglib-location>/WEB-INF/lib/flex-bo

在开发项目过程中会碰到不同浏览器input file样式不一样。经过分析，打算都用IE上面的附件上传样式， 方案如下：1、在IE下截个如上面的上传按钮，并保存。2、判断浏览器类型，如果是非IE，则将页面上的input 设置为近乎透明，然后将图片放在上面。 不用修改原有代码，渲染时会扫描页面的input file 然后进行样式覆盖。 代码如下css：div....

"d1212" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy年'})"/> 2、选择季度：<input id="d1213" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yy

set offset : 200, //Load data callback load : function () { }, //Which page to load page : 2 } if (options) { $.extend(settings,

翻页数据、全局变量等，如果小的数据可以存储在cookies中，但是数据多了就不行了，下面介绍下前台缓存的简单实现：/** * cache 类定义，cache对象在main.jsp 中定义 * @param {Object} scope * @memberOf {TypeName} * @return {TypeName} */var BaseCache = function(scope){ this.scope = scope; this.gloableCache =

件进行修改，然后重新发布再验证，这样就很容易影响到生产环境的稳定性。更普遍的做法是，我们在开发环境中修改文件并验证，然后发布到生产环境。虽然安全，却比较繁琐。而利用Fiddler的可以修改HTTP数据的特性，我们就非常敏捷地基于生产环境修改并验证，确认后再发布。假设我们发现这个页面有问题，需要修改所引用的js文件（）。第一步：用Fiddler查看页面的数据流列表，找到这个js文件的session 　tip: 最好是没有缓存的返回内容（Result Code是200），这样可以进行下一步的

eader需要使用到fiddler插件，首先在官网上下载最新的fiddler安装程序     》安装完成后打开fiddler，看见右边区域有一个filters页签     》按照下图中标红部分进行填写以及勾选 2、Chrome（modheader）    下载modheader插件，附件中已经提供crx文件，直接拖到浏览器中就可以安装成功，然后重启浏览器。 在地址栏右边则出现一个图标，点击后再弹出框中填写添加的header如下：  3、Firefox（modify

前段时间遇到一个plupload上传插件问题，在其他浏览器上面运行很正常，但是就是在IE8上面第一次点击上传按钮无反应，后面再连续点击才ok。我的初始化代码如下_this.uploader = new plupload.Uploader({ runtimes: 'gears,html5,flash,silverlight,html4', browse_button: _th...

说到缓存一般针对后台缓存数据，提高数据查询效率，减少响应时间。不过在前端开发中也会遇到一些需要缓存数据的时候，比如说存储页面查询条件翻页数据、全局变量等，如果小的数据可以存储在cookies中，但是数据多了就不行了，下面介绍下前台缓存的简单实现：/** * cache 类定义，cache对象在main.jsp 中定义 * @param {Object} scope * @mem...

ExtJS是一种主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架，它功能丰富，界面优美，不过在项目管理信息系统开发的过程中，发现ExtJS框架经常出现页面渲染失败的现象，主要表现在数据的列表页面。 1      如何判断页面是否渲染成功 在debugger模式下，通过对gridPanel渲染成功时生成的panel对象的属性与失败时生成的panel对象的属性进行对比...

 1:去ADOBE下载FLEX的TAGLIB for JSP.  http://download.macromedia.com/pub/labs/flex2_tag_library_jsp/flex2_tag_library_for_jsp.zip2:将下载下来的文件解压,里面有2个JAR文件.      将flex-bootstrap-jsp.jar拷贝到WEB-INF/li...

1、Css display值与解释-（详细可见CSS手册的CSS display手册）参数：block :块对象的默认值。用该值为对象之后添加新行none :隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间inline :内联对象的默认值。用该值将从对象中删除行compact :分配对象为块对象或基于内容之上的内联对象marker :指定内容在容器对象之前

ExtJS是一种主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架，它功能丰富，界面优美，不过在项目管理信息系统开发的过程中，发现ExtJS框架经常出现页面渲染失败的现象，主要表现在数据的列表页面。 1      如何判断页面是否渲染成功 在debugger模式下，通过对gridPanel渲染成功时生成的panel对象的属性与失败时生成的panel对象的属性进行对比，

一、HTTP 请求的拦截技术可以广泛地应用在反向代理、拦截 Ajax 通信、网页的在线翻译、网站改版重构等方面。而拦截根据位置可以分为服务器端和客户端两大类，客户端拦截借助 JavaScript 脚本技术可以方便地和浏览器的解释器及用户的操作进行交互，能够实现一些服务器端拦截不容易实现的功能。本文将重点介绍通过 JavaScript 脚本在客户端对页面内容进行拦截修改的一些原理和技术  

ExtJS是一种主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架，它功能丰富，界面优美，不过在全面预算管理信息系统开发的过程中，发现ExtJS框架经常出现页面渲染失败的现象，主要表现在数据的列表页面。1      解决方法1.1   使用ExtJS自带的defer方法经分析，页面渲染失败主要集中在列表页面，调试后发现主要是数据加载缓慢导致，ExtJS框架自带函数

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 下面总结下使用该日历控件选择年、季度、月、周、日的方法。1、选择年 2、选择季度：})"/>这种情况还需要修改calendar.js文件init方法中加一句hide($d.MI, $d.leftImg, $d.rightImg); 3、选择月度 4、选择周 加一

滚动条拖动加载数据(function($, window, undefined) { $.fn.DataLazyLoad = function(options) { var elements = $(this); var settings = { //Data Load Offset offset

一、HTTP 请求的拦截技术可以广泛地应用在反向代理、拦截 Ajax 通信、网页的在线翻译、网站改版重构等方面。而拦截根据位置可以分为服务器端和客户端两大类，客户端拦截借助 JavaScript 脚本技术可以方便地和浏览器的解释器及用户的操作进行交互，能够实现一些服务器端拦截不容易实现的功能。本文将重点介绍通过 JavaScript 脚本在客户端对页面内容进行拦截修改的一些原理和技术  ...

       ExtJS是一种主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架，它功能丰富，界面优美，不过在全面预算管理信息系统开发的过程中，发现ExtJS框架经常出现页面渲染失败的现象，主要表现在数据的列表页面。1      解决方法1.1   使用ExtJS自带的defer方法经分析，页面渲染失败主要集中在列表页面，调试后发现主要是数据加载缓慢导致，Ext...

1、Css display值与解释-（详细可见CSS手册的CSS display手册）参数：block :块对象的默认值。用该值为对象之后添加新行none :隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间inline :内联对象的默认值。用该值将从对象中删除行compact :分配对象为块对象或基于内容之上的内联对象marker :指定内容在容器对象之...

一、问题描述在页面渲染时需要动态获取iframe子页面的高度，然后重新设置iframe高度，达到自适应的目的，但是由于iframe子页面中也涉及到访问其他系统的页面，这就使得页面渲染时无法获取子页面高度，这里涉及到跨域访问子页面问题。二、什么是跨域我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题.跨域问题是由于javascript语言安全限制中...

使用Fiddler调试本地js　　在我们前端开发的日常工作中，发现服务器上某个css/javascript文件有问题，需要修改，那真是家常便饭。通常，我们需要将文件进行修改，然后重新发布再验证，这样就很容易影响到生产环境的稳定性。更普遍的做法是，我们在开发环境中修改文件并验证，然后发布到生产环境。虽然安全，却比较繁琐。而利用Fiddler的可以修改HTTP数据的特性，我们就非常敏捷地基于生产...

Tmpl提供了几种tag：${}：等同于{{=}}，是输出变量，通过了html编码的。{{html}}:输出变量html,但是没有html编码，适合输出html代码。{{if }} {{else}}:提供了分支逻辑。{{each}}:提供循环逻辑，$value访问迭代变量。现在主要介绍利用tmpl构造复杂一点的表格，比如说动态加载数据以及单元格合并 <div class="sh...

在测试系统交互时，可能会碰到需要修改header信息的要求，下面介绍下如何在IE、Chrome、Firefox修改http header信息。1、IE（fiddler）      》在IE下修改header需要使用到fiddler插件，首先在官网上下载最新的fiddler安装程序     》安装完成后打开fiddler，看见右边区域有一个filters页签     》按照下图中标...

在开发中出现一个iframe双滚动条问题，查了很多资料，网上的解决方案是定义iframe的onload事件，加载时重新加载高度，但是由于项目中页面渲染完成后，点击按钮动态生成数据，这时候上面的方案就不可行了。下面是通过jquery.layout.js来解决双滚动条问题。html代码<body > <div id="mainFrameDiv" class="ta...

 滚动条拖动加载数据(function($, window, undefined) { $.fn.DataLazyLoad = function(options) { var elements = $(this); var settings = { //Data Load Offset of...

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 下面总结下使用该日历控件选择年、季度、月、周、日的方法。1、选择年<input id="d1212" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy年'})"/> 2、选择季度：<input id="d

1、静态显示      在FLEX应用程序中可以使用SVG资源, 但只能象JPG和GIF那样作为一种图像引入, 而不包括SVG的一些高级特性, 而且无法在运行时加载, 只能在编译时静态加载，所以图片的大小无法改变。2、动态加载svg图片     Degrafa框架已经非常接近在FLEX中动态显示和操作SVG文档了，通过一些简单的转换, 基本上能够实现对SVG图形进行显示和操作。这样...

在开发中出现一个iframe双滚动条问题，查了很多资料，网上的解决方案是定义iframe的onload事件，加载时重新加载高度，但是由于项目中页面渲染完成后，点击按钮动态生成数据，这时候上面的方案就不可行了。下面是通过jquery.layout.js来解决双滚动条问题。html代码Html代码 body >          div id="main