国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端入門1-基礎(chǔ)概念

codecraft / 2064人閱讀

摘要：基礎(chǔ)基礎(chǔ)是一種標(biāo)記語言，不是編程語言，需要明確這點。元素標(biāo)簽內(nèi)容基礎(chǔ)基礎(chǔ)負(fù)責(zé)文本樣式的呈現(xiàn)，既然將和分離開，各自只負(fù)責(zé)各自的職責(zé)，那么肯定需要某種方式將兩者連接在一起。

本篇文章已授權(quán)微信公眾號 dasu_Android（大蘇）獨家發(fā)布

聲明

本系列文章內(nèi)容全部梳理自以下四個來源：

  • 《HTML5權(quán)威指南》
  • 《JavaScript權(quán)威指南》
  • MDN web docs
  • Github:smyhvae/web

作為一個前端小白，入門跟著這四個來源學(xué)習(xí)，感謝作者的分享，在其基礎(chǔ)上，通過自己的理解，梳理出的知識點，或許有遺漏，或許有些理解是錯誤的，如有發(fā)現(xiàn)，歡迎指點下。

正文

相關(guān)概念-HTML CSS JS

  • HTML: 內(nèi)容層---表示某個標(biāo)簽在頁面中是什么角色
  • CSS: 樣式層---表示某個標(biāo)簽在頁面中該呈現(xiàn)什么樣式
  • JavaScript: 行為層---頁面與用戶的交互行為

通俗的講：Html 只負(fù)責(zé)文檔的語義和結(jié)構(gòu)，它描述了網(wǎng)頁的內(nèi)容和結(jié)構(gòu)。

內(nèi)容的呈現(xiàn)則由應(yīng)用于元素上的 CSS 樣式控制，它描述了網(wǎng)頁的表現(xiàn)與展示效果。

JavaScript 則是負(fù)責(zé)網(wǎng)頁的功能與行為，如與用戶的交互。

基礎(chǔ)-HTML

Html 是一種標(biāo)記語言，不是編程語言，需要明確這點。

編程語言，通俗的理解就是向計算機(jī)發(fā)送指令，通過程序讓計算機(jī)達(dá)到我們想要的功能。

而標(biāo)記語言，可以通俗的理解成對文本增加一些標(biāo)志信息，類似于批注信息來說明文本內(nèi)容

更通俗點理解，一大段文本內(nèi)容，毫無重點，毫無結(jié)構(gòu)，讓人不好理解。所以，Html 就通過大伙約定俗成的規(guī)范，利用一些標(biāo)簽，來指明，這一段文本是標(biāo)題，這一段文本是個表格，這一段文本是個列表，這一段文本是導(dǎo)航菜單，這里需要分段，這里需要分行，這幾個詞是關(guān)鍵詞，需要重點標(biāo)記一下，等等等等。

Html 可以這么通俗的理解。那么這個大伙約定俗成的規(guī)范，其實也就是由 W3C 來作為官方發(fā)布的標(biāo)準(zhǔn)規(guī)范。

定了規(guī)范，自然是想要讓人遵守才有意義。所以，在這里，W3C 所定義的標(biāo)準(zhǔn)規(guī)范，遵守方其實也就是各大瀏覽器。不同的瀏覽器廠商，根據(jù) W3C 發(fā)布的標(biāo)準(zhǔn)規(guī)范來解析每一份 HTML 文檔，那么相同的 HTML 文檔在不同的瀏覽器上才會有相同的作用。

而一旦某些瀏覽器廠商沒有遵守這些規(guī)范，那么前端開發(fā)人員就要為此做一些兼容適配工作，這就跟 Android 系統(tǒng)由 Google 開發(fā)并開源一樣的道理，手機(jī)廠商都可以使用這開源的系統(tǒng)，但不同廠商都喜歡做一些自己的修改，這就導(dǎo)致了 Android 開發(fā)人員經(jīng)常需要面對的適配工作問題。

基本概念

點擊跳轉(zhuǎn)

標(biāo)簽：<> 帶有這種符號的稱為標(biāo)簽，跟 Android 中的標(biāo)簽一樣，分開始標(biāo)簽，結(jié)束標(biāo)簽

內(nèi)容：文本內(nèi)容，上圖中的點擊跳轉(zhuǎn)四字

屬性：跟 Android 中的 xml 里的標(biāo)簽一樣，每個標(biāo)簽有自己的一些屬性，另外，Html 有一些全局屬性，比如上述的 class，這個屬性所有標(biāo)簽都可以用。

元素：標(biāo)簽 + 內(nèi)容

基礎(chǔ)-CSS

CSS 負(fù)責(zé)文本樣式的呈現(xiàn)，既然將 HTML 和 CSS 分離開，各自只負(fù)責(zé)各自的職責(zé)，那么肯定需要某種方式將兩者連接在一起。

更準(zhǔn)確的說，是在 HTML 文檔中該如何使用 CSS，因為 HTML 文檔是互聯(lián)網(wǎng)的基礎(chǔ)，一個個網(wǎng)頁就是一份份HTML 文檔，既然 HTML 文檔是基礎(chǔ)，那么就是要明確在 HTML 文檔中該如何使用 CSS。

總共有三種方式：全局屬性 style，style 標(biāo)簽，link 標(biāo)簽

CSS 最終作用的對象其實就是 HTML 文檔中的每個元素

全局屬性 style

第一種方式：全局屬性 style 是直接作用于指定的標(biāo)簽上了，用法就直接將需要的樣式聲明即可，如：

點擊跳轉(zhuǎn)

style 是所有標(biāo)簽都具有的屬性，稱之為全局屬性。

