- 博客(280)
- 资源 (1)
- 收藏
- 关注
原创 ajax中application/x-www-form-urlencoded字符编码
在Form元素的语法中,EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 下边是说明: application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。 text/plain: 窗体数...
2015-04-03 23:36:08
417
原创 IE浏览器stylesheets加载资源限制问题
@import url()做一下总结:1:@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。2:@import 是css2里面的,所以古老的ie5不支持。3:当使用javascript控制dom去改变样式的时...
2015-03-08 20:30:44
336
原创 css定位z-index问题
1. 某些浏览器下元素层级遮盖存在bug;2. 某个元素z-index设的太大,导致始终无法被遮盖;3. js动态计算z-index,导致元素覆盖关系部可控[img]http://www.etosun.com/content/uploadfile/201211/e06aa552c04a0d5ae8e763a36b630f6020121108050150.gif[/img] ...
2012-11-09 11:04:55
255
原创 几种 css hack 方法
第一种:!important方式.DIV{ background:orange;/*ff*/ *background:green!important;/*IE7*/ *background:blue;/*IE6*/ } 第二种:样式属性前缀式.DIV{ margin:10px;/*ff*/ *margin:15px;/*IE7*/ _ma...
2012-10-31 22:38:09
213
理解Javascript原型及继承
js初次使用起来觉得很简单但是在使用一段时间后很不深入的理解原理,这次写这个文章来吧自己觉得能让自己很好的理解的js。参考:[url]http://jibbering.com/faq/notes/closures/[/url][url]http://www.dengpeng.org/archives/685[/url][url]http://dmitrysoshnikov.co...
2012-08-15 22:13:26
102
原创 前端使用CSS浮动16条规则
好久没来写东西了,今天补充下css方面。先要理清的是为什么要清除浮动:[color=red]在使用float后父容器(没有设置height情况时)并没有包裹住这两个层,我们只能说,父容器不知道这两个层的高度,从而使得这两个层溢出了父容器,脱离了文档流,这也就是我们为什么要在浮动之后,让父容器识别出内部元素的高度,要清除浮动的原因。[/color][quote]1.浮动元素会从文档正...
2012-06-18 09:40:56
157
浏览器兼容 CSS Hack方法
[img]http://tid.tenpay.com/wp-content/uploads/2011/08/ie.png[/img] .element{ color:#000; /*w3c标准*/ [;color:#f00;]; /*Webkit(chrome和safari)*/ color:#666\...
2012-03-01 23:11:26
111
JS判断IE浏览器支持版本
/* * @description 判断是否是IE,返回具体版本号 * @return IE的版本号,其他则返回 undefined * */[code="java"]isIE = (function(){ var v = 3, div = document.createElement('div'), all = div.getEl...
2012-02-01 19:00:13
114
jsonp动态创建script方式IE9问题
在IE9浏览器创建一个script元素,然后指定其src属性url请求地址jsonp方式回调返回remotor.callback({name:'demo'}); 在IE8里是会正常调用remotor.callback函数,并且每次动态修改该script标签的src请求地址也能正确执行js。但在IE9第一次创建了script元素,然后指定其src属性,返回的js代码是可以执行,第二次...
2012-02-01 16:28:01
191
原创 IE9下使用jsonp方式调用问题
1. 如果JSONP返回的Content-Type不符合规范,那么请求将出现了被IE9 block掉的情况;2. 在IE9中,如果在Jsonp请求中,http response header中有X-Content-Type-Options: nosniff并且Content-Type: text/html; charset=GBK那么这个请求的内容不会被IE9当成 javascript执行。...
2012-01-31 19:03:28
451
原创 JavaScript获取浏览器语言类型
获取浏览器语言:IE: navigator.browserlanguage返回:"zh-cn"FF及其他浏览器:navigator.language返回:"zh-CN"jsp获取浏览器语言:request.getHeader("ACCEPT-LANGUAGE")[img]http://www.dengpeng.org/wp-content/uploa...
2011-12-31 18:24:47
311
原创 IE Security Comprehensive Protection
IE浏览器安全方面的处理,本人英文不好建议大家直接看英文:Safer MashupsWhile the XSS Filter helps mitigate reflected scripting attacks when navigating between two servers, in the Web 2.0 world, web applications are increa...
2011-12-19 20:14:19
154
javaScript 中比较数字字符串问题
在实现前端页面排序功能过程中遇到的问题,由于自己的粗心导致了生产上问题。原本是通过js原生的sort方法排序,比较纯字符串数字大小。但是没有将纯字符串数字转换为数字就直接比较了。如:“13” 与 “126”比较的时候会返回true,但是我的本意是返回false.需要修改为parseInt("13",10) > parseInt("126",10)后再比较。但是这让我想起了在...
2011-10-10 21:49:33
178
原创 IE中css属性writing-mode使用
在项目中遇到这个属性的用法设置文本的垂直显示,但是只能在ie中使用,在其他浏览器中没有很好的替代方法。语法: writing-mode : lr-tb | tb-rl 参数: lr-tb : 左-右,上-下tb-rl : 上-下,右-左 说明: 设置或检索对象的内容块固有的书写方向。西方语言是左-右,上-下的书写方式。但亚洲语言常有上-下,右-...
2011-09-22 21:03:23
750
原创 javascript设置label标签 for属性
js创建label标签的for属性用来增加操作响应区域。[code="java"]var label = document.CreateElement("input");label.type="checkbox";label.for="id"; //不能使用for关键字[/code]由于在js中使用for关键字,所以只能换一种方式:1,推荐setAttribute属...
2011-09-11 10:36:46
1759
javascript事件绑定addEventListener,attachEvent
为了考虑浏览器的兼容性问题,都需要对浏览器进行类型检测。[code="java"]function addHandler(el, type, fn){ if(window.attachEvent){ //ie事件名称前增加on开头 el.attachEvent("on" + type, fn); }...
2011-07-31 18:55:34
116
原创 readyState五种状态详解
(0) UNINITIALIZED 未初始化The object has been created but not initialized. (The open method has not been called.)(XMLHttpRequest)对象已经创建,但尚未初始化(还没有调用open方法)。(1) LOADING 载入The object has been create...
2011-07-24 14:15:48
873
原创 getElementByTagName 与 querySelectorAll
虽然网上有中文翻译但是还是直接看英文有感觉。getElementByTagName 与 querySelectorAll在节点查询时候在效率上区别。Conclusion[color=blue]The real reason why getElementsByTagName() is faster than querySelectorAll() is because of the d...
2011-07-14 11:29:23
170
原创 拖放 Drag and drop 方法
虽然网上又很多实现方法,但是还是需要理解拖放原理。通过绑定onmousedown,onmousemove.onmouseup事件来实现层拖放位置变化,这只是很简单实现,可以去换个方法去实现。[code="java"]demo .drag1 , .drag2{ position:relative; width:200px; height:200px; ...
2011-07-10 18:55:32
218
闭包传入参数 window & undefined
大家在前端开发中对闭包应该和熟悉了,也就是几种常见的闭包方式:1:[code="java"]var fn = function(i){ var j = i; return function(){ return j; }}[/code]2: [code="java"](function(undefine...
2011-07-03 08:53:57
267
原创 textarea光标位置插入文字
各浏览器TextArea获得焦点后的光标位置情况:textarea.focus()FireFox: 所有文字结束处IE: 文字开头Opera: 文字开头Chrome: 文字开头Safari: 文字开头IE支持document.selection,Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性...
2011-06-18 18:14:20
295
原创 javascript获取元素CSS样式值
IE:element.currentStylecurrentStyle 对象返回了元素上的样式表,但是 style 对象只返回通过 style 标签属性应用到元素的内嵌样式。因此,通过 currentStyle 对象获取的样式值可能与通过 style 对象获取的样式值不同。例如,如果段落的 color 属性值通过链接或嵌入样式表设置为红色( red ),而不是内嵌的话,对象.curre...
2011-06-18 14:36:13
188
原创 div,span标签title属性
[color=red]div,span标签title属性:规定元素的额外信息(可在工具提示中显示)[/color]鼠标放在这个层上面的时候会出现一个提示那就是你title的内容.类似于img的alt 。今天在实现查看图片左右区域显示上一张,下一张效果时候使用到该功能,平时很少用到,原来可以使用div或者span的title属性实现鼠标放在这个层上面的时候会出现提示信息。参考...
2011-06-07 21:59:07
8354
原创 IE6上Array不支持indexOf方法
在IE6不支持Array上indexOf方法,又是可恶的ie,很是痛恶。自己在Array原型链上扩展indexOf方法:[code="java"]if(!Array.prototype.indexOf){Array.prototype.indexOf = function(val){ var value = this; for(var i =0; i < val...
2011-06-06 10:17:32
170
原创 CSS中border实现圆角效果
重要的是其实现的原理,明白原理后就可以自由的发挥你的想象了,不用多说,直接上代码:[code="java"].clip-top{ border-style: dashed dashed solid dashed; border-color: transparent transparent red transparent ; border-width: ...
2011-05-27 22:42:35
310
原创 CSS中border实现三角效果
一直关注js比较多,对css不是很熟,作为前端开发工程师而言这是不平衡和不合格的。当面试时或者时同行问道如何实现这个效果时候就萌到了,虽然也在各个博客上看到过实现文章但是一直没有自己去实践和理解其实现原理。[code="java"].clip{ border-style: solid dashed dashed; border-color: #red trans...
2011-05-27 21:52:18
99
原创 处理不支持JavaScript脚本情况
现在主流的浏览器都支持javascrip, 但还是有小部分不支持javascript, 或都为了安全把js禁用了. 尤其在使用了大量的js,ajax这种异步处理方式时候,将会对用户体验造成很大影响。常用处理方法:1: 使用标记对直接屏蔽。[code="java"] [/code]在禁用js情况下 标记中内容浏览器将会当作注释处理。2:使用和标...
2011-05-26 10:24:30
209
原创 IE6下png格式图片透明问题
[code="java"].png{ background: url(http://www.xxx.com/images/x.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="http://www.xxx.com...
2011-05-24 10:26:50
182
原创 IE6,IE7下设置透明度opacity问题
在前端开发中经常被问到IE下这个bug问题:ie6下是因为haslayout的原因,为了触发[color=red]haslayout[/color]属性,更简单的办法就是它设置[color=red]zoom:1;[/color]即可,而且没有任何副作用。[code="java"].opacity{opacity:0.3;filter:alpha(opacity:40);zoom:1...
2011-05-24 09:55:29
302
原创 ie6下实现position:fixed效果
由于IE下position:fixed无效,所以需要寻找一种合适的方法及实现的原理,记录下。参考:[url]http://ljj284860475.blog.163.com/blog/static/81423862009102713414312/[/url][url]http://www.jb51.net/css/32163.html[/url][url]http://www....
2011-05-23 17:31:21
116
原创 数组中找出小于6且离数字6最近元素
面试中遇到一个算法题:在数组中找出[color=red]小于6且离数字6最近[/color]元素?思考方案1:[code="java"]var a = [1,7,6,9,4], max = '', m = [[],[]];var index = a.indexOf(6);for(var i=0, l = a.length; i< l;i++){ if(a[i] <...
2011-05-23 11:11:13
236
原创 浏览器3种文档模式 Q , A ,S
怪癖模式、标准模式和准标准分别表示为Q、S和A。当浏览器仅有两种模式时,如果表格单元格的行高和Mozilla的标准模式表现一致时,标准模式标记为“S”,如果表格单元格的行高和Mozilla的准标准模式表现一致时,则标记为“A”。浏览器的模式选择,有三个:[color=red]Quirks Mode, Standards Mode, Almost Standards Mode[/co...
2011-05-22 22:19:55
271
原创 性能黄金法则 (Performance Golden Rule)
性能黄金法则(Performance Golden Rule):只有[color=red]10%-20%[/color]的最终用户响应时间花在了[color=red]下载HTML文档[/color]上。其余的[color=red]80%-90%[/color]时间花在了[color=red]下载页面中的所有组件[/color]上。...
2011-05-20 10:41:43
244
原创 CSS3 transform/transition/animation
transform属性: 用来变换某个指定的元素,transition属性: 使元素以一种缓动的效果呈现出来.animation属性:使元素实现动画效果.参考:[url]http://liangqi.me/tag/html5-css3-2[/url][url]http://www.slideshare.net/RandyJin/css3-transition[/url]...
2011-05-19 16:55:27
104
原创 互联网产品灰度发布
今天在公司团队敏捷开发培训中培训老师说到的这个词,特地网上google搜索下什么是灰度发布?百度百科上的定义是:[color=blue]灰度发布是指在黑与白之间,能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式,让一部用户继续用A,一部分用户开始用B,如果用户对B没有什么反对意见,那么逐步扩大范围,把所有用户都迁移到B上面来。灰度发布可以保证整体系统的稳定,在初始灰度...
2011-05-13 14:14:59
122
原创 html 页面指定 Content-Type
经常遇到页面显示文字乱码问题,大多数是由于字符编码问题导致。通常设置[code="java"][/code]在页面头指定字符charset=utf-8等编码方式。[color=blue]Always declare the encoding of your document. Use the HTTP header if you can. Always use an in-docu...
2011-04-21 13:56:00
3040
原创 iPhone展示Web应用需要配置
[code="java"][/code]device-width:视图宽度与设备同宽。 [code="java"][/code]指定在iPhone主屏上所显示的图标为yourIcon.png [code="java"][/code]指定web应用启动时的显示图片。 [code="java"][/code]指定显示特征为web应用,不显示浏览器的特征。 ...
2011-04-21 09:51:19
115
原创 浏览器关闭事件页面处理
开发中遇到问题:业务希望关闭浏览器后后台能够得到用户已经离开系统操作消息,因为这个消息将会触发在其他业务系统中功能,所以在实时性上有要求。需求分析:1:js通过绑定onbeforeunload事件在触发时候调用ajax发送请求到服务器,但是实际上页面对象已经释放了,那么在ajax还没有发送成功时候变被终止了。[code="java"] window.onbeforeunload ...
2011-04-20 14:05:58
338
原创 动态创建iframe设置属性name问题
通常iframe的name可以是link或者form的target,将link或form打开到这个iframe上。在js中一般采用[code="java"]var iframe = document.createElement('iframe'); iframe.setAttribute('name', 'node') or iframe.name ="node" [/code]...
2011-04-20 13:54:42
1198
原创 web服务器反向代理 reverse proxy
代理服务器来接受外部的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给外部的请求连接的客户端,此时代理服务器对外就表现为一个服务器。 [color=blue]反向代理一般作用:1:减轻源服务器负载2:保障源服务器安全3:对源服务器进行负载均衡(Load Balance)。[/color]一般反向代理置于源服务器的前端,配备大容量的内存和高速磁...
2011-04-07 09:33:29
185
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人