- 博客(76)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 backbone学习资料
理论知识backbone.js 初探http://weakfi.iteye.com/blog/1391990Backbone架构+流程图http://www.cnblogs.com/nuysoft/archive/2012/03/19/2404274.htmlBackbonejs中的Modelhttps://github.com/the5fire/backbonejs-...
2015-07-20 16:37:55
167
原创 解析目录树
<ul id="test"><li id="197765" pid="0" data-end="true"><div class="title_tv" data-name="title"> <span class="text_tv">默认部门&
2015-06-19 19:31:54
279
原创 csv生成
<head> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <meta name="author" content="oscar999"> <title> </title
2015-06-19 19:29:35
171
原创 网站性能优化解决方案
最近通过查阅资料，发现了一些其他可以提高性能优化的方案1. 使用CSS3手动触发GPU加速，提高渲染速度。参考链接：1）Javascript高性能动画与页面渲染 http://bsurl.cn/bN3Vzv2） 使用CSS3开启GPU硬件加速提升网站动画渲染性能http://bsurl.cn/mpmNAz2. 使用will-change属性参考链接：http://bsurl.cn/mplXhV3....
2015-06-15 14:40:49
819
原创 八种创建等高列布局
高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色，高度相等还是不相等都无关紧要，因为你只要在这些列的父元素中设置一个背景色就可以了。但是，如果一个或多个列需要单独设置自己的背景色，那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列布局是多么的简单，但是我们使用CSS来创建等高列布局并非是那么容易的事情。 如果一个设计是固定宽度（...
2015-01-04 17:11:43
130
原创 多次调用同一异步方法体会出现使用相同的属性值问题
《一》执行同一个方法体，里面有异步的逻辑代码，如果这个异步请求还没有执行完毕时，我们又对它进行了第二次调用，它会使用最后一次的执行操作。例如： var test = { init:function(){this.temp = "temp" + new Date().getTime();console.log(this.temp ); self = this;...
2014-11-27 17:56:10
712
时间的计算
using System; namespace Beisen.TalentPortal.Infrastructure.Helper{ public static class DateTimeExtensions { public static int MonthsBetweentwoDates(DateTime startTime,DateTim...
2014-11-19 14:42:51
138
async when then
function test1(){var def = new $.Deferred;setTimeout(function() {console.log(1)def.resolve();}, 1000);return def;} function test2(){ var def = new $.Deferred;setTimeout(f...
2014-11-14 11:45:16
181
原创 异步并行串行编程 when
var data = {"51": [{name:"a"},{name:"a1"}],"zhaoping": [{name:"b"}],"xxx": [{name:"c"}]}; var groups = [];for(var x in data){var def = new $.Deferred; var accounts =
2014-11-14 11:40:44
126
原创 HTML 与javascript自解码机制
关于这个自解码机制，我们直接以一个例子（样例0）来进行说明： <input type="button" id="exec_btn" value="exec" onclick="document.write ('<img src=@ onerror=alert(123) />')" /> 我们假设document.write里的值是用户可控的输入，点击后，docum
2014-02-19 14:41:15
506
web前端优化
做为一个好的优秀前端，不仅能够写出优雅的代码，也要更加关注于性能性的问题，但由于我们在项目过程中可能会考虑到一些成本性的问题，不可能让我们的项目在性能方面面面俱到，但我们可以做到最为基本的做优化。我们可以从以下几点进行优化：1. 减少对服务器方面的请求我们使用外部文件CSS 和JS，在某些情况下给予合并，数量上减少。一次请求多次利用，因为浏览器会在缓存中找到已经下载...
2014-01-15 15:10:46
101
原创 JSp生重复提交解决方法
看了网上的，有几种方法： 1 在你的表单页里HEAD区加入这段代码: <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires
2014-01-08 15:42:29
336
原创 AMD 和 CMD 的区别有哪些？
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。类似的还有 CommonJS Modules/2.0 规范，是 BravoJS 在推广过程中对模块定义的规范化产出。还有不少⋯⋯这些规范的目的都是为了 JavaScript 的模块化开发，特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。区别：1. ...
2013-12-25 11:37:13
216
原创 firefox 专属css hack
之前只有ie6、ie6、firefox时,只要写!important就能够零丁给firefox做hack了,可是此刻多了ie八、opera、 chrome等这些个所说的规范浏览器后,firefox能熟悉的工具它们都熟悉,偏生firefox有个致命的bug就是不撑持input的line- height属性,于是我又犯合计了,怎么办怎么办怎么怎么办呢?网上搜刮一大圈,终于发明1个好措施,那就是...
2013-12-20 15:50:44
451
原创 自适应网页设计
一、简单描述：随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果， 设计师提出了响应式布局的设计方案。简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局是基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。二、响应式布局原理：3...
2013-11-29 10:39:01
175
原创 跨浏览器兼容性总结
一、 CSS样式兼容1. FLOAT闭合（clearing float）网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DIV下包含多个子DIV。解决办法：1) ...
2013-11-25 10:16:50
382
原创 IE6 PNG背景透明解决方法（汇总）
IE6 PNG背景透明解决方法（汇总）方法一：IE6支持PNG背景透明，DD_belatedPNG使用方法及下载方法二：IE6中PNG透明实现方法——iepngfix其他相关文章：ie6下png背景图使用iepngfix.htc也无效的分析IE6实现透明PNG图片，透明PNG背景Repeat对应 -- IEPNGFIXIE6 PNG透明的几种方法...
2013-10-31 18:25:40
170
原创 兼容IE6 min-width 的CSS 样式
IE6另外一个bug就是它不支持 min-width 属性. min-width又是相当有用的, 特别是对于弹性模板来说, 它们有一个100%的宽度,min-width 可以告诉浏览器何时就不要再压缩宽度了。 除IE6以外所有的浏览器你只需要一个 min-width: Xpx; 例如: .container { min-width:300px; } 为了让他在IE6下工作, 我们需...
2013-10-23 19:12:06
122
原创 IE6 position:fixed bug (固定窗口方法)
今天herb同 学在twitter上问到，如何利用CSS使搜索条固定显示于窗口的某个位置。好像之前也碰过这个问题，不过，当时并没有解决，用JS有现成的方法，不 过，这次要求的就是不用JS。然后，开始写代码，测试，最终，IE6下依然有问题。position:fixed;没有正常显示。在别的文章中看到，可以用position:absolute;来解决IE6的问题，不过，添加position:...
2013-10-23 17:26:46
144
原创 不确定图片大小让元素水平垂直居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h
2013-10-23 16:53:53
330
禁用上下文菜单事件 自定义显示上下文、事件委托、悬浮显示弹出层
<!DOCTYPE html ><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</t
2013-10-23 11:00:03
143
原创 级联省市区地下拉列表
<html><head><mce:script src="city.js" mce_src="city.js" language="javascript" type="text/javascript"></mce:script><mce:script type="text/javascript&
2013-09-03 18:13:53
382
原创 javascript 级联下拉选择日期
var DM = { // 产生从start到end的顺序整数数组 range: function (start, end) { var rge = []; if(end > start) { for(var i = 0, len = end-start+1; i < len; i++...
2013-09-03 14:42:53
222
原创 级联下拉列表选择框日期
<html><head><title> 年月日三下拉框联动 </title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="js/jquery.js" type="
2013-09-03 14:37:07
540
原创 web打印控件
WEB打印控件Lodop(V6.x)使用说明及样例 Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下： ●PRINT_INIT(strPrintTaskName...
2013-08-03 22:35:37
415
原创 IE 浏览器和firefox 绑定事件的异同
IE 与火狐浏览器在事件的区别IE 支持绑定事件为attachEvent 删除事件 detachEvent firefox 绑定事件 adEventListener 删除事件为 removeEventListener 它们都可以绑定多个事件，firefox 是按照绑定顺序来进行执行的，IE是从后向前来执行firefox 在绑定事件的时候 有三个参数 最后一个参数是布尔类型的 当为fa...
2013-08-01 14:58:27
181
原创 块级元素不确定固定宽度，自动居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h
2013-07-17 14:08:28
171
原创 浏览器如何渲染网页？
基本概念WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程。渲染过程1. 用户输入网址（假设是个 HTML 页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回 HTML 文件；2. 浏览器开始载入 HTML 代码，发现 <head&g...
2013-07-17 11:07:24
172
数据分页显示，附带每个页面的选中状态
今天有人问我怎么在分页当中，附带数据列表中的复选框选择状态。需求是这样的，在切换分页的时候，第一页有N个已经是被选中，再从另一个页切换回来时，还可以看到先前的选择状态。明白了需求，下面我们开始写代码： 下面的a,b两个变量本应该是通过一些JS的处理取得页面的复选框数组值 ，现在的数值是模拟来的。b变量应该在调用tabPage时去获得。我在这里只是为提供一个思路，下面的大家自由来发挥...
2013-07-12 16:42:46
789
原创 html 转换成字符串，字符转义
在我们开发过程中，有很多需要拼接HTML 字符串，在html元素中难免会有带有属于或者绑定参数的事件函数 ，例如：<input type="text" onfocus='WdatePicker(WdatePicker({minDate:"%y-%M-\#{%d}"}))' />在正常的属性值 ，我们都是用双引号或者单引号来包含属于值的，如果属于值中有像onfocus事件需要绑定函...
2013-07-10 13:32:44
2707
原创 focus光标未尾 或者开始
focus捕获到焦点时，光标会出现在对应的文本框当中，在文本框中有值时，因不同需要我们会有两种情况需求：1.光标出现在文字末尾 除了IE 浏览器不兼容之外，其他浏览器都可以支持。解决IE浏览器的兼容 var tar=document.getElementByIdx_x("name"); if(tar.attachEvent){ tar.attachEvent(...
2013-07-08 19:24:55
302
原创 CSS 图片水平垂直居中于DIV
对于前端工作人员，可能都会碰到要把一个图片垂直居中于一个父元素，当我们不知道它的高度时，应该如何去处理呢 ，我把我整理过的一个DEMO 上传和大家分享，有什么问题可以 互相交流和讨论。 不一定来说我的方法就是最好的，如果有更好的方式 ，互相分享一下。 CSS部分 .zxx_align_box_4 li{float:left; margin-right:13px;} ....
2013-05-28 15:55:26
265
原创 javascript 表达式函数、声明函数的区别，及其执行顺序
今天闲来之际，做了一个小TEST ,主要是看关于命名函数和声明函数 写成类它们之间的 区别。javascript 函数分为三大类：表达式函数、声明函数、自执行函数（属于匿名函数，在这里不再详以说明）表达式函数的特性：在作用域中则必须等到解析器执行到它所在的代码行，才会真正被解释执行。如下示例test1();//会提示 Property 'test' of object [object...
2013-05-21 15:47:23
235
原创 解决弹出层水平垂直居中 兼容问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h
2013-05-16 15:58:44
206
原创 三谈iframe 自适应高度
为什么是三谈为什么是三谈呢？一是因为这真的是一个被说烂的话题，二是因为太师傅在n年前就写过这篇再谈iframe自适应高度。之所以再提该问题，是因为之前项目中确实遇到了这个问题的方方面面，有必要总结一下。希望对各位有帮助，有错误请指正。同域、子页面高度不会动态增加这种情况最简单，直接通过脚本获取字页面实际高度，修改iframe元素高度即可。但有二点必须注意：如果页面内有绝对定位或者没有清浮...
2013-05-13 14:14:25
155
原创 javascript 动态创建页面元素兼容问题
为了提高网页的加载速度，减少服务器的压力。我们会采用javascript动态来创建html页面元素。好处是有的，但坏处也会相对而行。我们在创建html元素会存在一些浏览器兼容性的问题。主要表现于ie7 及其以下版本。以下对此进行问题 分析和处理。 /*动态创建页面素时会存在一些兼容性的问题（仅存在于ie7 及更低的版本）已知的一些问题：1.不能设置动态创建的<iframe> ...
2013-04-01 16:57:28
285
原创 css网页布局，三列浮动中间列宽度自适应css写法。
css网页布局，三列浮动中间列宽度自适应css写法。大致思路:左右两列固定宽度，采用绝对定位方式position:absolute;中间不写定位方式，只要分别设置padding-left以及padding-right分别为左右容器的宽度即可。 CSS部分：body{margin:0; padding:0;} //此段代码是为了去除body默认的边界，这样不会影响三列的显示...
2013-03-15 14:21:56
357
原创 悬浮显示隐藏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h
2013-02-27 19:23:14
185
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人