剩余兩種方式，都是集中將所有的 CSS 樣式管理存放，因此如果需要作用到具體元素上，要借助選擇器來實現(xiàn)，選擇器后面再說，先看這兩種方式的使用：

style 標(biāo)簽內(nèi)嵌方式

style 標(biāo)簽和 link 標(biāo)簽都是 HTML 文檔中的一種標(biāo)簽，兩者都可以用來連接 css 代碼，區(qū)別一種是將 css 代碼內(nèi)嵌在 HTML 文檔中，一種是直接引用外部 css 文件。

但這兩種相比較于第一種使用全局屬性的方式，它們并沒有直接在相關(guān)聯(lián)的元素上書寫，因此需要有一種機(jī)制，來將這些 css 代碼關(guān)聯(lián)到需要作用的元素對象上，這個機(jī)制就叫：選擇器。

選擇器

選擇器是專門用來將 css 代碼關(guān)聯(lián)到指定的 HTML 文檔中的元素對象上的，畢竟 css 已經(jīng)被抽離出 HTML，各自負(fù)責(zé)各自的職責(zé)，但總歸需要一種橋梁將兩者關(guān)聯(lián)在一起。

選擇器很多，規(guī)則也很多，足夠覆蓋各種各樣的場景，這里只列舉幾種常見的選擇器：

元素選擇器

點擊跳轉(zhuǎn)
另一文本

效果：作用于 HTML 文檔中的所有 a 標(biāo)簽的元素上

id選擇器

點擊跳轉(zhuǎn)

id 在 HTML 文檔中需唯一存在，所有 id 選擇器只作用于單個元素

class 選擇器

點擊跳轉(zhuǎn)
另一文本

HTML 文檔中可對多個元素應(yīng)用相同 class，所以 class 可同時作用于多個元素

屬性選擇器

點擊跳轉(zhuǎn)
另一文本

作用于所有具有 href 屬性的元素，不管有沒有使用

組合選擇器

點擊跳轉(zhuǎn)
另一文本

元素選擇器和 class 選擇器組合使用，作用于 a 元素中有聲明 myClass 類型的元素

通用選擇器

作用到所有元素上

基礎(chǔ)-JavaScript

Js 是腳本語言，可用于增加網(wǎng)頁的交互功能，及各種行為功能。

既然是一門語言，那么學(xué)習(xí)這么腳本語言自然需要先掌握其語法，以及運(yùn)行方式。

瀏覽器解析 HTML 文檔是按順序解析的，也就是說，當(dāng)遇到腳本語言時，也會按順序一條條的解釋執(zhí)行，直至將腳本語言執(zhí)行結(jié)束再繼續(xù)解析文檔。這就解釋了，為什么一份 HTML 文檔里，

引用外部 js 文件

大家好，我是 dasu，歡迎關(guān)注我的公眾號（dasuAndroidTv），如果你覺得本篇內(nèi)容有幫助到你，可以轉(zhuǎn)載但記得要關(guān)注，要標(biāo)明原文哦，謝謝支持~

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/1633.html

相關(guān)文章

  • 【連載】前端個人文章整理-從基礎(chǔ)到入門

    摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現(xiàn)在已經(jīng)一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現(xiàn)將已經(jīng)寫好的文章整理一個目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法，到著手...

    madthumb 評論0 收藏0

  • 寫給前端的區(qū)塊鏈開發(fā)入門指南：零基礎(chǔ)開發(fā)基于以太坊智能合約的 ICO DApp

    摘要：圍繞以太坊的開發(fā)生態(tài)是目前相對最成熟的，比如有開發(fā)框架，有智能合約在線集成開發(fā)環(huán)境，還有專設(shè)的開發(fā)者問答頻道。 showImg(https://segmentfault.com/img/bVbaJOL?w=1200&h=514); 張泉靈說，時代拋棄我們的時候連聲再見都不會說，馬云說對于新興事物，絕大多數(shù)人是看不見、看不起、看不懂、來不及。自從學(xué)完 Coursera 上的 Crypto...

    sean 評論0 收藏0

  • 寫給前端的區(qū)塊鏈開發(fā)入門指南：零基礎(chǔ)開發(fā)基于以太坊智能合約的 ICO DApp

    摘要：圍繞以太坊的開發(fā)生態(tài)是目前相對最成熟的，比如有開發(fā)框架，有智能合約在線集成開發(fā)環(huán)境，還有專設(shè)的開發(fā)者問答頻道。 showImg(https://segmentfault.com/img/bVbaJOL?w=1200&h=514); 張泉靈說，時代拋棄我們的時候連聲再見都不會說，馬云說對于新興事物，絕大多數(shù)人是看不見、看不起、看不懂、來不及。自從學(xué)完 Coursera 上的 Crypto...

    yzzz 評論0 收藏0

  • 好程序員Web前端培訓(xùn)入門之JS基礎(chǔ)知識梳理匯總

    摘要：好程序員前端培訓(xùn)入門之基礎(chǔ)知識梳理匯總，前端工程師是當(dāng)前各大企業(yè)都比較稀缺的人才，薪資待遇和就業(yè)前景都很不錯。作用域鏈的前端，始終是當(dāng)前執(zhí)行代碼所在環(huán)境的變量對象。 　　好程序員Web前端培訓(xùn)入門之JS基礎(chǔ)知識梳理匯總，Web前端工程師是當(dāng)前各大企業(yè)都比較稀缺的人才，薪資待遇和就業(yè)前景都很不錯。不論是專業(yè)還是非專業(yè)，有基礎(chǔ)亦或是無基礎(chǔ)，都想通過學(xué)習(xí)Web前端實現(xiàn)高薪就業(yè)。不過，學(xué)習(xí)要一...

    int64 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<