10:29 2017/09/18
一、 CSS
1、 清除浮動
1. .clear: both;
2. overflow :hidden;
3. display:blasek;
4. 父級div元素給一個偽類:after和zoom
如:
。clearfloat:after{
display:block;
clear:both;
content:"",
visibility:hidden;
height:0;
}
5、給父元素定義overflow:auto;
6、父級div 也一起浮動
7、父級div定義 display:table
2、行內(nèi)元素和塊級元素的區(qū)別
http://wenda.so.com/q/1484859410492769?src=9999&cid-pre=1000204
每個塊級元素默認(rèn)占一行高度,一行內(nèi)添加一個塊級元素后無法一般無法添加其他元 ? ? ? ? ? ? ? ? ? (float浮動后除外)。兩個塊級元素連續(xù)編輯時,會在頁面自動換行顯示。塊級元素一般可嵌套塊級元素或行內(nèi)元素;
行內(nèi)元素inline element
也叫內(nèi)聯(lián)元素、內(nèi)嵌元素等;行內(nèi)元素一般都是基于語義級(semantic)的基本元素,只能容納文本或其他內(nèi)聯(lián)元素,常見內(nèi)聯(lián)元素
主要區(qū)別:
一個脫離文本流一個不脫離文本流
3.元素隱藏
(1)? display:none;
(2)? visibility:hidden;
4、怎樣使的div垂直居中
(1)margin: auto;
5, img如果顯示不出來應(yīng)該用alt顯示出文字
二. js
1、函數(shù)中return的作用
①:用來返回一個值給函數(shù),主函數(shù)調(diào)用這個函數(shù)后能得到這個返回的值。
②:用來結(jié)束函數(shù)
③:阻斷程序運(yùn)行封裝函數(shù)
2、函數(shù)中的return false 意思是阻止事件默
3、6、定時器
setTimeout? 一次性計時器
setInterval? ? 間歇性計時器
7、如何批量修改樣式?
① 設(shè)置一樣的 className
② cssText? 浪費(fèi)性能? 有兼容問題
8、怎么獲取非行間樣式 ?
function getStyle(obj,attr) {
if(obj.currentStyle) {
return obj.currentStyle[attr];
}else{
getComputedStyle(obi,false)[attr]
}
}
9、遍歷的幾種方式
第一種最常用的:for循環(huán)
for(j = 0,len=arr.length; j < len; j++) {
}
循環(huán)次數(shù)固定時使用
第二種:foreach
arr.forEach(function(e){
});
第三種:for ……in
var arr = new Array("first", "second", "third")
for(var item in arr) {
document.write(arr[item]+",");
}
第四種:map 遍歷
arr.map(function(n){
});
第五種:for……of 遍歷(需要ES6支持)
for(let value of arr) {
});
10、關(guān)于跳出循環(huán)的幾種方式
break==》 直接跳出循環(huán)
continue ==》跳出本次循環(huán),進(jìn)行下一次循環(huán)
return==》結(jié)束循環(huán),并中斷函數(shù)執(zhí)行
11、判斷語句
1)? if 、else 、if? else(模糊判斷)
2) 我們里面的條件最終都是判斷整體 ,true(條件成立),false(條件不成立)
3) 條件可以是多個? :中間用&&(并且)、||(或者)連接
4) switch (精確判斷)
12、三元運(yùn)算符
// if else 的另外一種寫法
var 變量=條件 ?值1 :值2
//條件?成立執(zhí)行:不成立執(zhí)行 如果后面的這個不需要寫個void 0就可以了
//a>=0?alert("正"):void 0;
13、判斷真假類型
① 非空字符串、非0、非空對象為真
② 空字符串、null 、NaN、undefined 為假。
14、基本數(shù)據(jù)類型
String? 字符串
Number? 數(shù)字
null? 空對象
objcet? 對象類型
function 函數(shù)類型
boolean 布爾類型
undefined? 未定義、未賦值
symbol? es6新增類型
15、字符串方法
charAt方法返回指定索引位置處的字符。如果超出有效范圍的索引值返回空字符串。
slice方法返回字符串的片段。
substring方法返回位于String對象中指定位置的子字符串。
substr方法返回一個從指定位置開始的指定長度的子字符串。
indexOf方法放回String對象內(nèi)第一次出現(xiàn)子字符串位置。如果沒有找到子字符串,則返回-1。
search方法返回與正則表達(dá)式查找內(nèi)容匹配的第一個字符串的位置。
concat方法返回字符串值,該值包含了兩個或多個提供的字符串的連接。
toLowerCase方法返回一個字符串,該字符串中的字母被轉(zhuǎn)換成小寫。
toUpperCase方法返回一個字符串,該字符串中的所有字母都被轉(zhuǎn)換為大寫字母。
16、數(shù)組方法
push:向數(shù)組的末尾增加一項 返回值是數(shù)組的新長度
unshift:向數(shù)組開頭增加一項 返回值是數(shù)組的新長度
pop:刪除數(shù)組的末尾項 返回值是刪除的數(shù)組項
shift:刪除數(shù)組開頭項 返回被刪除的開頭項目
splice:刪除數(shù)組中的任意項 返回值是被刪除的數(shù)組項
slice:復(fù)制數(shù)組 返回值是復(fù)制到的新數(shù)組 寫上數(shù)值之后 不包含被復(fù)制的最后一項
拼接:
concat:把一個數(shù)組和另一個數(shù)組拼接在一起 返回拼接好的數(shù)組
join:把數(shù)組中的每一項 按照指定的分隔符拼接成字符串
排序:
reverse:倒序數(shù)組 返回值倒序數(shù)組 原有數(shù)組改變
sort:根據(jù)匿名函數(shù)進(jìn)行冒泡排序 b-a倒序 a-b升序
兼容性不好:
indexOf:返回獲取項在數(shù)組中的索引
lastIndexOf:返回獲取項在數(shù)組中出現(xiàn)的最后一次索引
forEach: 循環(huán)遍歷數(shù)組 參數(shù)是一個匿名函數(shù) 默認(rèn)返回為undefined
map:循環(huán)遍歷數(shù)組 參數(shù)是一個匿名函數(shù)