Kevin.Chen - 专注前行

前言好久没来优快云写文章了，近两三年来一直忙于各种各样的工作上的琐事，给客户写项目申报书、编制信息化项目建设方案、方案写完了还要参加所谓的专家联席评审、还要经信委或者科委审批预算、招投标书编制、项目实施、阶段汇报、监理沟通协调、还要科委专家验收、做决算书审计、开票收款，真是琐事多多，但也收获不少；在这几年时间中虽忙于以上琐事但也没有疏于技术，也是主导参与研发了两三款软件平台，本次讲的就是其中一...

前言 好久没来优快云写文章了，近两三年来一直忙于各种各样的工作上的琐事，给客户写项目申报书、编制信息化项目建设方案、方案写完了还要参加所谓的专家联席评审、还要经信委或者科委审批预算、招投标书编制、项目实施、阶段汇报、监理沟通协调、还要科委专家验收、做决算书审计、开票收款，真是琐事多多，但也收获不少；在这几年时间中虽忙于以上琐事但也没有疏于技术，也是主导参与研发了两三款软件平台，本次讲的就...

你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。       几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。       在网站前端开发中，浏览器

今天无意看到 Joyrock 及 JSON-RPC 关键字眼；貌似没听说过，搜索一下大概了解了一下。在网上找到了相关dll、js文件；并动手建了个web项目，写了个简单例子；以便看客直接进入实战。                                                   图 - 1新建项目，加入引用；闲话不唠了。还是直接代码了。前端代码：

背景：项目中有这样一个业务处理过程。1、上传一个文件； 2、上传完，读取该文件并对其里面大数据进行逐行多字段格式验证、并且做一些复杂的业务处理等。最终将处理后数据写入数据库中。一般做法：上传、读取、解析、验证、保存等操作一并完成。但因为文件数据量大，导致使用一般方法处理整个过程耗时太长，并且会出现超时页面不响应等情况。在同事的建议下，能否步骤处理（上传与后续所有操作分开处理），并使用多线程（读取、

写这篇目的，是想把在Web前端编程时遇到的一些“纳闷问题”记录下来；并将找到的解决方法及应对技巧总结归纳；以便以后查找使用。想来想去不知叫什么题目比较合适，就叫这个了。想以后遇到“纳闷问题都会补充进来吧”。也欢迎大家讨论，补充；把自己遇到的奇怪的前端问题贴出来。闲话不说了，这两天利用空闲之际想做个弹出层对话框。在这过程中遇到了几个问题，暂且先记下两个问题及解决方法。 问题一、想试图通过Java

在线HTML编辑器或者是基于浏览器的所见即所得的HTML编辑器广泛用于各种类型网站的文章发布、论坛发贴等功能。例如在oschina网站上发帖、写博客、提交新闻、添加开源软件等处都会用到这种编辑器。目前有非常多非常优秀的在线HTML编辑器，而且这些编辑器大多数都是开源的，而国产的编辑器也已成熟，雄踞一方，本文罗列一些非常优秀的出自国内程序员之手的HTML编辑器，如有不足请大家补充，请看具体列表（

如下方案是在项目中用到的，未方便以后用到；就贴出来了，如各位要用，可参考之。如有不当多多指教～～方案一、 无标题文档 #updates { padding-left: 20px; color: #3d3d31; text-align:

可能你在项目中会遇到需要在图片上模块区域加个链接，点击以后可以转向一个页面；下面方法可以帮你解决问题。这种效果的实质是把一幅图片划分为不同的热点区域，再让不同的区域进行超链接。要完成地图区域超链接要用到三种标签：。                                   1、shape -- 定义热点形状          shape = rect

闲话不说了，直接进入主题了。 1、页面直接添加（页面加载时就添加上了）： 把这段代码放在之间就可以了；就可以罩住页面上其它元素控件了。里面有两个属性特别说明一下；可能会有同学问。     filter:alpha(opacity=0); 这个啥意思大家都明白的。滤镜，设置透明度的。     opacity: 0.0;  但这个又是干嘛的呢？上面是设置滤镜透明度

上面有篇文章：异步请求分页示例：handler.ashx + $.ajax() + Json + 分页处理。今天要说的是跟上篇文章谈到的技术有一定关系的。本篇文章谈的Server-side Push技术，该技术其实早就问世了，国外、国内这方面技术文章也是有不少的；只是用在Web领域还是比较少而已。        其实这些个技术都是为了解决一个问题：就是服务端与客户端进行的异步数据通信问题。只是

