![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
文章平均质量分 67
孤长风
这个作者很懒,什么都没留下…
展开
-
多次调用同一异步方法体会出现使用相同的属性值问题
《一》执行同一个方法体,里面有异步的逻辑代码,如果这个异步请求还没有执行完毕时,我们又对它进行了第二次调用,它会使用最后一次的执行操作。例如: var test = { init:function(){this.temp = "temp" + new Date().getTime();console.log(this.temp ); self = this;...原创 2014-11-27 17:56:10 · 665 阅读 · 0 评论 -
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 · 194 阅读 · 0 评论 -
级联下拉列表选择框日期
<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 · 509 阅读 · 0 评论 -
八种创建等高列布局
高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列布局是多么的简单,但是我们使用CSS来创建等高列布局并非是那么容易的事情。 如果一个设计是固定宽度(...原创 2015-01-04 17:11:43 · 108 阅读 · 0 评论 -
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 · 466 阅读 · 0 评论 -
三列百分之比布局
三列布局自适应原创 2014-02-11 13:56:25 · 94 阅读 · 0 评论 -
悬浮显示隐藏
<!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 · 164 阅读 · 0 评论 -
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 · 317 阅读 · 0 评论 -
web打印控件
WEB打印控件Lodop(V6.x)使用说明及样例 Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下: ●PRINT_INIT(strPrintTaskName...原创 2013-08-03 22:35:37 · 368 阅读 · 0 评论 -
javascript 数组排序
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv原创 2013-02-25 17:45:46 · 98 阅读 · 0 评论 -
兼容各个浏览器的圆角插件
看看如何调用:1、在你的网页加载 PIE.js 脚本。注意,用IE专用的注释,防止非IE浏览器下载。<!--[if lt IE 10]><script type="text/javascript" src="PIE.js"></script><![endif]--> 2、用js 调用:$(function() { if (window.PIE)...原创 2013-02-22 15:05:10 · 158 阅读 · 0 评论 -
AMD 和 CMD 的区别有哪些?
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。类似的还有 CommonJS Modules/2.0 规范,是 BravoJS 在推广过程中对模块定义的规范化产出。还有不少⋯⋯这些规范的目的都是为了 JavaScript 的模块化开发,特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。区别:1. ...原创 2013-12-25 11:37:13 · 190 阅读 · 0 评论 -
级联省市区地下拉列表
<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 · 358 阅读 · 0 评论 -
用uploadify 仿做微博多个图片上传
多个文件图片上传,上传后即可显示照片原创 2013-09-16 19:01:33 · 143 阅读 · 0 评论 -
时间的计算
using System; namespace Beisen.TalentPortal.Infrastructure.Helper{ public static class DateTimeExtensions { public static int MonthsBetweentwoDates(DateTime startTime,DateTim...2014-11-19 14:42:51 · 120 阅读 · 0 评论 -
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 · 147 阅读 · 0 评论 -
异步并行串行编程 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 · 100 阅读 · 0 评论 -
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 · 142 阅读 · 0 评论 -
解析目录树
<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 · 236 阅读 · 0 评论 -
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 · 137 阅读 · 0 评论 -
网站性能优化解决方案
最近通过查阅资料,发现了一些其他可以提高性能优化的方案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 · 640 阅读 · 0 评论 -
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 · 145 阅读 · 0 评论 -
兼容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 · 94 阅读 · 0 评论 -
IE6 position:fixed bug (固定窗口方法)
今天herb同 学在twitter上问到,如何利用CSS使搜索条固定显示于窗口的某个位置。好像之前也碰过这个问题,不过,当时并没有解决,用JS有现成的方法,不 过,这次要求的就是不用JS。然后,开始写代码,测试,最终,IE6下依然有问题。position:fixed;没有正常显示。在别的文章中看到,可以用position:absolute;来解决IE6的问题,不过,添加position:...原创 2013-10-23 17:26:46 · 121 阅读 · 0 评论 -
不确定图片大小让元素水平垂直居中
<!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 · 310 阅读 · 0 评论 -
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 · 427 阅读 · 0 评论 -
块级元素不确定固定宽度,自动居中
<!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 · 147 阅读 · 0 评论 -
浏览器如何渲染网页?
基本概念WEB 页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程。渲染过程1. 用户输入网址(假设是个 HTML 页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回 HTML 文件;2. 浏览器开始载入 HTML 代码,发现 <head&g...原创 2013-07-17 11:07:24 · 141 阅读 · 0 评论 -
CSS 图片水平垂直居中于DIV
对于前端工作人员,可能都会碰到要把一个图片垂直居中于一个父元素,当我们不知道它的高度时,应该如何去处理呢 ,我把我整理过的一个DEMO 上传和大家分享,有什么问题可以 互相交流和讨论。 不一定来说我的方法就是最好的,如果有更好的方式 ,互相分享一下。 CSS部分 .zxx_align_box_4 li{float:left; margin-right:13px;} ....原创 2013-05-28 15:55:26 · 236 阅读 · 0 评论 -
在FLASH上加层
Div CSS布局实例:详解在Flash上面建立浮动层 这是浮动层包含Flash 父级元素 相对定位, 在FLSH元素 参数上加这个是必须要加的。 然后 层定义为绝对定位。 ...原创 2012-08-31 21:33:37 · 215 阅读 · 0 评论 -
div 在浏览器居中
blueidea/**/web标准常见问题大全--------------------------------------margin:-100px 0 0 -100px;分别指的是 元素本身高的二分之一 和宽的二分之一, 当为负数的时候 也即是从TOP,LEFT 中的50% 减去了 自身高的二分之一了 这就符合水平垂直...原创 2012-08-31 21:28:40 · 204 阅读 · 0 评论 -
javascript 表达式函数、声明函数的区别,及其执行顺序
今天闲来之际,做了一个小TEST ,主要是看关于命名函数和声明函数 写成类它们之间的 区别。javascript 函数分为三大类:表达式函数、声明函数、自执行函数(属于匿名函数,在这里不再详以说明)表达式函数的特性:在作用域中则必须等到解析器执行到它所在的代码行,才会真正被解释执行。如下示例test1();//会提示 Property 'test' of object [object...原创 2013-05-21 15:47:23 · 207 阅读 · 0 评论 -
动态显示文本框输入的字数
<!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>..原创 2012-12-06 10:04:49 · 490 阅读 · 0 评论 -
解决弹出层水平垂直居中 兼容问题
<!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 · 187 阅读 · 0 评论 -
三谈iframe 自适应高度
为什么是三谈为什么是三谈呢?一是因为这真的是一个被说烂的话题,二是因为太师傅在n年前就写过这篇再谈iframe自适应高度。之所以再提该问题,是因为之前项目中确实遇到了这个问题的方方面面,有必要总结一下。希望对各位有帮助,有错误请指正。同域、子页面高度不会动态增加这种情况最简单,直接通过脚本获取字页面实际高度,修改iframe元素高度即可。但有二点必须注意:如果页面内有绝对定位或者没有清浮...原创 2013-05-13 14:14:25 · 129 阅读 · 0 评论 -
javascript 动态创建页面元素兼容问题
为了提高网页的加载速度,减少服务器的压力。我们会采用javascript动态来创建html页面元素。好处是有的,但坏处也会相对而行。我们在创建html元素会存在一些浏览器兼容性的问题。主要表现于ie7 及其以下版本。以下对此进行问题 分析和处理。 /*动态创建页面素时会存在一些兼容性的问题(仅存在于ie7 及更低的版本)已知的一些问题:1.不能设置动态创建的<iframe> ...原创 2013-04-01 16:57:28 · 240 阅读 · 0 评论 -
css网页布局,三列浮动中间列宽度自适应css写法。
css网页布局,三列浮动中间列宽度自适应css写法。大致思路:左右两列固定宽度,采用绝对定位方式position:absolute;中间不写定位方式,只要分别设置padding-left以及padding-right分别为左右容器的宽度即可。 CSS部分:body{margin:0; padding:0;} //此段代码是为了去除body默认的边界,这样不会影响三列的显示...原创 2013-03-15 14:21:56 · 338 阅读 · 0 评论 -
JQuery选择器
jquery 《一》其本选择器 :#id $("#test").css $(".test")element $("p")* $("*")selector1 ,selector2.....,selectorN $("div,span,p,myclass")《二》层次选择器$("ancestor descendant")原创 2011-07-20 19:28:04 · 60 阅读 · 0 评论 -
jquery 单击子复选框改变上一级复选框的状态
jquery 在属性 中传变量 $(document).ready(function(){var zc="zi".length; //zi在类属性class标识是子复选框 复到字符串的长度 和标识的 fu 长度是一样的 在这里共用一个 $(":checkbox").click(function() { //单击复选框 触发事件函数var checkb...2011-09-05 10:18:22 · 193 阅读 · 0 评论 -
读取javascript对像属性的方法
一般来说,访问对象属性时使用的都是点表示法,这也是很多面向对象语言中通用的语法。不过,在Javascript也可以使用方括号表示法来访问对象的属性。在使用方括号语法时,应该将要访问的属性以字符串的形式放在方括号中,如下面的例子所示:var person= {'age',20,'name':'张三'};alert(person['name'])alert(person.name); ...原创 2012-12-18 14:41:44 · 171 阅读 · 0 评论