整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          網(wǎng)頁設(shè)計(jì)師培訓(xùn)課程

          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ì)格式:用英文","隔開

          isual Studio Code是一個(gè)輕量級(jí)但功能強(qiáng)大的源代碼編輯器,可在桌面上運(yùn)行,適用于Windows,macOS和Linux。

          它內(nèi)置了對(duì)JavaScript,TypeScript和Node.js的支持,并為其他語言(如C ++,C#,Java,Python,PHP,Go)和運(yùn)行時(shí)(如.NET和Unity)提供了豐富的擴(kuò)展生態(tài)系統(tǒng)。

          一、Visual Studio Code 下載:

          官方下載地址:https://code.visualstudio.com/Download

          選擇自己對(duì)應(yīng)的版本點(diǎn)擊下載即可。

          二、插件的安裝方法:

          三、插件推薦:

          官方插件下載地址:https://marketplace.visualstudio.com/

          1.ESLint

          作用:將ESLint JavaScript集成到VS代碼中。ESLint是一種用于識(shí)別和報(bào)告ECMAScript / JavaScript代碼中的模式的工具,其目標(biāo)是使代碼更加一致并避免錯(cuò)誤。

          2.vscode-icons

          作用:Visual Studio代碼文件的圖標(biāo)。

          3.Open-In-Browser

          作用:允許您在默認(rèn)瀏覽器或應(yīng)用程序中打開當(dāng)前文件。

          4.HTML Snippets

          作用:完整的HTML標(biāo)記,包括HTML5代碼段。

          5.HTML CSS Support

          作用:對(duì)HTML文檔的CSS支持。

          6.Debugger for Chrome

          作用:在Chrome瀏覽器或支持Chrome Debugger協(xié)議的任何其他目標(biāo)中調(diào)試JavaScript代碼。

          7.JQuery Code Snippets

          作用:超過130個(gè)用于JavaScript代碼的jQuery代碼片段。只需鍵入字母'jq'即可獲得所有可用jQuery代碼片段的列表。

          8.Path Intellisense

          作用:自動(dòng)填充補(bǔ)全文件名。

          9.Npm Intellisense

          作用:用于在import語句中自動(dòng)填充npm模塊。

          10.Document this

          作用:在TypeScript和JavaScript文件中自動(dòng)生成詳細(xì)的JSDoc注釋。

          11.Auto Rename Tag

          作用:重命名一個(gè)HTML / XML標(biāo)記時(shí),會(huì)自動(dòng)重命名配對(duì)的HTML / XML標(biāo)記。

          12.Auto Close Tag

          作用:自動(dòng)添加HTML / XML關(guān)閉標(biāo)記,與Visual Studio IDE或Sublime Text相同。

          13.Beautify

          作用:美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代碼。

          14.Chinese (Simplified) Language Pack for Visual Studio Code

          作用:適用于 VS Code 的中文(簡體)語言包。

          15.JavaScript (ES6) code snippets

          作用:用于Vs代碼編輯器的ES6語法中的JavaScript代碼片段(支持JavaScript和TypeScript)。

          四、主題推薦:

          1.Material-theme

          2.monokai-light

          3.One Dark Theme

          五、總結(jié):

          目前所了解的也就這么多,如果后面知道更多的相關(guān)插件,一定第一時(shí)間更新告訴你們,上面這些插件基本都是前端的,所以對(duì)其他的一些還不太了解。今天的分享就到這里,如果有更好的插件推薦,請(qǐng)?jiān)谠u(píng)論區(qū)留言,或者直接私信我即可,一點(diǎn)新科技,期待您的點(diǎn)贊和轉(zhuǎn)發(fā),謝謝大家的支持。


          主站蜘蛛池模板: 51视频国产精品一区二区| 日韩有码一区二区| 国产人妖视频一区二区破除| 波多野结衣一区二区三区| 日韩精品久久一区二区三区| 精品人妻系列无码一区二区三区 | 成人免费区一区二区三区| 99精品国产一区二区三区| 色欲综合一区二区三区| 精品亚洲av无码一区二区柚蜜| 在线一区二区观看| 国产亚洲福利精品一区二区| 手机看片福利一区二区三区| 精品福利一区二区三区免费视频 | 国产精华液一区二区区别大吗| 久草新视频一区二区三区| 国产一区二区三区乱码网站| 夜夜爽一区二区三区精品| 无码人妻少妇色欲AV一区二区| 成人在线观看一区| 国产精品免费一区二区三区| 国产精品久久久久久麻豆一区 | 国产精品女同一区二区久久| 人妻少妇精品视频一区二区三区| 国产品无码一区二区三区在线| 精品无码人妻一区二区三区不卡 | 精品一区二区三区3d动漫| 性色A码一区二区三区天美传媒| 国产乱码精品一区二区三区四川人| 国产一区在线视频| 人妻少妇精品视频三区二区一区 | 中文字幕av一区| 国产免费一区二区视频| 日韩三级一区二区三区| 久久一区二区明星换脸| 精品中文字幕一区二区三区四区| 国产大秀视频在线一区二区| 国产婷婷色一区二区三区| 国产精品盗摄一区二区在线| 91精品一区二区三区在线观看| 国产一区二区精品久久岳|