![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 63
huihuijor
这个作者很懒,什么都没留下…
展开
-
读《高性能建站指南》(上)
绪言部分介绍了为什么要进行web前端性能的优化以及HTTP协议的简单知识。为什么要进行web前端性能的优化?作者提出了一个前端性能的黄金法则:一般情况下,web页面的显示展示过程中,10%~20%用于下载HTML文档,而80%左右的现在前端组件(图片、js、css),因此对前端组件的处理会对web性能有很大的影响。此外,单纯的从系统整体调优的角度考虑,前端性能调优的工作量更小(相对于后台设计、架构原创 2013-03-29 19:05:23 · 1186 阅读 · 0 评论 -
Javascript对象编程总结
现在每天的编码中,几乎每天都离不开javascript对象编程,自己也反复了把《javascript高级程序设计》的对象编程部分看了多遍,但是还是经常被一些低级错误弄的一头雾水,这里对目前已知的javascript对象编程知识进行总结。1.对象的定义 定义基础对象: var obj = new Object; var obj = {};原创 2013-02-28 13:58:50 · 256 阅读 · 0 评论 -
Extjs源码——ext-base
Iteye中关注Extjs源码的比较多啊,推荐个:http://linder0209.iteye.com/category/58900原创 2013-02-28 13:59:21 · 267 阅读 · 0 评论 -
AJAX基础总结
一直在用Extjs,所用到的AJAX应用基本上有以下几种场景:1.简单的数据请求,一般直接使用Ext.Ajax.requst(),以json的格式配置url、method、 params等参数信息。2.列表大量数据的请求,需要依赖store进行数据的load。3.在表单form数据提交时,可以选择使用方法1拼装表单配置项为params进行提交,也可以使用 Ext Form组原创 2013-02-28 13:58:47 · 238 阅读 · 0 评论 -
Extjs源码——概况
Extjs分为以下几部分:adapter:Extjs基础代码及与jQuery、prototype、yui的集成代码,ext-base.js为使用Extjs必须引用的代码。core:Extj核心对象Element对象处理代码,以及dom操作等。data:包括store、reader、writer、proxy、dataType、dataField、record的数据管理对象。dd:拖拽原创 2013-02-28 13:59:17 · 706 阅读 · 0 评论 -
Extjs源码——adapter
Extjs adapter中提供了Extjs框架的基础api,是Extjs组件的基础。在扩展Extjs组件时,通常需要使用基础api。学习基础api也可以加深对javascript基础的理解,如对象继承、dom操作、事件机制、BOM对象等。 YUI是一套yahoo开发的优秀的js框架,不仅如此,YUI还有其他优秀的工具。具体参考:http://developer.yahoo.c原创 2013-02-28 13:59:19 · 223 阅读 · 0 评论 -
IE6下调用功能键方法
var WsShell = new ActiveXObject('WScript.Shell') WsShell.SendKeys('{F11}');原创 2013-02-28 13:59:28 · 248 阅读 · 0 评论 -
iframe使用笔记
1.使用JS刷新iframe的方法: document.getElementById('iframeid').src= document.getElementById('iframeid').srcordocument.getElementById('iframeid').src += '';原理都是一样的,就是修改iframe的src,这种方法还是比较有效的,可以原创 2013-02-28 13:59:45 · 236 阅读 · 0 评论 -
BOM对象
记录下BOM对象!大小: 20.3 KB 查看图片附件原创 2013-02-28 13:59:52 · 232 阅读 · 0 评论 -
Javascript原型链
以一段代码认识原型链。 //Animal构造函数function Animal(name){ this.name = name;}//Animal原型对象Animal.prototype = { id:"Animal", sleep:function(){ alert("sleep"); }} var dog = new Ani原创 2013-02-28 14:00:04 · 264 阅读 · 0 评论 -
Extjs源码——extend
Extjs的extend方法是框架本身的一个基础方法,用于形成所有组件之间的继承结构。如果要理解extend方法实现,必须要理解javascript面向对象基础(可参考此文)。先写一个extend方法具体应用的例子:Person = function(atts){ if(atts){ this.id = atts.id; this.name = atts.name; thi原创 2013-02-28 14:00:17 · 390 阅读 · 0 评论 -
使用JS闭包控制对象属性访问范围
var util = function(){ // default value; var varA = 'a',varB = 'b'; return{ init : function(varJson){ varA = varJson.a; varB = varJson.b; }, getValueA : function(){ return varA;原创 2013-02-28 14:00:19 · 324 阅读 · 0 评论 -
JS中事件流测试
以下是一段用于测试两种事件流的类型:捕获(capture)和冒泡(bubble),如下: document.onreadystatechange = function () { if(document.readyState=="complete") { var inner = document.getElementById('i原创 2013-02-28 14:00:25 · 305 阅读 · 0 评论 -
使用DOM实现事件响应函数的注册、删除及事件传递的终止
看代码, 如下: // inner的响应函数 var clickInner = function(e){ alert(1.1); }; // banner的响应函数 var clickBanner = function(e){ alert(2.1); } // body的响应行数 var clickBody = fu原创 2013-02-28 14:00:27 · 313 阅读 · 0 评论 -
读《高性能建站指南》(下)
第七条规则:避免CSS表达式的应用。个人对CSS表达式缺少应用,所以没有直接体会,但是大概的意思就是使用CSS表达式进行页面样式进行修改时,可能会造成表达式的多次重复性运行,导致执行效率的降低。例如,使用CSS表达式调用javascript函数对DOM进行动态操作。第八条规则:使用外部Javascript和CSS。使用内联的Javascript和CSS文件确实可以提高文件的加载速度,应用减少了原创 2013-04-03 13:36:19 · 633 阅读 · 0 评论 -
Extjs的Ext.form.ComboBox
Extjs的ComoBox类似于HTML中的select表单对象,其中select的option是由Store对象进行管理的。在使用Combobox的时候碰到各式各样的问题或要求,以下介绍一些典型的使用方式。Form中提交ValueFieldStore中的每条记录(record)包含两个(或两个以上)的属性,一个用于展示(displayField),一个是实际值(valueField),在原创 2013-04-07 18:04:17 · 1476 阅读 · 0 评论