摘要: 高亮功能主要是指对页面中指定区域的指定文字进行高亮显示,也就是背景着色。一般在搜索结果页面会经常用到这个功能。下面就为大家提供一种解决方案,用javascript实现。首先在中引入下面javascript方法:上面的fHl方法就是用来实现高亮的,参数的含义在注释中有写。然后在页面最后调用fHl方法,对指定区域指定文字高亮着色,例如:怎么样,很简单吧~ 阅读全文
posted @ 2013-12-31 13:10 技术狂 阅读(7155) 评论(2) 推荐(0) 编辑
摘要: 传统上,字符串连接一直是js中性能最低的操作之一。var text="Hello"; text+=" World!"; 早期浏览器没有对这种运算进行优化。由于字符串是不可变的,这意味着要创建中间字符串来存储连接的结果。频繁地在后台创建和销毁字符串导制性能异常低下。发现这一点后,开发者们利用数组对象进行优化。var buffer=[],i=0; buffer[i++]="Hello"; //通过相应索引值添加元素比push方法快 buffer[i++]=" World!"; var text=buffer.join( 阅读全文
posted @ 2013-12-31 11:37 技术狂 阅读(622) 评论(0) 推荐(0) 编辑
摘要: 纵观时下网站,本来网速就有些慢,可是几乎每页都要放什么Banner,栏目图片,版权等一大堆雷同的东西,当然,出于网站风格统一、广告效应的需要,本无可厚非,可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了,有没有办法,让这些雷同的东西一次下载后就不用再下载,而只下载那些内容有变化区域的网页内容呢? 答案很肯定:应用Iframe标记! 一、Iframe标记的使用 提起Iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有... 阅读全文
posted @ 2013-12-31 06:40 技术狂 阅读(782) 评论(0) 推荐(0) 编辑
摘要: 读者墙,在很多网站上都有,没有遇到过的,可以参考度娘:读者墙http://www.baidu.com/s?wd=%B6%C1%D5%DF%C7%BD使用基础的Html和CSS写出雏形 需要一提的是头像(img)的排版。给外面a标签padding-left:;,img自身float:left;margin-left:;,这种写法避免了不少因浮动产生的问题,且代码简明,推荐适当的使用此方法。使用并解说所用CSS3 接下来给大家说说这个读者墙所应用到的css3属性,及其具体的使用方法,老鸟可以飞了。渐变: background-image:-webkit-linear-gradient(#aaa,# 阅读全文
posted @ 2013-12-30 21:44 技术狂 阅读(818) 评论(0) 推荐(1) 编辑
摘要: 一般情况下,架构分两种来讨论的,一种是开发架构,一种是部署架构部署架构,就是开发完的程序在实际运行环境下,通过负载均衡,DNS轮询,SquID等等来减轻单台服务器负载,达到性能优化的目的这里大家估计更想了解的是开发上的架构我对这个的观点是,所有的架构都是死的,而性能优化策略是活的,我在开发中,所有的东西都不是一定要按照什么固定的模式,去死开发,更多的是针对需要优化的信息进行针对处理,下面说说我的优化策略1、数据库优化,这个是所有的优化策略中中重要的,可以说数据库设计的好坏,直接影响了一个系统的承受力。普通的数据库细节优化,网上已经有大笔文章了,没什么好说的,想了解的自己去找。而我要说的就是在数 阅读全文
posted @ 2013-12-30 18:03 技术狂 阅读(919) 评论(2) 推荐(0) 编辑
摘要: 在我们这样一个神奇的国度,到了2014年了,居然还是有很多人的电脑上用着XP,安装的是IE6,他们没有想过要升级,我们就得想着兼容他们。。。。一、 6爷我喝高了,最后一行有重影。那什么是IE6 的3像素bug? IE7修正了IE6中的一个bug,bug名字就叫做“3像素bug”,即文字溢出bug. 表现形式是ie6浏览器下文字或者图片溢出,莫名其妙的自动复制几个字符。如下图,就自动溢出了一个“下一页”。 二、3像素bug是怎么产生的? 一个容器A包含2两个具有“float”样式的子容器B和C。 第二个容器C的宽度大于父容器A的宽度,或者父容器A宽度减去第二个容器C宽度的值小于3。 在第二个容. 阅读全文
posted @ 2013-12-30 14:07 技术狂 阅读(1041) 评论(2) 推荐(0) 编辑
摘要: 如果不会,可以存在DW中运行试一下哦~1、这段代码会输出什么?functionContainer(properties){varobjthis=this;for(variinproperties){(function(){vart=properties[i];objthis["get"+i]=function(){returnt;};objthis["set"+i]=function(val){t=val;};})();}}varprop={Name:"Jim",Age:13};varcon=newContainer(prop);co 阅读全文
posted @ 2013-12-28 21:49 技术狂 阅读(1462) 评论(2) 推荐(1) 编辑
摘要: 最近在看一本书:《高性能javaScript》,发现自己平时写js存在很多小细节上的问题,虽然这些问题不会导致程序运行出错,但是会导致界面加载变慢,用户体验变差,那么我们就来细细数一下应该注意的地方吧!!!1、 这段代码在我们正常理解下执行顺序应该是:defer、script、load,但是如果在支持defer的浏览器上顺序则是:script、defer、load,这里需要注意的是:defer不是跟在script后面执行,而是在onload事件处理之前被调用。时间有限,今天先记录这么多吧 阅读全文
posted @ 2013-12-28 16:56 技术狂 阅读(517) 评论(0) 推荐(0) 编辑
摘要: 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。 阅读全文
posted @ 2013-12-27 17:31 技术狂 阅读(937) 评论(0) 推荐(2) 编辑
摘要: 双色球现在越来越火了,但是每次选号,有的人看线,有的人只买一注固定的,但是我觉得,还是随机的比较好。具体哪个概率高呢?这个还真没有统计过,期待大家都中奖哦双色球的内幕?我想是没有的吧。。。好了,废话不多说,大家看代码吧~试试能不能中奖~~~~这个需要引用 jquery库 大家自备吧 双色球随机号 ... 阅读全文
posted @ 2013-12-26 17:09 技术狂 阅读(5150) 评论(6) 推荐(1) 编辑
摘要: 首先声明:这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之。。。有时在插入文档时,要用到表格对角线,常见的作法是用图片的方式来处理,还有就是用vml来画对角线,能不能用html+css方式来实现呢?答案是肯定的,下面我们来摸拟一个表格对角线。原理:用边框线来摸拟斜线,我们知道,如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时,其相邻的两条边框线交界处就是斜线。知道了这个原理,我们就可以用border-left和border-top来模拟出斜线的效果。我们先创建一个结构: 类别 姓名... 阅读全文
posted @ 2013-12-26 15:27 技术狂 阅读(6615) 评论(0) 推荐(0) 编辑
摘要: 内存泄漏对开发者来说一般很难检测因为它们是由一些大量代码中的意外的错误引起的,但它在系统内存不足前并不影响程序的功能。这就是为什么会有人在很长时间的测试期中收集应用程序性能指标来测试性能。最简单的检测内存泄漏的方式是用任务管理器检查内存使用情况。在Chrome浏览器的新选项卡中打开应用并查看内存使用量是不是越来越多。还有其他的调试工具提供内存监视器,比如Chrome开发者工具。这是谷歌开者这网站中的堆分析的特性的教程。目前IE的常用内存泄露工具主要有两个:sIEve和IE JavaScript Memory Leak Detector。sIEve 官方网站: http://home.wanad 阅读全文
posted @ 2013-12-25 15:26 技术狂 阅读(4975) 评论(0) 推荐(0) 编辑
摘要: 1、效果及功能说明 通过对时间的控制来告诉用户一个活动还剩多少时间,精确到秒。2、实现原理 首先定义活动的截至的时间,要重年份精确到毫秒,在获得当前的年份到秒钟,在用截至时间,减去现在的时间,剩下的还有多少的时间就把还剩下的时间给显示出来就得出了离截止日期还有多久。 主要代码var startTime = new Date();//获得当前的时间startTime.setFullYear(2016, 5, 27);//调用设置年份startTime.setHours(23);//调用设置指定的时间的小时字段startTime.setMinutes(59);//调用设置指定时间的分钟字段star 阅读全文
posted @ 2013-12-25 10:56 技术狂 阅读(2811) 评论(0) 推荐(1) 编辑
摘要: 一、添加打印样式1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: 用于打印的css:2. import方式: 3. 直接把屏幕显示样式和打印样式写在一个css文件中:@media print {}{ h1 { color: black; } h2 {}{ color: gray; } } @media print里面的内容只对打印出来的内容有效,之外的内容就是屏幕显示的样式。其他:创建一个不指定媒体类型的样式表通常很有用(或者利用media="all")。当你准备好定义一些特别用于打印的规则时,可以只创... 阅读全文
posted @ 2013-12-24 08:56 技术狂 阅读(2096) 评论(1) 推荐(0) 编辑
摘要: 这里介绍两个超级简单的方法,不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。注意别放错了地方。iframe的代码中,注意要写ID,没有ID查找不到方法一://注意:下面的代码是放在test.html调用$(window.parent.document).find("#main").load(function(){var main = $(window.parent.document).find("#main");var thisheight = $(document) 阅读全文
posted @ 2013-12-23 15:11 技术狂 阅读(3166) 评论(3) 推荐(0) 编辑