1. 程式人生 > >前端學習工作中遇到的小問題,持續更新中

前端學習工作中遇到的小問題,持續更新中

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

headlink

p+p

兩個p

p*3

3p

ul>li.item$*6

建立ul下有個li同時class分別為item1item2.。。

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);

,,,,,,