html+css+JavaScript
踏踏实实的走
快乐,自信!脚踏实地,一步一个脚印向前走!
展开
-
Chrome Dev Tool 中时间线各阶段代表的意义
在使用chorme Dev Tool工具进行性能调试时timing是一个不错的工具,然而timing中每个属性的意思都代表什么呢,下面来一探究竟: Stalled/Blocking 在请求能够被发出去前的等等时间。包含了用于处理代理的时间。另外,如果有已经建立好的连接,那么这个时间还包括等待已建立连接被复用的时间,这个遵循Chrome对同一源最大6个TCP连接的规则。转载 2015-09-28 10:40:33 · 638 阅读 · 0 评论 -
firebug net面板详解
Net面板Net面板就是Firebug中的net tab,中文应该叫“网络”?它可以监控页面中的HTTP请求,然后将收集到的信息展现出来。当然,要使用这个功能,你要先点击Net字符右边的小三角将它启用。PS:我这里的环境是Firefox 4+Firebug 1.7,旧版本的界面可能会稍有不同。它会将页面中所有的请求/相应的完整过程整理好列出来。上面的截图显示,前端观察首页的转载 2015-09-28 17:13:23 · 1048 阅读 · 0 评论 -
js、html中的单引号、双引号及其转义使用
在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下:IE提示出错后,再漫不经心地改为:结果还是出错。这时,我就想不通了,虽然我知道最直接的解决方法是写成这样:但为什么javascript中的转义字符\没有效果了呢?后来找到一段正常的代码:这时才理解,原来这时,还是归于HTML的管辖范围,所以转义字符应该使用HTML的,而不是javascrip转载 2015-09-30 00:29:38 · 1017 阅读 · 0 评论 -
CSS Sprite的使用
在前端优化的过程中,其中有一条就是要减少http的请求,来提高效率。所以在有很多小图片组成的网页中,往往会把很多小图片合并成一张图片,这样只要发送一次http请求就可以了。经过学习,可以通过CSS Sprite技术解决。下面是一个例子:CSS Sprite需要知道大图的网格,小图标在图上的位置偏移(写进css里的background-position要加负号),和大小。原创 2015-09-19 22:09:29 · 799 阅读 · 0 评论 -
javascript在html中的加载顺序------为什么window.alert(document.getElementById("time").innerTex)无法弹出对话框
最近在写js代码中遇到一个问题,window.alert($("mytime").innerTex);总是无法弹出对话框。代码1如下:结果:无法弹出对话框!如果是window.alert($("mytime")),则输出null。代码2如下:结果:弹出“5”的对话框原因分析:在代码1中,代码是从上往下解释的,当解释到window.alert()时原创 2015-10-29 00:35:41 · 2567 阅读 · 0 评论 -
dom编程中window对象的setInterval,setTimeout方法详解
经过各种测试,最终才发现window对象的setInterval,setTimeout函数都是单开一个线程按给定的时间,执行对应的函数。主线程会立即往下执行。而不是在setInerval、setTimeout方法处阻塞规定的时间!再执行对应的函数。例子如下:执行的结果:先弹出“1”对话框。然后再弹出“setInterval()”对话框。所以是执行到setInterval("tiao原创 2015-10-28 20:59:39 · 651 阅读 · 0 评论 -
js中return false,return,return true的用法及区别
首先return作为返回关键字,他有以下两种返回方式1.返回控制与函数结果语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果2.返回控制无函数结果语法为:return;在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页. return fal转载 2016-01-12 14:40:26 · 1568 阅读 · 0 评论 -
JavaScript 数字与字符串 比较大小
由于在JS中经常遇到纯数字和各种各样的字符串进行比较,并且稍有混乱,特别整理一下,理清思路。 function test(){ //1)纯数字之间比较 //alert(1 //2)数字字符串比较,会将其先转成数字 //alert("1" //alert("123"转载 2016-01-12 22:04:28 · 3370 阅读 · 1 评论 -
js中innerText,value,innerHTML的区别
1:、innerHTML:innerHTML 浏览器会将inneHTML后面的内容作为html来解析。document.getElementById("myspan").innerHTML="到新浪 "; 2、innerTextinnerText 浏览器会将innerText后面的内容作为纯文本来解析。document.getElementById("m原创 2016-01-13 01:02:06 · 9086 阅读 · 0 评论