这个例子演示如何使用YUI Core
创建一个YUI实例
<html>
<body>
<div id="wrapper" style="width:100px;height:100px;background-color:Yellow;">
i am a div!
</div>
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui.js"></script>
<script>
YUI().use('node', function(Y) {
//在此操作dom
var wrapper= Y.one('#wrapper');
Y.log('Found node.. Setting style');
wrapper.setStyle('backgroundColor', '#D00050');
wrapper.set('innerHTML', '<strong>Changed!</strong>');
});
</script>
</body>
</html>
使用过javascript的朋友都知道，在 javascript中，变量的使用是个比较头疼的问题，经常会产生 些比较匪夷所思的结果。究其原因，大多是对javascript的变量相关知识了解得不够透彻。
javascript中的所有变量都是类型松散的,不同于 其他面向对象语音的变量声明都是强类型的.因此Javascript 的变量声明是不包括类型的。通过var关键字或者直接写变量名来声明一个变量，如：
var v = 1;
v=1;
这时有人可能会问，上述的两种声明有什么区别，为什 么会有这两种不同的声明方式，这就涉及到javascript中变量的作用域了。在javascript中，变量的作用域包括全局和函数级别的。
继续阅读 »
这是我总结多年的一个小文档，最近看见有人咨询浏览器兼容的问题，就贡献出来。
并不一定全，有的也可能不准确，比如新出的IE8、 Chrome等都没有太多涉及，虽然最近做的一些项目也兼容了IE8、Chrome等，但都没来的及总结进去，后来就忘了…汗。大家一起慢慢完善吧。
javascript 部分
1. document.form.item 问题
问题：
代 码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行
解决方法：
改用 document.formName.elements["elementName"]
2. 集合类对象问题
问 题：
代码中许多集合类对象取用时使用()，IE能接受，FF不能
解决方法：
改用 [] 作为下标运算，例：
document.getElementsByName(“inputName”)(1) 改为 document.getElementsByName(“inputName”)[1]
继续阅读 »
很长时间没看 正则表达式了，碰巧今天用到，温故知新了 一把 看书学习吧
1 javascript 正则对象创建 和用法
声明javascript 正则表达式
var reCat = new RegExp(“cat”);
你也可以
var reCat = /cat/; //Perl 风格 （推荐）
继续阅读 »
在php上，对数据进行写入库，读出库及呈现到页面上都很方便。但是提交数据一般都是使用post方式，这就有个问题了，对于页面数据及控件多，
比 如:
<input name=”data” id=”test1″ value=”测试1″>? id对应表t的列? test1
<input name=”data” id=”test2″ value=”测试2″>?? id对应表t的列 test2
<input name=”data” id=”test3″ value=”测试3″>? id对应表t的列 test3
对于页面上有很多这类数据，提交过去，取的内容的 话php 使用$_POST[“data”]? 取道的只是key 及对应的value ,我们无法判断对应key 和value应当对应哪个列名
但 是如果使用 <input name=”data['test3']” id=”test3″ value=”测试3″>
这样写的话，把列名当成key来写，是可以很容易获取到对应的列名信息。
由于页面上有对数据验证之类的处理，对于js取控件使用下面方法：
document.getElementsByName(“data”);
这 又是个问题，当然使用jquery等，或者其他通过tag来取都是很方便的，这些这里不考虑
原创? extjs 总结
# Ext.namespace(‘com.faceye.layout’);
# Ext.BLANK_IMAGE_URL = ‘scripts/ext/resources/images/vista/s.gif’;
emptyText:’请选择您喜欢的颜色’,
user = Ext.get(‘user’);// 生成Ext element元素
el = new Ext.Element(user);
<button onclick=”location.href=’www.baidu.com’;”>点击链接到百度</button>
window.location.reload(true); //重载页面
chooser.view.on(‘contextmenu’, function(d, i, n, e){//元素加menu
//ext 窗体操作
//Ext.WindowMgr.each(function(w){w.hide()});//window.location.reload(true);
layout:’fit’ ‘border’ ‘table’ ‘column’ ‘card’
Ext.QuickTips.init();
disabled:ture,
hidden :true,
closeAction: ‘hide’ //关闭按钮效果
target=”_blank”//弹出新窗口
render(document.body);
renderTo: document.body,
applyTo: ‘local-states’
animate:true,?????????????? // 生机勃勃 特效
layoutOnTabChange :true,??? //tabPanel doLayout
labelAlign: ‘left’,??????? //form 标签左对齐
hideLabel :booler????????? //隐藏标签
contentEl :’cartT’,??????? //将元素内容读入到ext组件中。
listeners:{check:onCheck},
hiddenName:’server’,?????? //commbox 获取值时，返回valueField :”retrunValue”,
//否则返回?? displayField: “displayText”,
emptyText:’请输入标题’???? //textField为空时显示的内容
anchor:’90%’?????????????? //占用百分之几的位置
closable: true,?????????? //是否现实关闭按钮
modal:true,?????????????? //是否模态方式显示窗口
border:true,????????????? //边框宽度
bodyBorder :true,
bodyStyle:’padding:5px’, //边的类型设置了内补丁，空余5像素。
collapsible:true,?? //工具条添加收缩按钮
disabled:true,??????????? //窗体状态灰色显示，且不可用
collapsed:coll,?????????? //窗体状态收缩、true收起–与expandOnShow一起用
tools:tools,????????????? //工具条
expandOnShow : false,???? //显示的时候扩张true为显示
autoWidth:true,?????????? //自动调节宽度
plain:true,?????????????? //将标签页头的背景设置为透明
closable:true,??????????? //有关闭按钮
closeAction: ‘hide’,????? //关闭按钮 隐藏窗体
frame:false,????????????? //窗体没有背景
header:false,???????????? //有窗体头部
autoScroll: true,????????? //窗体自动出先滚动条
shadow:false,???????????? //窗体影子
draggable:false,????????? //窗体是否可拖动
resizable:false,????????? // 窗体不可改变大小
labelSeparator:’：’,????? //标题的分隔符号我们用中文冒号代替英文的冒号（labelSeparator:’：’）
isVisible();????????????? //窗体显示
maximizable:true,???????? //放大缩小窗口
focus(); //焦点
minWidth :30,????????????? //按钮最大宽度
<a ext:qtip=”sssss”>ssss</a>
buttons: [{//----------------------------------button
id: 'ok-btn',
text: '选择',
handler: this.doCallback,
scope: this
}]
Store 读取回调后的json数组
‘load’: {fn:function(s){
s.getAt(0).get(“expHost”)
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_1″ />1<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选
正则是每个程序员绕不开的堡垒，只有把它攻下来。我觉得正则之所以难，第一难是需要记忆，第二难是要求具备抽象逻辑思维。 来源 PHPHOT
签于网上太多的介绍都是一篇凶悍的短文，边看边理解可以，帮助记忆不行。又受五笔字型字根表口诀“白手看头三二斤…”的启发，
试作“正则表达式助记口诀”又名“正则打油诗”，版 本0.1，绝对原创，仿冒必究，：）
注：本文仅为学习正则时为了便于记忆而作，不能代替系统而全面的学习过程，错漏之处，敬请指正！
正 则其实也势利，削尖头来把钱揣； （指开始符号^和结尾符号$）
特殊符号认不了，弄个倒杠来引路； （指\. \*等特殊符号）
倒杠 后面跟小w， 数字字母来表示； （\w跟数字字母;\d跟数字）
倒杠后面跟小d， 只有数字来表示；
倒杠后面跟小a， 报警符号嘀一声；
倒杠后面跟小b， 单词分界或退格；
倒杠后面跟小t， 制表符号很明了；
倒杠后面跟小r， 回车符号知道了；
倒杠后面跟小s， 空格符号很重要；
小写跟罢跟大写，多得实在不得了；
倒杠后面跟大W， 字母数字靠边站；
倒杠后面跟大S， 空白也就靠边站；
倒杠后面跟大D， 数字从此靠边站；
倒框后面跟大B， 不含开头和结尾；
继续阅读 »
近期评论