项目前端知识点总结1

来源：互联网发布：网页游戏编程课程编辑：程序博客网时间：2024/06/06 22:31

1、typeof 判断变量的数据类型。
使用格式：

   typeof 变量名

2、字符串转数字：
       parseInt() 字符串 ————> 整数。
       parseFloat() 字符串 ————> 小数。

3、判断是否不是一个数字：IsNaN（）

4、for-in语句的作用：
   1. 可以用于遍历数组的元素。注意：使用for-in语句遍历数组元素的时候遍历出来的是数组的下标。

   2. 可以用于遍历对象的所有属性数据。注意：使用for-in语句遍历对象的属性的时候，遍历出来的是对象中的属性名。

var arr = [12,13,19,15,16];

for-in语句遍历数组元素
   for(var index in arr){
       document.write(arr[index]+",");
   }

   //创建对象构造器
   function Person(id , name){
       this.id = id;
       this.name = name;
   }


   //创建一个对象（调用的是Person()构造器函数，相当于java中的构造函数）
   var p = new Person(110,"狗娃");

   for(var property in p){
       document.write(p[property]+",");
   }

5、创建 JavaScript 对象

person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

替代语法：
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

6、创建对象构造器

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

根据对象构造器创建对象

var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");

7、把方法添加到已有JavaScript 对象

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}

8、

JavaScript 是面向对象的语言，但 JavaScript 不使用类。

在 JavaScript 中，不会创建类，也不会通过类来创建对象。

JavaScript 基于 prototype，而不是基于类的。

9、JavaScript for...in 语句循环遍历对象的属性。

var person={fname:"Bill",lname:"Gates",age:56};

for (x in person)
{
txt=txt + person[x];
}

10、with语句:有了 With 语句，在存取对象属性和调用对象方法时就可以不用指定对象。


   格式：
       with(对象){

       }

   with(document){
       for(var i = 0 ; i<5; i++){

           for(var j =0 ; j<=i ; j++){
               write("* ");
           }
           write("<br/>");
       }
       write("<hr/>");
   }

   function Person(id , name){
       this.id = id;
       this.name = name;
   }

   //创建一个对象
   var p = new Person(110,"狗娃");


   with(p){
       document.write("编号："+ p.id);
       document.write("姓名："+ name);
   }

function reportReadBypPatientId(patientid){
   var patientid=$("#hiddenpatientId").val();
   alert(patientid);
   var url=$WEB_ROOT_PATH + "/reportRead/reportReadCtrl.htm?BLHMI=listByPatientId";
   $.post(url,{'dto.reportReadVo.patientid': patientid}, function(){
       $CommonUI.getDataGrid("#reportReadList").datagrid('reload');
   });

}

1、js对象、jQuery对象相互转化
[js对象——>jquery对象]：var jQuery对象 = $(js对象);
[jquery对象——>js对象]：var js对象 = jQuery对象[index]
           var js对象 = jQuery对象.get(index)

2、size()方法和length属性都用于得到jQuery对象中元素的个数，没区别！

3、   text()和html()方法的区别：
   html():
   1、取得[第一个匹配元素]的html内容，包含标签。
   2、如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML内容会被获取。
   3、这个函数不能用于XML文档。但可以用于XHTML文档。

   text():
   1、取得[所有匹配元素]的文本内容，不包含标签。
   2、如果选择器匹配多于一个的元素，结果是由所有匹配元素包含的文本内容组合起来的文本。
   3、这个方法对HTML和XML文档都有效。

4、遍历方法each()里this指代js对象

5、jQuery中的筛选方法和选择器功能类似，都用于得到特定的dom元素

6、find(): 是找出指定元素的后代元素，所有搜索都依靠jQuery表达式来完成。类似于【ancestor descendant】选择器

1、

var length =$CommonUI.getDataGrid('#doctorOrdersGrid').datagrid('getRows').length;

var editRow =$CommonUI.getDataGrid('#doctorOrdersGrid').datagrid("getSelected");

var editIndex =$CommonUI.getDataGrid('#doctorOrdersGrid').datagrid("getRowIndex",editRow);

2、

a.可编辑状态下获取实时值：

$($CommonUI.getDataGrid('#doctorOrdersGrid').datagrid('getEditor',{index:i,field:'itemid'}).target).val()

等价于：

var itemidEditor = $CommonUI.getDataGrid('#doctorOrdersGrid').datagrid('getEditor',{index:i,field:'itemid'});

