最近的計劃是業余時間學習Java后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺很遙遠。但是還好我制定了計劃，自己選擇的路，跪著也要走完！關于計劃是《終于，我還是下決心學Java后臺了》。關于第一階段，我這邊分享一下自己的總結和筆記~

第一的階段主要是Web前端的界面，因為自己有前端h5和js的基礎，再加上之前開發過小程序，這次學習起來也是如魚得水。

HTML+CSS:

HTML進階、CSS進階、div+css布局、HTML+css整站開發、

JavaScript基礎：

Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效：

常見特效、例如：tab、導航、整頁滾動、輪播圖、JS制作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

JQuery：基礎使用

懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

bootstrap的了解和應用

具體小結

html

1、概述

HTML: Hyper Text Markup Language 超文本標記語言

超文本: 比普通文本功能更加強大,可以添加各種樣式

標記語言: 通過一組標簽.來對內容進行描述. , 是由瀏覽器來解釋執行

2、html文件主要包含兩部分. 頭部分和體部分

頭部分 : 主要是用來放置一些頁面信息

體部分 : 主要來放置我們的HTML頁面內容

3.HTML語法

b : 加粗

i : 斜體

strong: 加粗, 帶語義標簽

em: 斜體, 帶語義

img 標簽:

常用的屬性;

width : 寬度

height: 高度

src : 指定文件路徑

alt: 圖片加載失敗時的提示內容

列表標簽:

無序列表: ul

type: 小圓圈,小圓點, 小方塊

有序列表: ol

type: 1,a ,A,I,

start : 指定是起始索引

點擊鏈接,跳轉去指定網站

a 超鏈接標簽

常用的屬性:

href: 指定要跳轉去的鏈接地址

如果是網絡地址需要加上http協議 ,

如果訪問的是本網站的html文件,可以直接寫文件路徑

arget : 以什么方式打開

_self: 默認打開方式,在當前窗口打開

_blank: 新起一個標簽頁打開頁面

- 字體標簽 font

- color: 顏色

- size: 大小 1~7

- face: 改變字體

- p 段落標簽

- h標題標簽 : 1~6

- br 換行

- hr 水平線

- b 加粗

- i 斜體

- strong : 加粗 包含語義

- em : 斜體 包含語義

- 網站圖片案例

- img標簽

- src : 指定圖片的路徑

- width: 寬度

- height: 高度

- alt : 圖片加載錯誤時的提示信息

- 相對路徑:

- ./ 代表的是當前路徑

- ../ 代表的上一級路徑

- ../../ 代表的上上一級路徑

- 友情鏈接:

- ul: 無序列表

- type :

- ol: 有序列表

- type : 樣式

- start : 起始索引

- li : 列表項

- a 超鏈接標簽

- href : 要訪問的鏈接地址

- target : 打開方式

- table標簽

- border: 指定邊框

- width : 寬度

- height : 高度

- bgcolor : 背景顏色

- align : 對齊方式

- tr標簽

- td標簽

- colspan: 跨列操作

- rowspan: 跨行操作

- 表格單元格的合并

- 表格的嵌套

注意: 跨行或者跨列操作之后,被占掉的格子需要刪除掉

什么是javascript: JavaScript一種直譯式腳本語言，

什么是腳本語言?

java源代碼 ----> 編譯成.class文件 -----> java虛擬機中才能執行

腳本語言: 源碼 -------- > 解釋執行

js由我們的瀏覽器來解釋執行

HTML: 決定了頁面的框架

CSS: 用來美化我們的頁面

JS: 提供用戶的交互的

JS的組成:

ECMAScript : 核心部分 ,定義js的語法規范

DOM: document Object Model 文檔對象模型 , 主要是用來管理頁面的

BOM : Browser Object Model 瀏覽器對象模型, 前進,后退,頁面刷新, 地址欄, 歷史記錄, 屏幕寬高

JS的語法:

變量弱類型: var i = true

區分大小寫

語句結束之后的分號 ,可以有,也可以沒有

寫在script標簽

- 基本類型

- string

- number

- boolean

- undefine

- null

- 引用類型

- 對象, 內置對象

- 類型轉換

- js內部自動轉換

- 運算符和java 一樣

- "===" 全等號: 值和類型都必須相等

- == 值相等就可以了

- 語句和java 一樣

- alert() 直接彈框

- document.write() 向頁面輸出

- console.log() 向控制臺輸出

- innerHTML: 向頁面輸出

BootStrap

- bootstrap: Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開發響應式布局、移動設備優先的 WEB 項目。

- 全局CSS樣式: css樣式

- 柵格系統:

- 將屏幕劃分成12個格子,12列

- class='row' 當前是行

- 行里面放的是列 col-屏幕分辨率-數字 (每一種分辨率后的數字總和必須是等于12,如果超過12,另起一行)

- col-lg-數字: 在超寬屏幕上使用

- col-md-數字: 在中等屏幕上,PC電腦

- col-sm-數字: 在平板電腦上

- col-xs-數字: 在手機上

- 組件: 導航條 , 進度條, 字體

- javascript插件 : 輪播圖

學會文檔，走遍天下

自己本身是做android開發的，至于為什么要學習java,一方面android是依賴于Java開發的，本身自己的Java基礎也不差，如果學習了這方面以后找工作很定會加分的，說白了主要是因為還是窮，哈哈哈~，總之多學習java還是有好處的。

Java并發面試，幸虧有點道行，不然又被忽悠了，特別是在面試的時候，線程池和并發問題是非常重要的，上面是之前遇到過的一個關于并發線程池的問題。

總結

目前web前端需要學習的東西還很多，這里只是冰山一角，由于精力問題，這里我就不一一列出的， 這里我只學習了兩天，目前完全能應對平通的界面開發，有時間還是需要學習的。為了快速進入web后臺的開發 ，我也要加快 腳步了！

總結

以上是生活随笔為你收集整理的java第一阶段知识_坚持：学习Java后台的第一阶段，我学习了那些知识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。