前端學習工作中遇到的小問題,持續更新中
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 |
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、BString.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);
,,,,,,