鍍金池/ 教程/ HTML/ JavaScript 介紹
書單
JavaScript 動畫
HTML
CSS Reset
屬性操作
DOM 事件
閉包
Photoshop
Atom 文本編輯器
表單操作
布局解決方案
類型系統(tǒng)
開發(fā)實踐
數(shù)據(jù)通信
變量作用域
BOM
JavaScript 程序設計
前端工程師概述
CSS
響應式布局
表達式與運算符
基本語法
JavaScript 介紹
版本控制
布局
調(diào)試器
背景
圖片保存
多媒體
文檔樹
列表操作
Sublime 編輯器
盒模型
常見布局樣例
類型識別
變形
數(shù)據(jù)存儲
選擇器
頁面架構
開發(fā)及調(diào)試工具
頁面模塊化
節(jié)點操作
測量及取色
瀏覽器兼容
HTML 簡介
內(nèi)置對象
實體字符
產(chǎn)品前端架構
協(xié)作流程
切圖
工具, 面板, 視圖
正則表達式
動畫
語句
面向對象
HTML 語法
HTML 標簽
技術選擇
樣式操作
圖片優(yōu)化與合并
語法
DOM 編程藝術
Canvas
接口設計
頁面優(yōu)化
文本

JavaScript 介紹

JavaScript 介紹

前端開發(fā)三要素,HTML(描述網(wǎng)頁內(nèi)容),CSS(描述樣式),JavaScript(控制網(wǎng)頁行為)。JavaScript 為解釋型編程語(程序不需要編譯,程序在運行時才翻譯成機器語言,每執(zhí) 行一次都要翻譯一次),運行環(huán)境也很廣泛(瀏覽器或操作系統(tǒng)中 NodeJS)。

JavaScript 又分為兩部分,ECMAScript 和 DOM。其中 JavaScript 的基本的語言屬性(例如,變量,作用域等)都在 ECMAScript 中有詳細的定義好比漢子在字典中的定義。DOM 中則定義如何修改文檔結構(HTML 或 XML 等)。

JavaScript的引入方法如下:

<!DOCTYPE html>
<html>
<head>
  <title>Demo Page</title>
</head>
<body>
  <!-- 以上代碼忽略 -->

  <!-- 為性能優(yōu)化需將 javascript 代碼放置在 body 標簽的最末端 -->
  <!-- 外聯(lián)文件 -->
  <script src="/javascripts/application.js" type="text/javascript" charset="utf-8" async defer></script>
  <!-- 內(nèi)嵌代碼 -->
  <script>
    document.write('>>> Hello, world!');
  </script>
</body>
</html>

http://wiki.jikexueyuan.com/project/fend_note/images/J/javascript-history.png" alt="" />

http://wiki.jikexueyuan.com/project/fend_note/images/J/javascript-env.png" alt="" />

上一篇:Photoshop下一篇:Sublime 編輯器