摘要: Javascript 的很多扩展的特性是的它变得更加的犀利, 同时也给予程序员机会创建更漂亮并且更让用户喜欢的网站。尽管很多的开发人员都乐于颂扬 javascript,但是仍旧有人看到它的阴暗面。使用很多 javascript 代码的 web 页面会加载很慢,过多的使用 javascript 使得网页丑陋和拖沓。很快如何有效地使用 javascript 成为一个非常火热的话题。这里让我们列出 10 个最佳 javascript 实践,帮助你有效地使用 javascript。1. 尽可能的保持代码简洁可能大家都听到过了N遍这个代码简洁问题了。作为一个开发人员你可能在你的代码开发过程中使用了很多次 阅读全文
posted @ 2013-12-07 09:46 Ranran 阅读(1219) 评论(4) 推荐(4) 编辑
摘要: 一、 CSS样式兼容1. FLOAT闭合(clearing float)网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV。解决办法:1) 给父DIV也设上float2) 在所有子DIV后新加一个空DIV(目前Ext是这么做的),比如:.parent{width:100px;}.son1{float:left;width:20px;}.son2{float:left;width:80px;} 阅读全文
posted @ 2013-12-06 16:21 Ranran 阅读(1508) 评论(3) 推荐(6) 编辑
摘要: 原文The 30 CSS Selectors you Must Memorize由 Jeffrey Way 发表于 2012 年 6 月,介绍了 30 种最常用的 CSS 选择器用法,多加了一种,变成了牢记 31 种选择器用法。其他 CSS3 选择器用法请查看CSS3 selectors explained这篇文章,此外,W3C CSS3 选择器官方文档Selectors Level 3 W3C Recommendation 29 September 2011记录在这里留待有疑问的时候查看。1.** { margin: 0; padding: 0;}星号选择器用于选取页面中的所有元素,可用.. 阅读全文
posted @ 2013-12-06 15:48 Ranran 阅读(1314) 评论(0) 推荐(5) 编辑
摘要: 一般tips都是文字,这个可以支持图片,很漂亮: 演示 CSS文件如下: HTML代码: ... 阅读全文
posted @ 2013-12-06 14:00 Ranran 阅读(849) 评论(0) 推荐(0) 编辑
摘要: “珍惜生命,远离IE6”,IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放弃了很多很炫的效果,为了让大家在这方面少烧点脑细胞,KwooShung我就舍身一把,把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内,以供大家学习参考!方案1 - 滤镜解决方案:介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试!目录说. 阅读全文
posted @ 2013-12-05 16:01 Ranran 阅读(663) 评论(0) 推荐(0) 编辑
摘要: Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题Javascript自身执行效率Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下。1、全局导入我们在编码过程中多多少少会使用到一些全局变量(window,document,自定义全局变量等等),了解javascript作用域链的人都知道,在局部作用域中访问全局变量需要一层一层遍历整个作用域链直至 阅读全文
posted @ 2013-12-04 21:07 Ranran 阅读(910) 评论(0) 推荐(0) 编辑
摘要: 网上看到的一篇小文,挺有用的,收藏在这。本文中,我整理了12个免费的Ajax和JavaScript代码库,可以帮助Web开发人员将应用程序提升到一个新水平。Ajax Instant Messenger它是最流行和常用的Ajax代码解决方案之一。这是一个基于浏览器的即时通讯客户端,适用于社区、内部网和社交网。Ajax IM无需页面刷新。Lightbox 2Lightbox 2是最常用的Ajax脚本之一,用于覆盖页面上的图像。它兼容所有现代浏览器,并使用了Prototype框架和Scriptaculous效果库。TimelineTimeline结合了Ajax和DHTML技术,允许你创建美观的交互式 阅读全文
posted @ 2013-12-04 09:18 Ranran 阅读(611) 评论(1) 推荐(0) 编辑
摘要: 工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点:1. IE input type=file的图片预览要用IE的filter css progid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox则用File api的file reader2. 图片旋转,IE用progid:DXImageTransform.Microsoft.Matrix的filter(filter可以组合用,用空格隔开) chrome/firefox用canvas3. 阅读全文
posted @ 2013-12-03 09:56 Ranran 阅读(1790) 评论(1) 推荐(1) 编辑
摘要: 三、position:fixed无效今天在IE6上遇到一个bug,本来想做一个消息提示框,让他在页面右上角停留一段时间后消失,这段时间内提示框随着页面的下拉一直出现在浏览器可见区的顶部,于是我用到了css的一个属性position:fixed,但遗憾的是在IE6下这个属性不起作用,悲剧的IE6,于是便找解决方案,现把最佳的解决方案拿出来与大家分享,或许不久的将来你能用上。1、要实现的效果如下图:这时弹出提示在浏览器最右上角可见区这时浏览器向下滚动了一下,但要让弹出层保持在浏览器最右上角可见区2、兼容的解决方案代码如下:css代码如下.loading_tip { position: fixed; 阅读全文
posted @ 2013-12-02 21:12 Ranran 阅读(727) 评论(1) 推荐(1) 编辑
摘要: 有一个网址,可以返回我们要的内容。http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码将会返回下列内容:_Callback( {"uin":查询的QQ号码, "qzone":1, "nickname":"昵称", "offsetBirth":距离生日的天数, "avatarUrl":"查询的QQ号码头像地址"});因此,我们把它解析出来就可以了针对这个内容,对_Callback事先进 阅读全文
posted @ 2013-12-02 13:21 Ranran 阅读(1530) 评论(1) 推荐(0) 编辑
摘要: 1.解决办法机器级别修复, 服务器所有ASP.NET程序受益 需要去微软下载对应asp.NET版本的修补程序.NET 4 -http://support.microsoft.com/kb/2600088.NET 2.0http://support.microsoft.com/kb/2600100for Win7 SP1/Windows Server 2008 R2 SP1, Windows Vista/Server 2008, Windows XP/Server 2003http://support.microsoft.com/kb/2608565for Win7/Windows Server 阅读全文
posted @ 2013-11-30 20:15 Ranran 阅读(3872) 评论(0) 推荐(2) 编辑
摘要: 有时候,我们可能不会在网页中 请输入您的名字: Jquery获取名字 阅读全文
posted @ 2013-11-30 12:32 Ranran 阅读(962) 评论(0) 推荐(0) 编辑
摘要: 一、奇数宽高 悲剧的IE6啊,为何有如此多bug,但用户市场又那么大,真让我们搞网站的纠结。今天就遇到了一个非常奇怪但又很细节的一个bug,一个外部的相对定位div,内部一个绝对定位的div(right:0),如下图所示: 可是在IE6下查看,却变成了right:1px的效果了,是特效吗,不像: 结果发现只要外部div的高或宽为奇数时,就会出现如上1px的问题,修复问题的解决方案就是把外部div的高或宽设为偶数。 以下是css代码: #outer { width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*/ height: 300px; position: rela 阅读全文
posted @ 2013-11-30 12:15 Ranran 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 网站开发中,在页面之间的跳转,经常会用到传值,其中可能会传递多个值。一、CommadArgument传多个值到其他页面。 像Gridview dataList repeater等数据绑定控件中,可以使用CommadArgument传多个值。 源的代码(aspx页面代码)如下:这个代码一般写在项模板中,如果你用的第一种方法就不需要加上onclick事件,直接点击数据绑定控件的RowCommand ,itemCommand事件,就行了。object[] arg=e.CommandArgument.ToString().split(','); //注意是单引号string arg0= 阅读全文
posted @ 2013-11-29 14:21 Ranran 阅读(1501) 评论(0) 推荐(1) 编辑
摘要: HTML中我们一般把部分称为网页的头部。头部部分的内容虽然不会在页面中显示,但它能影响到搜索引擎对网页的收录和排序,以及网页的各种全局设置,可以说是至关重要。▲知识点一——头部信息里设置网页的基底网址基底网址的实质是统一设置超级链接的属性,基底网址标签是,它有两个属性,href和_target。href用于设置基底网址的路径,_target用于设置超级链接的打开方式。通过基底网址的添加,页面中所有的相对网站根目录地址可转换成绝对地址。当浏览器浏览页面时,通过标记将相对网站跟目录地址附加在基底网址路径的后面,从而转化成绝对地址。我们首先创建一个base.htm,编写HTML代码如下:基底网址的设 阅读全文
posted @ 2013-11-28 11:24 Ranran 阅读(972) 评论(0) 推荐(3) 编辑