JS基础

发表于 2017-04-27 |

函数：

函数定义方式：

函数声明：

function func(a,b){ return a*b; }

函数表达式：

var func = function(a,b){ return a*b; }

对象实例化(基本不用)：

var func = new Function('a','b','return (a*b)');

函数定义的区别

函数声明和函数表达式，对象实例化的区别：
前者在编译之前，会声明提前，后者则不会。

fun1(3,3);//9
fun2(3,3);//func2 is not defined
function func1(a,b){ return a*b };
var func2 = function(){return a*b };

对象实例化与函数声明，函数表达式的区别：
对象实例化无法访问到函数之外的变量，后者可以。
如：

(function () {
        var i = 10;
        function func(j) {
            console.log(i+j);//i = 10;
            debugger;
        }
        func(1);
    })();

对象实例化定义的函数都会定义在全局作用域上

作用域

JS分为函数作用域和全局作用域。
函数作用域可以访问全局作用域，反之不能。
如果函数作用和全局作用域有相同的变量，则会使用就近原则。

参数

实参：调用函数的参数称为实参。
形参：定义函数的参数称为形参。

实参少于行参:少于的形参会变成undefined;
实参多于行参:多余的实参会忽略掉，且程序不会报错。

前端技术学院JS学习

发表于 2017-04-27 |

innerHTML，querySelector，sort，filter，forEach

1,innerHTML
设置或返回标签的内容，其返回值类型为string。

2,document.querySelector（’.myclass’)
返回文档中第一个class为“myclass”的元素。
强大的在于：document.querySelector（’div .myclass .add’）。

注意点：如何没有找到匹配元素,返回值和getElementById(),getElementByTagName()一样，为null;

3,arr.sort(compareFunction)
用于：对数组进行排序，并返回数组，
如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前，反之相反。

阅读全文 »

CSS常用水平垂直居中方式

发表于 2017-04-13 |

行内元素居中

1,text-align : center —— 实现行内元素居中。
2,line-height：父元素的高度 —— 实现单行文本垂直居中。
3,display:table-cell，vertical-align:middle —— 实现行内元素垂直居中(多用于多行文本，也可以将子元素设置inline-block来实现块级居中)。