web前端篇(2)—— 前端技術介紹

来源:https://www.cnblogs.com/yangva/archive/2018/11/11/9941146.html
-Advertisement-
Play Games

前文瞭解了什麼是前端,那麼前端技術到底有哪些呢?最核心的就這三個: html/html5 css/css3 javascript 什麼是HTML HyperText Markup Language,超文本標記語言 ...


前端技術

前文瞭解了什麼是前端,那麼前端技術到底有哪些呢?最核心的就這三個:

  • html/html5
  • css/css3
  • javascript

 

 

什麼是HTML

 

HyperText Markup Language,超文本標記語言,標準通用標記語言下的一個應用

 

那麼超文本標記語言又是什麼呢 ?哈哈,沒完沒了是吧,學習就是要這種沒完沒了的勁。

超級文本標記語言是標準通用標記語言下的一個應用,也是一種規範,一種標準, 它通過標記符號來標記要顯示的網頁中的各個部分。

網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關介面、組件等),可以創造出功能強大的網頁

 

如果朋友們如果不信的話,你瀏覽器打開百度首頁,然後在任意空白位置,滑鼠右鍵-查看源代碼:

 

然後會打開一個新的界面:

 

 好的,下麵黑色的字元暫時不看,看那些有顏色的字元,<html>,<head>,<link>這些之類的字元就是超文本標記語言,而網頁就是這些超文本標記語言組合而成的,在後面的文章我們就會詳細的介紹html

 

html5

html的第五次重大改進版,支持Html5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(谷歌瀏覽器),Safari,Opera等;國內的傲游瀏覽器(Maxthon),以及基於IE或Chromium(Chrome的工程版或稱實驗版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持HTML5的能力

 

html5在移動端的前端頁面設計很占優勢,在移動設備開發HTML5應用只有兩種方法,要不就是全使用HTML5的語法,要不就是僅使用JavaScript引擎,這個你可以想一想,JS是很牛氣的,在移動端html5能js相提並論,這個功用性不用多說了

 

HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原先應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果,不斷地重覆編碼、調試和運行,這是首先得解決的一個問題。因此也有許多手機雜誌客戶端是基於HTML5標準,開發人員可以輕鬆調試修改

 

然後如果你是網路重度用戶,尤其是經常看視頻,相信你應該見過html5加速吧,是的,他還可以很好的支持視頻播放之類的。總之功能很強大

 

 

什麼是css

 Cascading Style Sheets,層疊樣式表,是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的電腦語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力

 

還是上面那個截圖,下麵那些黑色的字元就是css

 

這個css會在html介紹完之後就會介紹

 

css3

css3是css的升級版,主要包括了盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄佈局等模塊,在css的基礎上有了很多新的功能和樣式。 CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節奏快速創新,因此通過採用模塊方法,CSS3規範里的元素能以不同速度向前發展,因為不同的瀏覽器廠商只支持給定特性。但不同瀏覽器在不同時問支持不同特性,所以這也讓跨瀏覽器開發變得複雜

 

在以後的css介紹中偶爾會用到一點點css3的特效

 

什麼是javascript

 

JavaScript簡稱js,它一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。 在1995年時,由Netscape公司的Brendan Eich,在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作,Netscape管理層希望它外觀看起來像Java,因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。
為了取得技術優勢,微軟推出了JScript,CEnvi推出ScriptEase,與JavaScript同樣可在瀏覽器上運行。為了統一規格,因為JavaScript相容於ECMA標準,因此也稱為ECMAScript

 

其實,web前端里最重要的就是javascript,這個在css介紹之後會用大量的篇幅詳細的介紹它

 

html,css,js之間的關係

 

記住這句話:html是網頁結構,css是以什麼形式表現網頁結構,js控制網頁結構的行為

 

這個各位可能不能很好的理解,但跟著後面的文章,相信你會慢慢意會這句話


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一個孩子只有一個媽媽,而一個媽媽可以有多個孩子,這是典型的一對多的關係,這裡採用navicat圖形化界面建立二者的關係。 第一步:創建mother表,如下圖: 第二步:創建children表,在children表中創建一個外鍵ch_mom_id,如下圖: 第三步:在children表中添加外鍵約束 ...
  • redis過期時間 1.redis過期時間介紹 有時候我們並不希望redis的key一直存在。例如緩存,驗證碼等數據,我們希望它們能在一定時間內自動的被銷毀。redis提供了一些命令,能夠讓我們對key設置過期時間,並且讓key過期之後被自動刪除。 2.redis過期時間相關命令 1.EXPIRE ...
  • #*.rpm介紹 大多數二進位rpm包都包含在名稱中倒數第二個欄位中編譯rpm的體繫結構。.rpm軟體包有那麼幾種 *.src.rpm 源程式包,要先通過編譯才能安裝 *.noarch.rpm 該包適用於任何架構 *.i*86.rpm 該包適用於intel cpu的電腦上運行 *.amd64.rpm ...
  • 簡單的用set或者declare語句定義變數,然後直接作為sql的表名是不行的,mysql會把變數名當作表名。在其他的sql資料庫中也是如此,mssql的解決方法是將整條sql語句作為變數,其中穿插變數作為表名,然後用sp_executesql調用該語句。 這在mysql5.0之前是不行的,5.0之 ...
  • 因為大數據前景好,薪資高,很多人想通過參加學習大數據,然後進入大數據行業發展。但是因為大數據的門檻較高,對於學習人員有一定的要求,那麼學習大數據需要什麼基礎知識呢? 一起來瞭解下對於大數據學習者本身的學歷水平的要求。 目前大多數的機構,對於大數據學習者要求必須是大專學歷以上,而且大專學歷還要求是理工 ...
  • 轉載請標明出處:https://www.cnblogs.com/tangZH/p/9939655.html 1、同個文件夾訪問 D:\Java\main\A.java D:\Java\main\B.java A訪問B的相對路徑為B.java 2、目標文件在其子目錄 D:\Java\A.java D: ...
  • 進行App開發的時候,使用震動器要在AndroidManifest.xml中加上如下許可權: 讓手機震動的功能用到了震動器Vibrator類,而震動器對象從系統服務VIBRATOR_SERVICE獲得,實現該功能的代碼很簡單,即便用Java書寫也只有以下兩行代碼: 兩行代碼看起來真沒什麼好簡化的了,因 ...
  • 轉載請標明出處,維權必究:https://www.cnblogs.com/tangZH/p/9939494.html android中引用的包一般分為兩種: 1、jar包 2、arr包 arr包其實帶有res的jar包,而普通的jar包是不帶資源文件的。那麼如何在項目中引用呢? 1、將arr包複製到 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...