10:29 2017/09/18
一讶踪、 CSS
1、 清除浮動(dòng)
1. .clear: both;
2. overflow :hidden;
3. display:blasek;
4. 父級(jí)div元素給一個(gè)偽類:after和zoom
如:
。clearfloat:after{
display:block;
clear:both;
content:"",
visibility:hidden;
height:0;
}
5、給父元素定義overflow:auto;
6虽另、父級(jí)div 也一起浮動(dòng)
7、父級(jí)div定義 display:table
2饺谬、行內(nèi)元素和塊級(jí)元素的區(qū)別
http://wenda.so.com/q/1484859410492769?src=9999&cid-pre=1000204
每個(gè)塊級(jí)元素默認(rèn)占一行高度,一行內(nèi)添加一個(gè)塊級(jí)元素后無法一般無法添加其他元 ? ? ? ? ? ? ? ? ? (float浮動(dòng)后除外)谣拣。兩個(gè)塊級(jí)元素連續(xù)編輯時(shí)募寨,會(huì)在頁面自動(dòng)換行顯示。塊級(jí)元素一般可嵌套塊級(jí)元素或行內(nèi)元素森缠;
行內(nèi)元素inline element
也叫內(nèi)聯(lián)元素拔鹰、內(nèi)嵌元素等;行內(nèi)元素一般都是基于語義級(jí)(semantic)的基本元素贵涵,只能容納文本或其他內(nèi)聯(lián)元素列肢,常見內(nèi)聯(lián)元素
主要區(qū)別:
一個(gè)脫離文本流一個(gè)不脫離文本流
3.元素隱藏
(1)? display:none;
(2)? visibility:hidden宾茂;
4瓷马、怎樣使的div垂直居中
(1)margin: auto;
5, img如果顯示不出來應(yīng)該用alt顯示出文字
二. js
1、函數(shù)中return的作用
①:用來返回一個(gè)值給函數(shù)跨晴,主函數(shù)調(diào)用這個(gè)函數(shù)后能得到這個(gè)返回的值欧聘。
②:用來結(jié)束函數(shù)
③:阻斷程序運(yùn)行封裝函數(shù)
2、函數(shù)中的return false 意思是阻止事件默
3端盆、6怀骤、定時(shí)器
setTimeout? 一次性計(jì)時(shí)器
setInterval? ? 間歇性計(jì)時(shí)器
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ù)固定時(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) 條件可以是多個(gè)? :中間用&&(并且)、||(或者)連接
4) switch (精確判斷)
12渤昌、三元運(yùn)算符
// if else 的另外一種寫法
var 變量=條件 虽抄?值1 :值2
//條件?成立執(zhí)行:不成立執(zhí)行 如果后面的這個(gè)不需要寫個(gè)void 0就可以了
//a>=0?alert("正"):void 0;
13、判斷真假類型
① 非空字符串独柑、非0迈窟、非空對(duì)象為真
② 空字符串、null 忌栅、NaN车酣、undefined 為假。
14索绪、基本數(shù)據(jù)類型
String? 字符串
Number? 數(shù)字
null? 空對(duì)象
objcet? 對(duì)象類型
function 函數(shù)類型
boolean 布爾類型
undefined? 未定義湖员、未賦值
symbol? es6新增類型
15、字符串方法
charAt方法返回指定索引位置處的字符瑞驱。如果超出有效范圍的索引值返回空字符串娘摔。
slice方法返回字符串的片段。
substring方法返回位于String對(duì)象中指定位置的子字符串唤反。
substr方法返回一個(gè)從指定位置開始的指定長(zhǎng)度的子字符串凳寺。
indexOf方法放回String對(duì)象內(nèi)第一次出現(xiàn)子字符串位置。如果沒有找到子字符串彤侍,則返回-1肠缨。
search方法返回與正則表達(dá)式查找內(nèi)容匹配的第一個(gè)字符串的位置。
concat方法返回字符串值拥刻,該值包含了兩個(gè)或多個(gè)提供的字符串的連接怜瞒。
toLowerCase方法返回一個(gè)字符串,該字符串中的字母被轉(zhuǎn)換成小寫。
toUpperCase方法返回一個(gè)字符串吴汪,該字符串中的所有字母都被轉(zhuǎn)換為大寫字母惠窄。
16、數(shù)組方法
push:向數(shù)組的末尾增加一項(xiàng) 返回值是數(shù)組的新長(zhǎng)度
unshift:向數(shù)組開頭增加一項(xiàng) 返回值是數(shù)組的新長(zhǎng)度
pop:刪除數(shù)組的末尾項(xiàng) 返回值是刪除的數(shù)組項(xiàng)
shift:刪除數(shù)組開頭項(xiàng) 返回被刪除的開頭項(xiàng)目
splice:刪除數(shù)組中的任意項(xiàng) 返回值是被刪除的數(shù)組項(xiàng)
slice:復(fù)制數(shù)組 返回值是復(fù)制到的新數(shù)組 寫上數(shù)值之后 不包含被復(fù)制的最后一項(xiàng)
拼接:
concat:把一個(gè)數(shù)組和另一個(gè)數(shù)組拼接在一起 返回拼接好的數(shù)組
join:把數(shù)組中的每一項(xiàng) 按照指定的分隔符拼接成字符串
排序:
reverse:倒序數(shù)組 返回值倒序數(shù)組 原有數(shù)組改變
sort:根據(jù)匿名函數(shù)進(jìn)行冒泡排序 b-a倒序 a-b升序
兼容性不好:
indexOf:返回獲取項(xiàng)在數(shù)組中的索引
lastIndexOf:返回獲取項(xiàng)在數(shù)組中出現(xiàn)的最后一次索引
forEach: 循環(huán)遍歷數(shù)組 參數(shù)是一個(gè)匿名函數(shù) 默認(rèn)返回為undefined
map:循環(huán)遍歷數(shù)組 參數(shù)是一個(gè)匿名函數(shù)