<html><head> <meta charset="utf-8"> <title>test</title> <!-- <script type="text/javascript" src="http://img.kuaixun360.com/Public/Home/js/jquery-1.11.3.min.js?v=2.1.12.68"> </script&g…
当使用onload获取元素时,建议在onload事件之前定义需要获取的元素名称,在onload里面只执行获取操作,这样获取到的元素在后面才能顺利使用. <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <ti…
1. 业界案例 目前前端性能监控系统大致为分两类:以GA为代表的代码监控和以webpagetest为代表的工具监控. 代码监控依托于js代码并部署到需监控的页面,手动计算时间差或者使用浏览器的的API进行数据统计. 影响代码监控数据的因素有以下几种: 浏览器渲染机制: 浏览器对API的实现程度,比如performance API: 工具监控不用将统计代码部署到页面中,一般依托于虚拟机.以webpageTest为例,输入需统计的url并且选择运行次url的浏览器版本,webpageTest后台虚拟…
今天老师出了一道面试题目:取到表单里面的textbox的值,两种方法.知道一种,老师说的什么dom,我竟然不知道. 以前学html的时候,老师也重来没有提到dom的概念.javaScript只是学了一些语法,对于javaScript还是很模糊,只是知道这样写函数,调用那些函数,没有dom的概念: 知耻后勇,赶紧补一补---杨中科.net视频第八季--dom视频: 1.使用javascript操作dom进行dhtml开发:2.dom就是html页面的模型,将每个便签都作为一个对象,javascri…
Js基础-DOM 1:dom:文档对象模型 Dom就是html页面的模型,将每个标签都作为一个对象,js通过调用dom中的属性,方法就可以对网页中的文本框,层等元素进行编程控制.Dom就是一些让javascript能操作html页面控件的类,函数. 这就是文档对象模型.按照xml文档的理解就可以. à页面中的属性,标签要是没有注明给那个对象,则统一时给window的,我们都可以通过window点击出来,进行操作,这个js中理解的一样.但是我们现在通过document.getElementById…
百度站长工具里看到有一个"首字节时间"的建议,第一次听说,还真不知道是什么东东.百度站长工具里面的解释是:"浏览器开始收到服务器响应数据的时间=后台处理时间+重定向时间,是反映服务端响应速度的重要指标". 看到这个解释,隐隐约约明白了什么意思,下面就用自己的话说一下我的理解(如果有人有权威解释,发现本解释错误,还望指正). "首字节时间"顾名思义就是在浏览器输入目标网站的网址并回车后(或者搜索页面点击打开新的目标页面时)直到获得首个字节的时间.再…
使用 window.performance 提供了一组精确的数据,经过简单的计算就能得出一些网页性能数据. 配合上报一些客户端浏览器的设备类型等数据,就可以实现简单的统计啦! 额,先看下兼容性如何:http://caniuse.com/#feat=nav-timing 这篇文章中 Demo 的运行环境为最新的 Chrome 的控制台,如果你用的是其他浏览器,自查兼容性哈~ 先来看看在 Chrome 浏览器控制台中执行 window.performance 会出现什么: 简单解释下 perform…
大家好,这是我在博客园写的第一篇博文.作为一名前端开发初学者,由于经验不足,水平有限,在做项目的过程中总会遇到这样或那样的问题,每每这时候,我都比较喜欢到博客园这里来寻求解决方案,结果也总是能找到满意的答案.人不仅要懂得获取,还应该懂得付出.因此,我今天在这里注册了一个账号,以后把自己在学习过程中积累的点点滴滴和大家一起分享一下下,还说不定也许对于那些比我晚学前端的亲们有一点点的帮助呢.我的目的很简单,那就是希望在这个平台里和大家一起学习,共同进步.其他的我就不多说了,现在直接切入正题吧,就是简…
代码是否需要放置到onload中  //如果js代码需要操作页面上的元素,则将该代码放到onload里面.         //因为当页面加载完毕之后页面上才会有相关的元素 //如果js代码中没有操作页面元素的语句,则可以将该代码直接写在<script>标签中,         //例如:声明变量,相加求和等操作.          //建议将操作页面元素的代码都放到onload里面. 控制层的显示 修改style.display,例子:切换层的显示         function togg…
课外学习部分: 什么是TTFB呢? 1.TTFB (Time To First Byte),是最初的网络请求被发起到从服务器接收到第一个字节这段时间,它包含了 TCP连接时间,发送HTTP请求时间和获得响应消息第一个字节的时间. 注意:网页重定向越多,TTFB越高,所以要减少重定向 TTFB优化的方法有: 1.减少DNS查询 2.使用CDN 3.提早Flush 4.添加周期头 什么是TTSR呢? 2.TTSR(Time to Start Render) TTSR-开始渲染时间,指某些非空元素开始…