看过Ext - EditGridPanel实现效果的朋友会很惊讶，一个Grid就能实现所有增删改查功能。在展示给客户看时，让你的表现得很风骚。而他们又怎么知道，我们在调试js时，是多么痛苦。    如何在js中调用后台业务逻辑类，在我前面的文章中已经讲述过，而本篇的重点在于js对象与后台对象之间的转换。    1. Json Object转Model —— js定义json对象传递到后台业

啥也不说，直接插图： ----------------------------------------------------------------------------------------------------------------------------------希望对您有所帮助！2013年9月25日Kevin.Chen  苏州.太仓O(∩_∩)O~

声明：这里直接从项目代码块中抠出。不便地方，多包涵！有思路和方法指导是本文意图。前端代码： <div id="set1" runat="server" style="border-left: 1px solid #6593CF; border-top: 1px solid #6593CF; back

JavaScript API

这段时间项目中要用到：在图片展示时，在图片高度的下边一部分罩上一层透明效果，文字描述附着在透明层上。其实这个东西网上到处都是了，网上也没搜到很好、精简的例子；自己写、去琢磨吧，还真需要一点时间；时间宝贵，就拿来主义吧，就到百度图片看了一下，F12开发者工具调出来，然后就这一样一步一步把它给抠出来了。自己整理修改了一下，把精髓抠出，有兴趣的朋友可以直接拿去用了。先贴效果张图：精髓源码如下

前面一篇例子是基本满足应用，有人会问能不能在调整一下？可能想：那个半透明文字能不能不要跟照片宽度一致，想在外面在套个容器，文字与容器宽度一致，图片在容器中居中显示；于是乎我也想到了这个问题，于是下班后又琢磨了一下，做了一下修改、调整一下，满足两种情况下需要：至于哪两种效果，自己琢磨看代码吧。先贴效果图：再贴精髓源码： DIV

闲话不说，直接代码了。兼容IE8、火狐、谷歌。//1、打开窗口 function showDialog(url) { var width = 400; var height = 300; var dsh = document.documentElemen

前面写过一个弹出对话框窗口【半成品：可继续扩展改进的弹出层对话框 - DIV窗口】，今天用到，鉴于实际项目的使用；就对原来的代码进行了扩展改进；虽然网上有好多这样那样的弹出层对话框，我也找过几个，也在项目中用过；感觉下来，有些是非常强大的，但强大的前提下就是太过“重量”，使用起来也会比较复杂；还有些就是用的时候会有比较蛋疼情况：不是这情况就是那情况，你得憋着蛋疼去一步一步的去调试。自己写的虽然不是

今天闲来无事，把项目中用到异步数据读取加分页数理的步骤方法整理成Demo；贴出示例代码供需要的同学照搬套用。也可以根据实际需要做相关处理修改；相信会给你带来一定的便利之处。这个示例用到四个文件；Default.aspx、CustomerPager.ascx、AjaxHandler.ashx、jquery.js；这四个文件相信大家一眼就晓得是干嘛用的了。就不多说了。首先先来看看Default.asp

