eb前端學(xué)習(xí)內(nèi)容

1、網(wǎng)頁軟件課： Photoshop　html　DIV

CSS JavaScript jQuery，vue等

（1）html：html標(biāo)記語言

（2）css：css3語法規(guī)則，包括新增偽類、動(dòng)畫等。

（3）JavaScript：JavaScript語法，數(shù)組，對(duì)象，函數(shù)，DOM，BOM，事件機(jī)制、作用域，閉包、原型、this指針，ajax等。

（4）jQuery：jq選擇器，jq動(dòng)畫，jq事件機(jī)制，jq處理css，jq處理標(biāo)簽屬性，jq鏈?zhǔn)骄幊蹋琷Query的插件封裝等.

（5）vue框架及實(shí)戰(zhàn)。

2、網(wǎng)頁理論課：
網(wǎng)頁格局設(shè)計(jì)規(guī)劃 、 網(wǎng)頁色彩原理與配色技巧 、 HTML的基本語法、CSS的基本語法、 代碼的編寫規(guī)范 、JavaScript案例實(shí)戰(zhàn)，jQuery案例實(shí)戰(zhàn)，vue案例實(shí)戰(zhàn)。

3、網(wǎng)頁實(shí)踐課：個(gè)人網(wǎng)站設(shè)計(jì)（空間網(wǎng)頁、微博主頁）、網(wǎng)購型網(wǎng)站設(shè)計(jì)（店鋪、商城）　企業(yè)網(wǎng)站設(shè)計(jì)、旅游網(wǎng)站設(shè)計(jì)、教育類網(wǎng)站設(shè)計(jì)等。

4、網(wǎng)頁崗前強(qiáng)化：網(wǎng)站后臺(tái)維護(hù) 、 網(wǎng)頁瀏覽器兼容性解決方案、網(wǎng)頁效果圖設(shè)計(jì)制作。

●就業(yè)方向

web前端、網(wǎng)頁設(shè)計(jì)、網(wǎng)站美工、網(wǎng)站策劃、網(wǎng)站編輯、網(wǎng)站維護(hù)

網(wǎng)頁短期班：Photoshop　DIV+CSS JavaScript jQuery，vue。

網(wǎng)頁就業(yè)班：全套學(xué)習(xí)內(nèi)容。

屬性操作

attr(name)：獲取屬性值

attr(key,value)：設(shè)置屬性值

attr(properties)：一次設(shè)置多個(gè)屬性值, 要求參數(shù)是一個(gè)json對(duì)象

removeAttr(name)：移除屬性

2 對(duì)class屬性的操作

addClass(class)：添加class

removeClass(class)：移除class

toggleClass(class)：如果有對(duì)應(yīng)的class屬性值, 則移除, 反之則添加

hasClass(class)：如果有對(duì)應(yīng)的class屬性值, 則返回true, 反之返回false

3 對(duì)style屬性的操作

css(name)：獲取到指定的css屬性值

css(name,value)：設(shè)置指定的css屬性值

css(properties)：一次設(shè)置多個(gè)css屬性值 要求參數(shù)必須是json對(duì)象

4 尺寸

width()： 獲取元素的寬度

width(value)： 設(shè)置元素的寬度

height()： 獲取元素的高度

height(value)：設(shè)置元素的高度

5 文本

innerHTML() javascript方法

html()： 獲取雙邊標(biāo)簽中的內(nèi)容

html(val)： 設(shè)置雙邊標(biāo)簽中的內(nèi)容

innerTEXT javascript方法, 兼容性差

text()： 獲取雙邊標(biāo)簽中的內(nèi)容, 不能解析HTML標(biāo)簽

text(val)： 設(shè)置雙邊標(biāo)簽中的內(nèi)容, 不能解析HTML標(biāo)簽

6 表單的值

val()： 獲取元素的value屬性值

val(val)：設(shè)置元素的value屬性值

屬性和屬性值語法規(guī)則：

1 可以不加單位, 但帶單位的必須加引號(hào)

$("img").attr({
    src: "img07.jpg",
    title: "紫荊公寓",
    width:300, //參考HTML語法, 可以不加單位
    height:"200px", //也可以加單位, 但必須加引號(hào)
    alt: "紫荊公寓"
});

2 帶橫線的必須加引號(hào)

$('div').css({
    "font-size":"40px", //帶橫線的必須加引號(hào)
    "font-weight":"bold",
    color:"red"
});

3 css樣式可以采用駝峰式寫法(第二個(gè)單詞的首字母必須大寫)

$('div').css({
    fontSize:"40px", //駝峰式寫法, 可以不加引號(hào)
    "font-weight":"bold",
    color:"red"
});

4 鍵/值的引號(hào)問題

鍵可以加引號(hào), 也可不加引號(hào);

但是對(duì)值要求很嚴(yán)格, 字符串型的必須加引號(hào)

$("img").attr({
src: "img07.jpg", //值是字符串型必須加引號(hào)
"title": "紫荊公寓", //鍵可加也可不加引號(hào)
width:300,
height:"200px",
alt: "紫荊公寓"
});

5 采用json寫法的鍵/值對(duì)格式：用英文","隔開