前端攻城獅應該熟記的知識點(永久更新)

2022-09-20 02:39:10 字數 4625 閱讀 4197

1.去掉列的固有樣式:

ulli

2.去掉a標籤的固有樣式

a3.如何把希望的元素移除你的視線:

a:dispaly:none;(物件顯示block)顯示無

b:visibility:hidden;隱藏(還佔文件流)

c:改變width/height

d:改變透明度

e:定位:left/top

f:拿白色的div蓋住

g:margin負值

4.函式執行

a.直接呼叫 a();

b.事件呼叫:1元素.事件=函式名 xx.onclick=a; //後面沒有括號

2匿名函式 window.onload = function()(function小寫)

如果函式多次被呼叫 就用函式,如果只掉一次就用匿名函式。

5.css 中 id選擇器為# class選擇器為 .

6.屬性的讀操作: 獲取元素的屬性值 元素.屬性

7.屬性的寫操作: 替換、修改 元素.屬性=新的值

8.html裡面的內容 p.innerhtml;(讀) p.innerhtml=新的值;(寫)

9.js中不允許出現』-』: font-size p.style.fontsize=

10.js中的關鍵字var function 保留字class

11.js中如何給元素動態的新增class ? 元素.classname=』xx』;

12.所有的相對路徑都別拿來做判斷!!! img src href(不可讀,可以寫)

13.顏色值不能拿來做判斷。相容性問題

14.innerhtml的值不能拿來做判斷

15.input的type值得變換?ie 6 7 8 會報錯(解決方案 變化的時候隱藏起來)

16.div的float的值變為left、right

div.style.stylefloat=』left』; //ie

div.style.cssfloat=』left』; //非ie

.left js動態改變class

17.中括號的使用 . 後面的值無法改變 [『』] 替換 裡面的值可以改變

18.陣列的最後一位新增元素 arr.push(『hello』);

19.濾鏡 filter:alpha(opacity:40); //ie

opacity: 0.4; //非ie

20.document.getelementbytagname(『ul』)[0]; 獲取頁面上的第乙個ul。

21.getelementbyid 與getelementbytagname的區別:id前面只能接document,tag可以跟其他元素。tag找到的一堆,id是乙個。tag是動態的找,js後新增也可以找到。

22.如果在for(var i=1;i<=6;i++ )裡麵包了乙個函式,函式裡面用到i的值永遠為6。

23.for 迴圈生成元素的座標為位置 for(var i=0;i25.this操作小結:只要fn();就是window,xx.onclick=fn;和其他情況看this屬於誰

a.function fn1()

fn1(); //this=>window

b. odiv.onclick = fn1; //this=>div

c.odiv.onclick = function()

d.odiv.onclick = function()

e. //this=>div

f. //this=>window

26this為引數的情況

a.function fn1(obj)

fn1(this);

b.odiv.onclick=function()

function fn1(obj);  obj =>odiv

27.自定義屬性的應用

a.元素新增索引

for(var i=0;i30. var a='1'; number(a); 將a轉化成數字型別。

var a=''; number(a); //0

var a='true' number(a); //1

var a=; number(a); //0

var a=['']; number(a); //0

var a=[123]; number(a); //123

var a=['123'];number(a); //123

var a=null; number(a); //0

function , [1,2,3] ,, {} ,var a(未定義) nan

31.var b='100px234'

alert(parseint(b)); //100

var h='+123'

alert(parseint(h)); //123

var c='12.34'

alert(parseint(c)); //12

var d='12.3.4'

alert(parsefloat(d));

true function nan

32. 判斷是否為小樹?

var num='23.34'

if(parseint(num)==parsefloat(num))else

33. '10'>9 //true

'10'>'9' //false

'2'==2 //true

'2'===2 //false

'...'- 0 //nan

34. nan typeof //number

nan 布林值 是 false

nan 自己和自己不相等

35. 根據number轉完的結果進行判斷(應用判斷是否是數字)

isnan(250); //false

isnan('我愛你') //true

isnan('250') //false

36. 如何判斷是否為數字 if(typeof(a)==='number'&&a===a)

37. alert(a); //undefined

var a =1;

alert(a); //1

alert(a); //報錯

a=1;

38.js預解析 域 的時候 變數(在解析的時候是undefined)和函式重名了 只留下 函式(整塊解析)

alert(a); //function a()

var a=1;

alert(a); //1

function a()

alert(a); //1

var a=3;

alert(a); //3

function a()

alert(a); //3

39.域(空間、範圍) a.預解析 b.逐行讀**

全域性 域是分塊的 從上到下的

40.函式的內部也是 域 。區域性的。

var a=1;

function fn1()

fn1();

alert(a); //1

分析: 1)預解析 a undefine fn1= function fn1()

2)逐行解讀**

表示式 遇見a=1,把外邊的a=1;

函式呼叫

1)預解析 var a undefin

2)逐行讀** //undifined

把函式內的a=2

alert(1);

41.去掉函式內的var:

var a=1;

function fn1()

fn1();

alert(a); //2

分析:作用域鏈(子作用域找不到的話會到父級作用域去找)

42.在函式裡面放乙個傳參(函式內部預解析的時候多了乙個區域性var a)

var a=1;

function fn1(a)

fn1();

alert(a); //1

43.函式傳值

var a=1;

function fn1(a)

fn1(a);

alert(a); //1

44.如何獲取fn內部的var定義的值:

function fn1()

fn1();

方法一:

var str='';

function fn1()

fn1();

alert(str);

方法二:

function fn1()

fn1();

function fn3(c)

45.for 問題

var btns = document.getelementbytagname('button'); //3個按鈕

for(var i=0;ivar btns = document.getelementbytagname('button'); //3個按鈕

for(var i=0;i}}}

var btns = document.getelementbytagname('button'); //3個按鈕

for(var i=0;i}}}

前端開發涉及的知識點

html css 對web標準的理解 瀏覽器核心差異 相容性 hack css基本功 布局 盒子模型 選擇器的優先順序 html5 css3 flexbox 資料型別 運算 物件 function 繼承 閉包 作用域 原型鏈 事件 regexp json ajax dom bom 記憶體洩露 跨域 ...

前端的一些知識點

單選框清空選中 input type radio name chewu checked prop checked false 單選按鈕相關操作 radio 按鈕組,name male female unknown 1.獲取radio選中的value.input radio name checked ...

前端的一些小知識點

var rybh trim rybhsr val 對獲取的輸入框的值進行首位去空 dateformat formet2 new dateformat yyyy mm dd 用的最多的時間格式轉換 div style float left 1111111 div div style float lef...