针对样式名如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{color:#000;}如果只让ff、IE8看见用html>/*

前段时间，有个同事问及有没有现成的播放器拿过来他们项目要用；要求：支持文字播放，且有明显的内容轮放效果等；听他讲后，感觉貌似大型车站的时刻表一样的效果。 之前用的都是图片幻灯效果，文字也就是跑马灯；没有既支持图片又支持文字的这种轮放器； 今天空闲时间浏览网页时，看到有个站点主页有

<br />假设 obj 为某个 HTML 控件。 <br /><br />obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。 <br /><br />obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。 <br /><br />obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占

<br />做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：window.onscroll = function ()<br />{<br />    var oFix = document.getElementById("divfix");<br />    oFix.style.top = document.body.scrollTop + "px";<br />}<br />可是怎么没有达到预期效果呢，输出 document.body.

                    width="" height="" id="Object2">

<br />WebApplication 应用-------------------------------<br />后端服务器代码：<br />using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Web;<br />using System.Web.UI;<br />using System.Web.UI.WebControls;<br /> <br />namesp

<br />上篇有文章讲述iframe自适应，用了以后感觉在有些情况还是有问题的：1、iframe要切换页面 2、分辨率调整；于是又搜了一下，感觉下面方法值得一试：<br /> <br />注意：不过在ie8下有点小问题：矮变高可以，再高度缩回去就不行了；<br />不过还有权宜方法：<br /> <br /> <br />只需要在页面中加入如下HTTP meta-tag:<br /><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><

<br />Hack<br />相信很多人听说过Hack，就是在CSS代码里加入一些如* html,+hmtl, /**/，这些代码在IE里能被识别，其它浏览器不能，也有些IE6可以，IE7不能识别，就是通过这样的方法，来写针对不同浏览器的CSS代码。<br />这里有几篇文章是介绍Hack的，还有收集了目前的一些Hack，可以点过去看看。先别急着点，继续往下看吧。最后我才把链接贴上，因为下面的内容更重要。比你漫无目的找HACK实用。<br /><br />这里介绍几个经典的区别不同浏览器，CSS hack

Padding属性是在网站建设的过程中是必不可少的，它的主要作用就是设定对象四边的补丁边距，padding可以说给我们带来的麻烦不少，最大的一个就是浏览器兼容性问题，这里先抛开这个不说了，单来分析一下padding中参数属性的作用规则，也就是哪个参数对应哪个补丁，从例子说起。test{padding:10px 12px 14px 16px}这里所有的参数都有了，那么它们的作用顺序是上右下左。Test{padding:10px 12px 14px}这里有3个参数，那么它们的作用顺序是第一个参数是用于上方，第二

<br />在使用JavaScript做WEB键盘事件侦听捕获时，主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事件的执行顺序如下：onkeydown -> onkeypress ->onkeyup。在一般情况下，采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中，会发现这几者有些不同的差别。   <br />       onkeypress事件不能对系统功能键(例如：后退、删除等，其中对中文输入法不能有效响应)进行正常的响应，onkeydown和onk

<br /><br /> <br />HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解<br /><br />scrollHeight: 获取对象的滚动高度。 <br />scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离<br />scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离<br />scrollWidth:获取对象的滚动宽度<br />offsetHe

<br />一、showModalDialog和showModelessDialog有什么不同？<br />　　showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。<br />　　showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)<br />二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？<br />

<br />open打开的新窗口标题栏上可以看到最小化最大化按钮，而showModalDialog默认是没有的，只有一个小叉叉<br />注意：showModalDialo打开的页面中的链接及表单的打开方式全部是新窗口打开，如果要在本窗口打开需在head标记中加上<base target="_self" />代码。<br /> <br />pen形式是直接打开一个子窗口,但在ie7以及ie8上都不会直接弹出一个窗口，而是在新标签页中打开，这带来两个问题，一个是操作不方便，另一个是原本明明在open时指定了窗

事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除

前端代码：//获取UTC即时日期时间并转换为js日期类型 function GetUTCDateTime() { var ajaxPage = "GetServerDateTime.ashx?Ticikes=" +

单列下拉框--后端代码：protected void UltraWebGrid1_InitializeRow(object sender, Infragistics.WebUI.UltraWebGrid.RowEventArgs e) {

方法一：后端加Dim rowStyle As New Style() If e.Row.Index Mod 2 = 0 Then rowStyle.BackColor = Color.White Else

<br />获得当前页面的url <br />Html代码 window.location.herf  window.location.herf<br /><br /><br />静态html文件js读取url参数 <br />Html代码 location.search; //获取url中"?"符后的字串  location.search; //获取url中"?"符后的字串<br /><br /><br />下边为转载的相应的技术 <br /><br />在ajax应用流行时，有时我们可能为了降低服务器的

一、示例：if (element.addEventListener) { // Mozilla, Netscape, Firefox      element.addEventListener(click, modifyText, false);} else  if(element.attachEvent){ // IE      element.attachEvent("onclic

<br />Javascript语言的设计不够严谨，很多地方一不小心就会出错。<br />　　举例来说，请考虑以下情况。<br />　　现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下：<br />　　if (myObj不存在){<br />　　　　声明myObj;<br />　　}<br />　　你可能会觉得，写出这段代码很容易。但是实际上，它涉及的语法问题，远比我们想象的复杂。Juriy Zaytsev指出，判断一个Javascript对象是否存在，有