前端学习工作中遇到的小问题，持续更新中

1、CSS initial 关键字，例如h1 {color: initial; } ，ie不支持

2、easyui dialog太多的话，尽量用dialog中加载html或动态生成的方式，不然页面加载很卡

3、jq on()方法绑定动态元素的点击事件无响应，on前面的元素必须在页面加载的时候就存在于dom里面。动态的元素或者样式等，可以放在on的第二个参数里面。

$('body').on('click', '#test', function() {alert($(this).text())});

4、dreamweaver常用正则搜索替换把class='aaa'替换成class="aaa"：在“查找”中加入class='([^"]*)'，在“替换”中加入class="$1"

5、"hi cc".split("");结果是['h','i',' ','c','c']；"hi cc".split(" ");结果是['hi','cc']

6、vuejs，v-bind和v-on的区别，计算属性缓存 vs 方法，计算属性 vs 侦听属性

7、服务器本地查接口可以，其他电脑访问接口不行，ping一下接口ip，在看端口是否打开

8、concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。arr1 = arr1.concat(arr2);

9、easyui-datagrid的formatter属性里$.each和forEach拿不到return的值，for可以

10、webstorm代码快捷键，输入左边缩写，按下tab键就ok啦

html:5	html5结构
link:css	引入css
script:src	引入js
script	html中插入js
ul+	ul及一个li
a:link	<a href=”http://”></a>
a:mail	<a href=”mailto:“></a>
form:get	get表单
input:hidden	hidden输入框
div#name	id:name
div.name	class:name
div.one.two	class:one,two
head>link:css	head加link
p+p	两个p
p*3	3个p
ul>li.item$*6	创建ul下有个li同时class分别为item1，item2.。。
pos	postion,组合可用pos:s|a|r|f

11、保留两位小数

var a = 9.39393; 
alert(a.toFixed(2));

12、$.inArray() 函数用于在数组中查找指定值，并返回它的索引值（如果没有找到，则返回-1）。

var arr = [ 4, "Pete", 8, "John" ];
$.inArray( "John", arr );

13、使用变量，经常要判断该变量是否存在或者给它初始化。a = a || 0;

14、word 转 pdf 自动生成导航

word 2010：

1）另存为，选择PDF格式
2）选择【选项...】
3）弹出框中在“包括非打印信息”中选中“创建书签时使用”——“标题”

15、jq数组去重并从小到大排序 $.unique(array);

16、table处理

$("table").off('click').on('click', 'td', function (event) {
        var $this = $(this),
            $thisTr = $this.parent(),
            $tds = $thisTr.children(),
            index = $this.index(),
            trIndex = $thisTr.index(),
            length = $tds.length;
        switch (index) {
            case 0:
            case 1:
            case length - 4:
                break;
            case length - 1:
                break;
            case length - 2:
            case length - 3:
                break;
            default:
                break;
        }
    });

17、B

String.fromCharCode("A".charCodeAt(0)+ 1);

18、siblings() 获得匹配集合中每个元素的同胞

$("p").siblings(".selected"); 查找每个 p 元素的所有类名为 "selected" 的所有同胞元素

19、jq获取兄弟节点

$('#id').siblings()   当前元素所有的兄弟节点
$('#id').prev()       当前元素前一个兄弟节点
$('#id').prevaAll()   当前元素之前所有的兄弟节点
$('#id').next()       当前元素之后第一个兄弟节点
$('#id').nextAll()    当前元素之后所有的兄弟节点
这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

20、js数组复制和js对象复制以及深度复制

js数组或者js对象，是引用类型，不能直接使用 = 复制数据，js数组和js对象如果使用 = 复制，这时候改变一边另外一边就随之改变，js数组的复制我们可以采用如下方式实现：

利用slice复制数组
arrayObject.slice(start,end)这个方法返回新数组，而省略end参数的话，将截取start到结束位置。于是就有了：数组.slice(0); 复制数组的方法，如下：
var a = [0,1,2,3,4];

var aCopy = a.slice(0);

，，，，，，