- 浏览: 452187 次
- 性别:
- 来自: 广州
-
最新评论
-
ubuntu的疯狂:
推荐一份完整的教程:http://blog.ddlisting ...
Emberjs学习 -
ptz19:
请问,如果把合并前的文件,不要dest 目标目录来。如: js ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008:
楼主,还有个问题,<a href="" ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008:
感谢楼主,用到了您的代码, 但现在好像有改动 否则会报错:修改 ...
gulp下静态资源的合并、压缩、MD5后缀 -
denverj:
感谢分享~
Emberjs学习
文章列表
代码:
//具体样式的更改可以修改 style元素
new Ext.FormPanel({
title: 'default',
width:300,
height: 300,
frame: true,
border:true,
renderTo:document.body,
layout:'form',
items:[
{
xtype : 'box',
autoEl : {
...
阻止退格键导致页面跳转,在程序中加入以下代码:
new Ext.KeyMap(document, [{
key: Ext.EventObject.BACKSPACE,
fn: function (key, e) {
var t = e.target.tagName;
if (t !== "INPUT" && t !== "TEXTAREA") {
e.stopEven ...
关于default属性在container容器中(panle,window)等设置:
1. default属性作用于对容器的子对象,而并非容器本身。
2. 如果子对象有相同属性设置,并且该子对象是以config对象配置的,那么,子对象的属性设置将取代default里面的设置。
看个例子:
new Ext.FormPanel({
title: 'default',
width:300,
height: 300,
frame: true,
border:true,
renderTo ...
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fi ...
尽管EXT的常用设计是把对GRID记录的操作放在tbar或者bbar上,当总有人的需求与这个不一样。希望在每一条记录的后面,添加一列“操作”,对记录进行管理(修改、删除等)
于是,在参考了checkbox 的plugin以后,就可以完成上面的任务了。
插件的代码:
Ext.ux.OperateColumn = function(config){
/**
* @cfg 操作
*/
this.operates = [];
/**
* @cfg 行样式的class名称
...
HTML代码:
<div>
<!-- 隐藏播放器,设置高宽为0-->
<object name="playerIE" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,902"
standby="Loading Microsoft Wind ...
动态加载JS/CSS文件,可以判断是否加载完毕。
function loadScript(url, callback) {
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState) { // IE
script.onreadystatechange = function() {
if (script.readyState == "loaded"
|| ...
Javascript的事件处理模型依据不同的浏览器而有所区别,主要分两种:
1.Firefox,Chrome,Safira支持的DOM Level 2事件模型;
2.IE自己的事件处理模型。
而 DOM Level 0 则是所有浏览器都支持的事件机制,但是在IE以及其它支持DOM Level 2的浏览器 ...
改造自MultiselectItemSelector(http://extjs.com/learn/Extension:Multiselect)。
原有代码在关闭该控件以后,会遗留大量无效代码,因此,自己用一个 panel + 2个grid来实现,暂不支持拖拽。
Ext.namespace('Ext.ux')
Ext.ux.IconPanel = function(config){
Ext.apply(this,config);
Ext.ux.IconPanel.superclass.constructor.call(this,config);
}
Ext.e ...
javasript是基于prototype对象实现,继承的要点如下:
1. 构造函数会存放"私有数据"--对实例而言。
2. 函数的原型prototype对象会存放"公有"数据及函数
3. 在子类的构造函数里面,调用 父类的构造方法--使用call(this)的形式,并定义自己的数据
4. 设置子类的原型prototype对象指向一个父类的实例(或者是一个空函数的实例,该空函数的prototype指向父类的prototype对象),从而可以访问到父类的原型里面的"公有"数据及函数。
function SuperType(name){ ...
最近搞EXT,为了搞一个能够在界面上自由移动的panel,费了九牛二虎之力,又是设置panel的dragable属性,又是设置div 的position,总算是让一个panel可以自由移动,并通过cookie记录位置。
今天,突然想到,new 一个window不就完事吗?人家是天然支持拖动的!!!
汗
数字数组排序
- 博客分类:
- JavaScript
数组的sort方法默认采用字符串的比较方式(字典排序),例如 '11'< '2'。假如数组中的数字以字符的形式存在,排序结果就会出现问题。
示例:
var arr = [1,2,11,13,5,30];
arr.sort();
alert(arr); //1,11,13,2,30,5
因此,排序的时候我们应该自定义一个函数用于数字间的比较:
function cmp(val1,val2){
var r = val1 - val2;
if(r > 0) return 1;
else if(r < 0) return -1;
...
复制数组
var orgArray = [];
var target = orgArray.concat();
foreach形式的便利特点
//该遍历会输出对象及其函数prototype上的属性/方法,但不会枚举出继承的属性!
for (p in o)
alert(p);
Javascript 不存在块层次的作用域。
if (true) {
var color = “blue”;
}
for (var i=0; i < 10; i++){
doSomething(i);
}
alert(i); //10
alert(color); ...
有两种方式可以修改DOM对象的属性:
"."运算符 和 getAttribute(setAttribute)方法。
区别如下:
<div id='test' class="cls" dir="ltr" title="wott" ss="ss"></div>
var e = document.getElementById('test');
//获取属性
//用 . 来引用,必须是内置的(IE 可以访问自定义属性),而且引用的时候,区分大小写。
alert( ...