web前端,备忘录

更多2019年的技术文章,欢迎关注我的微信公众号:码不停蹄的小鼠松(微信号:busy_squirrel),也可扫下方二维码关注获取最新文章哦~

1、关于切页的讲解,见 http://v3.bootcss.com/javascript/#tabs

2、有关于html中table合并单元格的讲解,见 http://www.cnblogs.com/penny/archive/2008/09/09/1287606.html

3、有关于font-awesome的讲解,图标的使用,见 http://fontawesome.dashgame.com/

4、关于web中打开新页面或者页面跳转的讲解,见 http://axmanhz.blog.sohu.com/276735051.html

5、曾经参考的bootstrap官方的界面排版,见网页 http://job.bootcss.com/

6、js判断radio的选中情况,见 http://bbs.csdn.net/topics/350109914

7、调整jsp页面的字体大小,见 http://blog.csdn.net/tfy1332/article/details/22684547

8、highcharts常见error, 见 http://www.stepday.com/topic/?917

9、highcharts常用设置,见 http://blog.csdn.net/luckylcs/article/details/18315611

10、csv文件的读写,见 http://blog.csdn.net/beyond667/article/details/8991525

11、饼状图的颜色更改方式,见 http://zhidao.baidu.com/link?url=I5jCoohZwgDn_tzRODCaH_f01NaauesKLfOCEgibaRgDnPcOZ3hE2_83bYKACGIMTtA-fvDLZCOyEB30kIcxIK

12、div中滚动条的设置,用overflow;

13、highcharts中图例的设置,见 http://www.cnblogs.com/linn/p/3920068.html

14、highcharts中柱状图设置3D立体的感觉,见 http://www.stepday.com/topic/?951

15、highchart中数据点的数据显示格式问题,见 http://www.hcharts.cn/api/index.php#plotOptions.series.dataLabels.format

16、关于下拉框的知识点以及控件的选择(bootstrap-select控件),见:http://blog.aizhet.com/web/5711.html,http://silviomoreto.github.io/bootstrap-select/,http://blog.fens.me/tag/bootstrap-select/,http://www.html580.com/?SfniKLbF,http://www.html580.com/8412。主要添加3个文件,在head开头,添加bootstrap-select.css文件,在末尾,添加bootstrap.min.js和bootstrap-select.min.js文件,不加css文件,会导致下拉框出不来,若多加了bootstrap-select.js文件,则会导致每个选项后面都有个对号出现;

17、在js中的赋值操作,若有变量定义如下:

var a = keyanxiangmuInputId1;


那么,变量a对应的是一个object类型的变量;不能把a当做一个指向字符串 'keyanxiangmuInputId1'的一个字符型的变量。同理,定义数组如下:

var radios = [keyanxiangmuInputId1,keyanxiangmuInputId2,keyanxiangmuInputId3,keyanxiangmuInputId4,keyanxiangmuInputId5];


这里的radios类型仍然是一个object。为了便于理解,这里附上一段js获取input的代码片段:

var value;
var a = keyanxiangmuInputId1;
var radios = [keyanxiangmuInputId1,keyanxiangmuInputId2,keyanxiangmuInputId3,keyanxiangmuInputId4,keyanxiangmuInputId5];
for(var i = 0; i < radios.length; i ++) {
	if(radios[i].checked == true) {
		value = $(radios[i]).val();
		break;
	}
}

 

 

所以,在获取某一个input的值时,可直接$(a).val()得到,因为$()里面的东西,就是要获得某一个空间的对象,即object。

 

 

18、js文件之间的相互调用,两种方式:

 

  • 第一种,使两个js页面经过一个中间媒介,html或者jsp页面,eg:

 


在中加入这两行代码,就可以实现deptAssessment.js调用companyAssessment.js中的函数、变量等。另外,这种方式下,这两个文件引用的先后顺序不做规定,即也可以这么写:



 

 


都可实现调用。

 

 

 

 

  • 第二种,在调用文件中引入被调用文件。eg:
document.write("");	//调用另外一个js文件
 


这样,也可实现调用。

另外,第二种方式下的调用有两点需要说明:

① 引入语句"document.write()"可放在调用文件的任何位置;

② 若调用文件中引用的函数在本文件和调用文件中都有的话,会默认调用被调用文件中的函数。例如:

document.write("");	//调用另外一个js文件

function abc() {
	var arr1 = new Array();
	arr1.push(3);
	arr1.push(4);
	
	alert("SDF");
	
	alert(sum(arr1));
}

function sum(arrTemp) {
	return "sdfsf";
}

 

在被调用js文件companyAssessment.js中就有一个sum()函数,即使本文件中也有一个sum() { ...}函数,也会默认调用companyAssessment.js中的sum() {...}函数,并且不受引用语句放置位置的影响。

  • 其他的调用方式,见 http://blog.csdn.net/zndxlxm/article/details/7875787

19、highcharts中,可以给一些元素赋空值,即将对应数据置为null;

20、3D双饼图和3D饼图的区别,在于innerSize的属性设置:

 plotOptions: {
            pie: {
                innerSize: 100,
                depth: 45
            }
        },

更多2019年的技术文章,欢迎关注我的微信公众号:码不停蹄的小鼠松(微信号:busy_squirrel),也可扫下方二维码关注获取最新文章哦~

 

 

 

 

 

 

 

 

你可能感兴趣的:(web前端,备忘录)