为您找到搜索结果：6777个
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
PerishablePress网站近日发表了一篇文章《3WaystoPreloadImageswithCSS,JavaScript,orAjax》，分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。 预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。实现预加载图片有很多方法，包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案，十分高效。单纯使用CSS，可容易、高效地预加载图片，代码如下：viewsource print?1.#preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999p...
javascript语言精粹----笔记【转载】
1.6种值会为假(==false),分别是false,null,undefined,'',0,NaN2.typeof有6种值,分别是'number','string','boolean','undefined','function','object';其中typeof(null),结果是'object'3.number类型总是64位浮点数,两个整数相除也可能出现非整数结果4.如果第一个运算数的值为假,那么运算符&&产生它的第一个运算数的值.否则,它产生第二个运算数的值.如,可利用&&运算符避免检索undefined引起的异常flight.equipment //undefinedflight.equipment.model &n...
Json(JavaScript Object Notation)。
Json(JavaScriptObjectNotation)。Json是一种数据交互格式，一个不能实现数据交互功能的项目是没有任何意义的，大多的Ajax框架的数据交互都基于Json，如：jQuery、ExtJs等。因此理解Json掌握Json并熟练运用是很重要的。以目前主流的开发语言为例，.NET已经把Json封装到类中，无需配置，直接与数据库交互，轻松的封装直接使用；Java就麻烦些，必须去下一个Json包，然后再做一些配置，才可以使用；PHP5.2.0及以后的版本已经封装了Json，支持直接解析。PHP5.2.0以前的版本和Java差不多，也必须下载一个Json插件（和类相似），但是不用配置，直接封装使用。在实际的项目中，各自的取舍配置，都基于项目和需求，并不是每个项目（针对WEB）都一定要用到。但是，如果想在项目中用到此类的Ajax框架，Json的掌握又是必须的。...
数字滚动[javascript]
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title></head><body><formname="myform"id="myform"><inputtype="text"name="random"id="random"value=""></form><scripttype="text/javascript">(function(){ varcount=0; &nbs...
用Javascript获取页面元素的位置
作者：阮一峰制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的大小和浏览器窗口的大小首先，要明确两个基本概念。一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。浏览器窗口的大小，则是指在浏览器窗口中看到的那部分网页面积，又叫做viewport（视口）。很显然，如果网页的内容能够在浏览器窗口中全部显示（也就是不出现滚动条），那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示，则滚动浏览器窗口，可以显示出网页的各个部分。二、获取网页的大小网页上的每个元素，都有clientHeight和clientWidth属性。这两个属性指元素的内容部分再加上padding的所占据的视觉面积，不包括border和滚动条占用的空间。（图一clientHeight和clientWidth属性）因此，document元素的clientHeight和clientWidth属性，就代表了网页的大小。 functiongetViewport(){ if(document.co...
关闭Android/iPhone浏览器自动识别数字为电话号码
iPhone上的Safari(还有些webkitandroid手机浏览器)会自动对看起来像是电话号码的数字串（包括已经加入连字符或括号格式化过的）添加电话链接，点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别，可以将它关闭：<metaname="format-detection"content="telephone=no"/>如果你关闭自动识别后，又希望某些电话号码能够链接到iPhone的拨号功能，那么可以通过这样来声明电话链接：<ahref="tel:13800138000">13800138000</a>...
史上自定义 JavaScript 函数Top 10
http://www.dustindiaz.com/top-ten-javascript/ 发布:wpulog|发布时间:2010年4月9日10个被使用的最普遍的用户自定义函数，addEvent(),addLoadEvent(),getElementsByClass(),getCookie(),setCookie(),deleteCookie()等。10)addEvent() functionaddEvent(elm,evType,fn,useCapture){ if(elm.addEventListener){ elm.addEventListener(evType,fn,useCapture); returntrue; } elseif(elm.attachEvent){ varr=elm.attachEvent('on'+evType,fn);&n...
bind 0.0.0.0的作用是什么呢？
背景描述： 今天在看redis的内容，看到同事在配置文件中将bind配置为0.0.0.0进行监听，不明白什么意思就查询了下，在此记录下。解释：0.0.0.0在服务器的环境中，指的就是服务器上所有的ipv4地址，如果机器上有2个ip192.168.30.10和10.0.2.15，redis在配置中，如果配置监听在0.0.0.0这个地址上，那么，通过这2个ip地址都是能够到达这个redis服务的。同时呢，访问本地的127.0.0.1也是能够访问到redis服务的。 测试验证：1.绑定到0.0.0.0[aiprd@hadoop1redis]$src/redis-server./redis.conf[aiprd@hadoop1redis]$ps-ef|grepredisaiprd24221011:53?00:00:00src/redis-server0.0.0.0:6379aiprd24261401011:53pts/000:00:00grepredis 2.本地ip地址[aiprd@hadoop1redis]$ipa1:lo:<LOOPBACK,UP,LO...
计算机中，到底什么是字符编码？
1.到底什么是字符编码？ 这个问题其实一直困惑了我很久，虽然做了这么久计算机，但是还是没有理解，今天看了<编码的奥秘>这本书，真是豁然开朗，我们利用计算机到底做什么，存储信息，处理信息，传递信息，但是对于计算机来说，由于底层电路的设计本质，只能是识别0和1两种代码，那么传递的也只能是0和1了，那么，我们想要表达一句话，传递个长点的信息该怎么做呢，我们就思考，我们人类平日里在传递信息的时候，怎么能知道别人说的是什么呢，比如，你看见一个亮亮的东西，然后你说是太阳，别人就理解了，是因为，我们给了这个亮亮的东西一个名称“太阳”，也就是给这个物体进行了编码。这样进行下去，就构成了口语，当你想要将所要表达的信息用纸进行传递的时候，就出现了字，然后又有了字典，或者告诉别人这个字是什么，什么意思，逐渐的，又字到词，又到句子，又形成了断句的逗号，句号，表达情绪的感叹号等等。这样的话，你写了一封信，一篇文档，别人就理解你要表达的意思，如果你认识，别人不认识，那么，可以查字典，知道读音，意思。那么为什么能达到这样一个效果呢，就因为，对于这些字或者字符，你们有了一...
编程语言中，到底什么是变量，变量的作用是什么？
1.变量的主要作用，就是用来存储信息，然后在计算机程序中使用这些信息。2.通过给变量赋值，也将数据与一些能够描述的名字连接起来，简单说，就是给数据一个能让人理解的名字，12可以指年龄，也可以指距离，所以，需要通过这个定义，12就有了不同的含义。3.变量的值，最终是存储在内存中。 简单的可以看做：在生活中，我们买了油，将油放入油桶呢，后续呢，当我们需要使用的时候，就将油取出来使用，油桶呢，就可以类比变量。也可以比作，吃饭的时候，用碗来盛米饭，然后我们来使用，碗也可以比作变量。参考：Variablesareusedtostoreinformationtobereferencedandmanipulatedinacomputerprogram.Theyalsoprovideawayoflabelingdatawithadescriptivename,soourprogramscanbeunderstoodmoreclearlybythereaderandourselves.Itishelpfultothinkofvariablesascontainersthatholdinform...
linux中，history命令，显示时间戳？操作人？IP地址？
需求描述： 在linux环境中，有的时候为了审计的需要，要记录谁什么时间从什么IP登录，执行了什么命令，bash的history命令就能够记录这些信息，但是在默认的情况下，是不记录时间的，所以呢，在这里记录下，对其进行改造。操作过程：1.默认的history命令，只是显示行号，执行的命令[root@testvm01~]#history|more 3 ./test.sh 4 ls 5 vinmon16e_x86_rhel65 6 cdd/opt 7 ls 8 cd/opt 9 ls 10 cdsoftwares/ 11 ls 12 cd../app/ 13&n...
linux中，当执行rpm -e删除一个软件包时，都做了些什么事
问题描述： 今天在通过rpm进行删除软件包时，出现了问题，就引发了我对于rpm包执行删除动作时的一些行为做了思考，之前找了很多的文章，后来想如果有debug日志信息，那么不就都清楚了吗通过打印rpm-e执行删除的调试信息[root@testvm03log]#rpm-e-vvmysql-server-5.1.73-8.el6_8.x86_64D:loadingkeyringfrompubkeysin/var/lib/rpm/pubkeys/*.keyD:couldn'tfindanykeysin/var/lib/rpm/pubkeys/*.keyD:loadingkeyringfromrpmdbD:openingdbenvironment/var/lib/rpmcdb:mpool:joinenvD:openingdbindex/var/lib/rpm/Packagesrdonlymode=0x0D:lockeddbindex/var/lib/rpm/PackagesD:openingdbindex/var/lib/rpm/Namerdonlymode=0x0D:readh#323Hea...
linux环境中，多个命令之间，通过&& ||执行，命令之间执行的逻辑是什么？
需求描述： 最近在写一个脚本的时候，要判断一个文件是否存在，有怎么样，没有就创建，这个时候 看到了一个test结合||或者&&的写法，就查看了下资料记录下是怎么个玩法。操作过程：1.判断一个脚本是否存在，如果存在就提示文件存在[mysql@testvm01baks]$ls-ltotal0-rw-rw-r--.1mysqlmysql0Jan914:33innobin.log[mysql@testvm01baks]$test-einnobin.log&&echo"fileexists"#cmd1&&cmd2的方式，cmd1执行文件存在，反馈状态值是0，然后执行cmd2fileexists 2.判断一个脚本是否存在，如果不存在就提示不存在[mysql@testvm01baks]$lltotal0-rw-rw-r--.1mysqlmysql0Jan914:33innobin.log[mysql@testvm01baks]$test-einnobinNew.log||echo"filenotexists"#cmd1||cmd2的方式，...
mysql中,什么是视图,视图的作用是什么?
需求描述: 在看mysql的视图,对于视图的定义,进行基本的了解,在此记录下.概念解释: 视图:存储的查询语句,当调用的时候,产生结果集,视图充当的是虚拟表的角色.测试过程:说明:如果要对一张表或者多张表进行查询,可以通过写复杂的SQL语句来实现如果要这些SQL语句存储为视图,那么查询的时候,就直接查询这个视图就可以了.1.创建表,插入数据,并且执行查询mysql>CREATETABLEt(qtyINT,priceINT);QueryOK,0rowsaffected(0.09sec)mysql>INSERTINTOtVALUES(3,50),(5,60);QueryOK,2rowsaffected(0.01sec)Records:2Duplicates:0Warnings:0mysql>SELECT*FROMt;+------+-------+|qty|price|+------+-------+|3|50||5|60|+------+-------+2rowsinset(0.00sec)2.创建视图,视图中的查询根据具体的情况有相应的表达式mysql>CR...