mutongwu
- 浏览: 452308 次
- 性别:
- 来自: 广州
-
最新评论
-
ubuntu的疯狂：
推荐一份完整的教程：http://blog.ddlisting ...
Emberjs学习 -
ptz19：
请问，如果把合并前的文件，不要dest 目标目录来。如： js ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008：
楼主，还有个问题，<a href="" ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008：
感谢楼主，用到了您的代码， 但现在好像有改动 否则会报错：修改 ...
gulp下静态资源的合并、压缩、MD5后缀 -
denverj：
感谢分享~
Emberjs学习
文章列表
//获取input/textarea中选择的文本
function getSelectedText(textbox){
if (document.selection){//IE
return document.selection.createRange().text;
}
else {
return textbox.value.substring(textbox.selectionStart,
textbox.selectionEnd);
}
}
//设置input/textarea中选中的文本
function selec ...
1.设置元素的float属性：由于float在javascript里面是关键字，因此，对于float的设置，
在Firefox,Chrome中，使用 cssFloat代替，在IE 中，使用styleFloat代替。
2.对于css属性中,用'-'连接的属性，如background-color等，在读写的时候，要求转化为驼峰写法，
如:background-color --> backgroundColor来访问
el.style.backgroundColor = "blue";
3.通常设置style属性的时候，我们对于每一个属性都是独立分开写的，如：
el.st ...
innerText:获取某元素下面的所有文本内容.
注意：
IE ,CHROME支持 innerText ,Firfox不支持，不过它使用另一个类似的属性textContent.
<body>
<div id="div1">
<div id="div1-2"><p id="text_p">div1-2 text<font color ...
判断2个节点间是否存在包含关系，即是否存在父子之间的关系，我们可以使用:elA.contains(elB)
方法，如果elA是elB的祖先，则返回true.
//判断 <html>元素是否包含<body>元素
alert(document.documentElement.contains(document.body)); //true
IE，Chrome,Opera8+,Safari3+支持该属性,Firefox不支持该方法，不过，它提供了另外一个方法：elA.compareDocumentPosition(elB)
，它返回一个"位掩码& ...
添加javascript脚本：
如果要添加以下脚本到DOM文档页面中:
<script type="text/javascript">
function sayHi(){
alert("hi");
}
</script>
运用DOM节点操作的知识，我们可能会这样写：
var script = document.createElement('script');
script.type = 'text/javascript';
script.appendChild(document.createTextN ...
以下代码基本实现关于在输入框设置提示语言的功能：
.textTips{
color:gray !important;
}
.textNormal{
color:black;
}
<textarea id="area1" rows="3" cols="30" empty="y" emptyText="simpleText">
someTips here</textarea>
function init(){
var area = ...
document.createElement(element): 创建一个标签为element的Element节点。
注意：
在HTML中,element大小写不敏感；在XML(XHTML)中大小写敏感。
例子:
var el = document.createElement("div");
el.id = "myDiv";
el.className = "nav";
document.appendChild(el);
IE下运行创建element的时候，可以同时设置属性：
...
访问子节点：
1. someNode.childNodes：
返回一个NodeList对象，提供item(i)方法访问里面的元素。由于这也是一个类数组的对象，因此可以通过'[i]'获取里面的元素，通过length属性获取元素个数。
2. someNode.hasChildNodes()：
判断是否存在子节点，true如果节点下有子节点。
3.第一个和最后一个节点也可以直接通过someNode.firstChild、someNode.lastChild来获取。
4.例子：
var nd = someNode.childNodes[i];
var nd = someNode. ...
getElementById方法
<div id="div2"><p id="p1">test world</p></div>
var e = document.getElementById('div2');
//1,DIV,null
alert("nodeType:" + e.nodeType + "\n"
+ "nodeName:" + e.nodeName +"\n" ...
非捕获性分组，在左括号后面添加'?:',从而不保存反向引用(原因可能是匹配的内容对我们不重要)提高效率。
var str = '#123456789';
var reg = /#(?:\d+)/;
alert(reg.test(str));//true
var result = str.replace(reg,"abc$1");//'abc$1'
alert(RegExp.$1);//''空
//常见用途,去除HTML标签：
String.prototype.stripeHTML = function(){
var reg = /<(?:.|\s ...
var win = new Ext.Window({
title:'窗口',
autoScroll:true,
html:'浮动',
closable:false,
collapsible:true,
resizable:false,
width:100,
height:200,
listeners:{
'move':function(){
alert('move' ...
static：静态定位，元素的默认定位方式，它简单的遵从页面文档的普通流动(flow)，当元素是静态定位的时候，top和left属性无效；
relative：相对定位，该定位方式与静态定位相似，因为元素会继续遵从页面文档的普通流动(flow)，除非受到其它指令的影响。但是，设置top,left属性会引起元素相对于它的原始（静态）位置进行偏移。
absolute:绝对定位，绝对定位的元素完全跳出页面布局的普通流动，它会相对于它的第一个非静态定位的祖先元素而展示，如果没有这样的元素，则相对于整个文档。
fixed:固定定位，固定定位把元素相对于浏览器窗口而定位，设置元素的top,left为0会 ...
网络上有一份patch代码，不够实际应用中有点小问题。
于是自己把ext-all.css里面的字体抽取出来，全部设置大小为12px。
目前用起来还没有大问题。先占个位。
.ext-el-mask-msg div{font-size:12px;}
.loading-indicator{font-size:12px;}
.x-tab-strip span.x-tab-strip-text{font-size:12px;}
.x-form-invalid-msg{font-size:12px;}
.x-small-editor .x-form-field{font-size:12px;}
...
简单应用的要点：
客户端：
1.页面引入 ajax-pushlet-client.js
2.定义两个全局函数：
//事件接收
function onEvent(event) {
if(event.get('p_event') == 'data'){
var str = event.get("source");
str = decodeURIComponent(str);
pr(eval('(' + str + ')'));
}
}
//发生错误
function onError(e ...
combobox在第一次加载数据以后，就不再往后台获取数据了，我们可以通过在每一次查询前，设置 combo.lastQuery = null (这将导致下一次expand下拉项的时候，store触发reload事件。)
代码：
var combo = new Ext.form.ComboBox({
...
mode: 'remote',
...
listeners: {
beforequery: function(qe){
delete qe.combo.lastQuery;
}
...