7 天打造前端性能监控系统
摘要：引言前阵子在w3ctech的走进名企 - 百度前端 FEX 专场上曾“夸下海口”说听完讲座后七天就可以打造自己的前端性能监控系统，既然说出去了也不能食言。从前一篇文章前端数据之美相信大家对前端数据有了一定的了解，下面就针对其中的性能数据及其监控进行详细阐述。开始行动本文中的性能主要指 web 页面加...
阅读全文
posted @
2015-01-18 16:56
思齐_
阅读(1844)
推荐(0) 编辑
监控页面所有 ajax请求
摘要：监控所有ajax请求： 你是不是有遇到这样的问题：页面发起两个ajax请求，希望它们都成功以后，再做一个动作？很容易想到的解决方案是，等其中一个结束以后，再发起另外一个，这个过程用回调函数来完成。但是，如果其中一个ajax请求的代码不是你写，你改不了，怎么办？又或者说，你只想知道某个url请求什么...
阅读全文
posted @
2015-01-09 23:12
思齐_
阅读(12205)
推荐(1) 编辑
雅虎前端优化法则
摘要：1、尽量减少HTTP请求次数 网页加载中大部分时间都在下载js，css，flash，图片 1、合并文件 css，js，图片（css sprite） 2、内联图像 data:URL scheme 低级浏览器不支持，如过放到页面中会加大html，放到css中最好，因为他可以在客户端进行缓存 2、减少DNS查找次数即减少页面中的主机名（css,js, img，flash等） dns解析时浏览器处于等待状态 大部分浏览器有自己的缓存不会受系统的缓存的影响 1、减少主机名数量，则减少了dns查询，但同时减少了页面中并行下载的数量 把页面中的主机名分成2~4个，二者可兼得3、...
阅读全文
posted @
2014-04-09 23:12
思齐_
阅读(4634)
推荐(0) 编辑
js 面向对象式编程
摘要：1、声明一个函数，在函数内进行初始化操作，，函数不能有返回值2、把需要的参数传递进去,参数最好以对象形式传入,如果有默认的设置默认参数3、把传入的参数都保存到对象的属性上面4、把初始化操作中需要用到的函数写到prototype里面注意this的上下文考虑返回一个对象或一个函数
阅读全文
posted @
2014-04-01 11:21
思齐_
阅读(296)
推荐(0) 编辑
jQuery 源码学习笔记
摘要：//检测 window 中新增的对象//firstvar oldMap = {};for(var i in window){ oldMap[i] = 1;}//secondfor(var i in window){ if(oldMap[i]) continue; alert(i);}$()选择器获取到的既不是一个dom元素，也不是节点列表，而是一个新的对象$() 不传入任何参数会返回一个空的jquery对象//google cdn获取jquery //这种写法更好$ = [1,2];jQuery(function($){ //自动传入jQuery对象，即使外边的$被...
阅读全文
posted @
2014-04-01 11:19
思齐_
阅读(1302)
推荐(0) 编辑
文字选中的js实现
摘要：选中文本原文地址：http://www.zhangxinxu.com/wordpress/?p=755
阅读全文
posted @
2013-10-21 21:48
思齐_
阅读(10868)
推荐(0) 编辑
[转载]编写高性能js
摘要：一．执行效率1. DOM1.1 使用DocumentFragment优化多次append说明：添加多个dom元素时，先将元素append到DocumentFragment中，最后统一将DocumentFragment添加到页面。该做法可以减少页面渲染dom元素的次数。经IE和Fx下测试，在append1000个元素时，效率能提高10%-30%，Fx下提升较为明显。服用前：for (var i = 0; i ’ + i + ‘’);}document.body.innerHTML = html.join(”);1.4 使用firstChild和nextSibling代替childNodes遍历d
阅读全文
posted @
2013-09-01 18:43
思齐_
阅读(321)
推荐(0) 编辑
弹出菜单
摘要：无标题文档 菜单1 吃饭 睡觉 吃饭 睡觉 吃饭 睡觉 吃饭 睡觉 菜单2 吃饭 ...
阅读全文
posted @
2013-08-27 00:06
思齐_
阅读(285)
推荐(0) 编辑
xml xpath dta笔记
摘要：xml： 有且只有一个根元素 默认utf-8 如果是中文且为不是utf-8的必须指定编码 声明的编码必须和文档的内容保持一致 well-formed XML :是否符合xml语法 valid xml：验证此xml是否符合dtd规则 dtd定义了哪些： 1.元素定义规则，只能有哪些标签 2.元素间关系的的定义，标签出现的顺序，位置 3.使用的实体或符号规则 < © //行内dtd写法]>//外部dtd写法 ,对于公共dtd如果浏览器能识别名称，则不会在去请求dtd文件//test.dtdPCD...
阅读全文
posted @
2013-08-20 21:18
思齐_
阅读(359)
推荐(0) 编辑
jquery 学习笔记
摘要：//检测window中新增的对象//firstvar oldMap = {};for(var i in window){ oldMap[i] = 1;}//secondfor(var i in window){ if(oldMap[i]) continue; alert(i);}$()选择器获取到的既不是一个dom元素，也不是节点列表，而是一个新的对象$() 不传入任何参数会返回一个空的jquery对象$("") 根据传入的html创建jquery对象， 原理：创建一个//google cdn获取jquery //这种写法更好$ = [1,2];jQuery(funct..
阅读全文
posted @
2013-08-20 21:17
思齐_
阅读(464)
推荐(0) 编辑
javascript 新知识
摘要：document.compatMode 属性BackCompat：Standards-compliantmodeisnotswitchedon.(QuirksMode) 标准模式CSS1Compat：Standards-compliantmodeisswitchedon.(StandardsMode) 怪癖模式//实现继承function Super(x, y) { this.x = x; this.y = y;}function Sub(x, y, z) { Super.call(this, x, y); //为子类型的对象实例添加超类型的属性,子类型的对象实例作为...
阅读全文
posted @
2013-08-06 08:25
思齐_
阅读(230)
推荐(0) 编辑
javascript 原生实现 jquery live/delegate
摘要：无标题文档 添加一个按钮原理：都是利事件冒泡实现事件委派 live方法是固定把事件都绑定在了document上，而delegate 把事件绑定了提供的父元素上 delegate减少了冒泡次数，效率会更高些
阅读全文
posted @
2013-07-30 00:29
思齐_
阅读(3602)
推荐(1) 编辑
javascript 自定义动画函数
摘要：自定义动画DEMO song jianstart效果图：
阅读全文
posted @
2013-07-28 15:21
思齐_
阅读(972)
推荐(0) 编辑
js无缝滚动，不平滑（求高人指点）
摘要：无缝滚动 1.韩国客机坠毁旧金山 乘客讲述被甩出客舱一瞬 2.中领馆证实韩亚客机事故2名遇难者为中国公民 3.中关村空间信息技术产业联盟 4.韩国亚洲航空航班失事 伤亡情况暂时不详 5.百度知道自动问答采纳软件 6.孩子学习不好怎么办 效果图：
阅读全文
posted @
2013-07-08 00:31
思齐_
阅读(803)
推荐(0) 编辑
javascript 获取页面尺寸/位置
摘要：************************************************************************//ie中如果全部不给定值则会都为零（宽和高在设置一个的情况则会正常获取值），ff中则返回撑开区域的大小元素所占区域的大小，包含padding不含borde...
阅读全文
posted @
2013-07-07 15:15
思齐_
阅读(1096)
推荐(0) 编辑
javascript 常用函数
摘要：/**获取元素到页面顶端的距离(出自jquery源码) */function getCoords(el) { if (typeof el == 'string') { el = Fid(el); } var box = el.getBoundingClientRect(), doc = el.ownerDocument, body = doc.body, html = doc.documentElement, clientTop = html.clientTop || body.clientTop || 0, clientLeft ...
阅读全文
posted @
2013-07-07 11:10
思齐_
阅读(4516)
推荐(1) 编辑
滚动居中效果_带遮罩效果
摘要：无标题文档 弹出层居中(注意：ie6下如果元素过高，透明滤镜会失效,ie6不得不说是一个奇葩呀…………) border:50px solid red; padding:100px; 打开遮罩 关闭遮罩 '.$i.''; echo "";}?>效果图：
阅读全文
posted @
2013-07-04 19:02
思齐_
阅读(470)
推荐(0) 编辑
