學JavaScript需要css和HTML的基礎嗎?

賤賤的凡想世界


我來聊一下我對JavaScript(JS)、CSS以及HTML的的理解。你可以根據我對這3個技術的介紹,而後結合你的學習目標做一個判斷,我想你的問題自然可以得到解答。


什麼是JavaScrip


JavaScript是一種具有函數優先的輕量級、解釋型或即時編譯型編程語言。它一種基於原型編程、多範式的動態腳本語言,支持面向對象、命令式和函數式編程風格。


通常作為Web開發中頁面腳本語言被人熟知,JS + HTML + CSS 也被開發人員稱為Web開發三劍客。 雖然如此JavaScript並非是能配合HTML與CSS做前端(頁面展示端)的開發,它也被用於開發很多非瀏覽器環境的開發中,比如Node. js、CouchDB等。


JavaScript的組成


  • ECMAScript, 語法標註和基本對象
  • DOM , 處理網頁內容的方法和接口
  • BOM, 與瀏覽器交互的方法和接口


HTML與CSS

HTML是一個建立網頁開發標準的標記型文檔語言,可以通俗的理解為HTML主要負責定義頁面中有哪些內容和大體的位置,比如搜索框或按鈕等。HTML通常不會單一使用,一般會配合CSS以其進行頁面的開發,CSS的誕生是為了補充HTML對網頁中元素的位置的精準排版進行像素級別的控制。


CSS也提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。


代碼示例:

<title>The HTML Demo/<title><link rel="stylesheet" href="css/styles.css?v=1.0"><script class="lazy" src="//p2.ttnews.xyz/loading.gif" data-original="js/scripts.js">script>


Node.js

Node.js 是一個運行在服務端的JavaScript運行平臺,如果只瞭解JavaScript又需要開發服務端功能,那麼Node.js 將是開發服務端的不二之選。



Node. js特點如下:

  • 使用JavaScript構建後端服務程序

  • RESTful API

  • 單線程

  • 非阻塞式IO

  • Chrome V8 引擎

  • 事件驅動


Node使用Module模塊去劃分不同的功能,以簡化應用的開發。每一個Node的類庫都包含了十分豐富的各類函數。通常情況我們可以通過NPM對node. js包進行管理。



通過Npm安裝Tensorflow.js

npm install npm install @tensorflow/tfjs # 本地安裝npm install @tensorflow/tfjs -g # 全局安裝


利用tensorflow做簡單的計算

const shape = [2, 3]; // 2行,3列

const a = tf.tensor([1.0, 2.0, 3.0, 10.0, 20.0, 30.0], shape);

a.print();

console.log(Object.prototype.toString.call(a));

const b = tf.tensor([[1.0, 2.0, 3.0], [10.0, 20.0, 30.0]]);

b.print();


以我的經驗來講,通過npm的生態我們可以實現任何我們想做的事情。比如使用express. js

開發服務,通過tensorflow. js我們可以做深度學習(AI)模型的訓練等等,這裡我就不一一列舉了。如果感興趣可以參考下面關於npm的生態分析。



最後單單從學習一門語言角度並非3個技術相互依賴,如果你準備從事前端開發工作,我建議還是3個技術都進行學習。如果使用JavaScript從事後端開發或者其它用途,可以有選擇性的瞭解或學習。


希望我的回答可以幫助到你!如果在學習過程中需要任何問題,歡迎關注並留言。


傑森夢想家


作為一個老IT人,可以回答一下這個問題。搞前端開發的人都知道,HTML,CSS,JavaScript是前端三劍客,是作為一個前端開發者必須要掌握的知識。在這裡我們先說一下這三者在開發中的作用,可能解釋完以後你就會明白了。

圖一:

JavaScript,HTML和CSS三者的關係

如果把製作的一個前端界面看成製作一個美女的話,那麼HTML就是這個美女的骨架,它是支撐起掙界面佈局的架子,身高多少,手腳多大等等這些都是HTML來完成的。CSS則是給這個美女填充上肌肉,穿上漂亮的衣服。雖然這個時候雖然已經是成了人形但還不能動。現在就需要JavaScript出場了,JavaScript的作用就是讓這個人活起來,動起來。

圖二:



JavaScript這個語言有個特別之處

從上面的描述就可以看出來,JavaScript在前端中是不能單獨使用的,必須配合HTML和CSS。其實從單純的學習看來,JavaScript作為一種語言,學習起來和其他語言一樣,是不需要HTML和CSS基礎的。但是它又和其他後端語言不同,不能單獨用於開發。要體現它編程的效果,就得引入HTML和CSS。所以最後的出的結論就是要想學習JavaScript必須要會HTML和CSS。

圖三:



關於編程語言學習的一些心得

最後在囉嗦幾句關於編程語言學習的心得。編程語言的學習首先充分的瞭解一下要這個語言,該語言的作用,以及類型。找一套完整的課程,一定要有項目的那種。邊學習邊自己動手敲代碼,每一個知識點自己都要能敲出來,不能聽懂就可以了!要是能夠獨立的完成一個簡單項目的話,那就證明你已經入門了,但是要應聘一個前端的工作。光著三樣還不夠如圖三所示。還得學習一些其他框架作為支撐。


安易之之


這個肯定需要的,首先說一下他們之間的關係。

一個基本的網站包含很多個網頁,一個網頁由html, css和javascript組成。html是主體,裝載各種dom元素;css用來裝飾dom元,javascript控制dom元素。用一扇門比喻三者間的關係是:html是門的門板,css是門上的油漆或花紋,javascript是門的開關;

一、html的介紹

html是用來描述網頁的一種語言,它不是一種編程語言,而是一種標記語言(標記標籤),總的來說,html使用標記標籤來描述網頁,本文就用標籤來代替標記標籤進行說明。

標籤是指,

標籤是有語義的:標題用

,表格展示用

<table>,鏈接用/<table>


分享到:


相關文章: