js初級知識點

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

js中for循環(huán)倒計時問題

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,691評論 0 4
  • 都說有了孩子 會很累,很累 累得會忘掉自己 忘掉化妝 忘掉白天,還是夜晚 總有收不了的玩具 總有洗不完的衣裳 總有...
    六月孺子牛閱讀 662評論 3 2
  • 我的一位高中同學(xué),不久前發(fā)微信給我說,自已很想念高中同窗學(xué)友,提出要與我一起回憶同學(xué)姓名。他還講了六位同學(xué)姓名和住...
    老樂銘閱讀 482評論 0 1
  • 加入了三十天寫作群,今天的要求是說說自己。 到了山頭唱山歌,今時今日,我對自己真的沒什么話說。 半生漂泊在外,成都...
    熊宴閱讀 331評論 3 1
  • 第四節(jié):攤手耕手變換 動作描述: 1.1.左手出攤手。變耕手。變攤手。 1.2.肩膀依次收、先松后收、先松后收。 ...
    胖頭魚狂戰(zhàn)士閱讀 865評論 0 0

友情鏈接更多精彩內(nèi)容