$(itemidEditor.target).val()

b.可编辑关闭（通过endedit或者acceptChanges(也会关闭编辑状态)方法）下获取值

var rowData= $CommonUI.getDataGrid('#doctorOrdersGrid').datagrid("getData");

varitemid = rowData.rows[i].itemid;

3、combobox不管是通过url从后台获取数据，还是从本地组织数据，都需要类似于datagrid需要的特定json格式，即{“total”:xx,rows:[{},{},…]}

事实上，combobox从后台获取数据，要放到pagemodel里直接返回，这样得到的数据格式符合上述情况

a. 通过url从后台获取：

取号类型：<inputclass="combobox"type="text"id="code"name="codeType"style="width:120px;height:20px;"

data-options="

url:'<%=request.getContextPath()%>/treatmentNoMaintain/treatmentNoMaintainCtrl.htm?

BLHMI=getCodeType',

mode:'remote',

editable:false,

valueField:'id',

textField:'text',"/>

//后台传递取号类型

publicvoid getCodeType(BaseAbstractDto basedto){

TreatmentNoMaintainDtodto = super.getExactlyDto(basedto);

//调用对应的service查询某个实体的方法

PagerModel pm=treatmentNoMaintainService.getCodeType(dto);

dto.setPageModel(pm);

}

数据格式如下：

注：后台传递过来的rows里的属性（在实体类或者vo类里定义）和{valueField:'id'， textField:'text'}相对应

b．在本地组织数据生成combobox

$(basicUnitEditor.target).combobox('loadData',{total:2, rows:[{"id":rowData.baseUnitDesc,"text":rowData.baseUnitDesc,"selected":true},{"id":rowData.mediUnitDesc, "text":rowData.baseUnitDesc}]});

dagagrid里column中定义的字段值：

{field:'basicUnit',width:22,align:'left',editor:{type:'combobox',options:{valueField:'id',textField:'text'}},title:'单位'},

“selected”:true表示默认选中这一项

4、combogrid、combobox获取值

$(itemnameEditor.target).combogrid("setValue",rowData.phaName);

$(basicUnitEditor.target).combobox('setValue',rowData.mediUnitDesc);

5、获取combobox从后台获取到的数据

getData

：Return the loaded data.

var freqData=$(freqEditor.target).combobox("getData");

6、获取combogrid焦点

$(itemnameEditor.target).combogrid().next('span').find('input').focus();（firebug查看元素关系）

7、String Number.toFixed(Number dot)：截取到固定小数位

8、js格式化时间

formatterDateTime = function(myDate) {

Y =myDate.getFullYear();

M =myDate.getMonth()+1<10?"0"+(myDate.getMonth()+1):myDate.getMonth()+1;

D =myDate.getDate()<10?"0"+myDate.getDate():myDate.getDate();

h =myDate.getHours()<10?"0"+myDate.getHours():myDate.getHours();

m =myDate.getMinutes()<10?"0"+myDate.getMinutes():myDate.getMinutes();

s =myDate.getSeconds()<10?"0"+myDate.getSeconds():myDate.getSeconds();

returnY+'-'+M+'-'+D+' '+h+':'+m+':'+s;

};

9、开启编辑状态的步骤（先选中、再开启）

a．$('#chinaMedicineGrid').datagrid('selectRow',i);

b．$('#chinaMedicineGrid').datagrid('beginEdit',i);

10.清空datagrid中数据

$CommonUI.getDataGrid('#materialGrid').datagrid("loadData",{"total":"0","rows":[]});

11.置灰combogrid（combogrid可以直接调用combo中的方法）

两种方式置灰easyui组件：

1、组件中提供的disable方法:例如combo、numberbox等（通过查webUI API）

varexamNameEditor = $('#examGrid').datagrid('getEditor', {index:i,field:'examName'});

$(examNameEditor.target).combo({disabled:true});

examNameEditor.target：为combogrid DOM（js）对象

2、 jQuery中属性设置方法（editor类型为text）：

varamountTotalEditor = $('#examGrid').datagrid('getEditor',{index:i,field:'examSalesPrice'});

$(amountTotalEditor.target).attr({"disabled":true});

12.把后台传递过来的数据直接赋值给前台datagrid

$('#examGrid').datagrid('loadData',msg);

注：msg数据格式为pagemodel格式，即{“total”:xx,rows[{},{},…]}

0 0