摘要：最近的計(jì)劃是業(yè)余時(shí)間學(xué)習(xí)后臺(tái)方面的知識(shí)，發(fā)現(xiàn)學(xué)習(xí)的過(guò)程中，要學(xué)的東西真多啊，讓我一下子感覺(jué)很遙遠(yuǎn)。為了快速進(jìn)入后臺(tái)的開(kāi)發(fā)，我也要加快腳步了

最近的計(jì)劃是業(yè)余時(shí)間學(xué)習(xí)Java后臺(tái)方面的知識(shí)，發(fā)現(xiàn)學(xué)習(xí)的過(guò)程中，要學(xué)的東西真多啊，讓我一下子感覺(jué)很遙遠(yuǎn)。但是還好我制定了計(jì)劃，自己選擇的路，跪著也要走完！關(guān)于計(jì)劃是《終于，我還是下決心學(xué)Java后臺(tái)了》。關(guān)于第一階段，我這邊分享一下自己的總結(jié)和筆記~

第一的階段主要是Web前端的界面，因?yàn)樽约河星岸薶5和js的基礎(chǔ)，再加上之前開(kāi)發(fā)過(guò)小程序，這次學(xué)習(xí)起來(lái)也是如魚(yú)得水。

HTML+CSS:
HTML進(jìn)階、CSS進(jìn)階、div+css布局、HTML+css整站開(kāi)發(fā)、

JavaScript基礎(chǔ)：
Js基礎(chǔ)教程、js內(nèi)置對(duì)象常用方法、常見(jiàn)DOM樹(shù)操作大全、ECMAscript、DOM、BOM、定時(shí)器和焦點(diǎn)圖。

JS基本特效：
常見(jiàn)特效、例如：tab、導(dǎo)航、整頁(yè)滾動(dòng)、輪播圖、JS制作幻燈片、彈出層、手風(fēng)琴菜單、瀑布流布局、滾動(dòng)事件、滾差視圖。

JQuery：基礎(chǔ)使用
懸著器、DOM操作、特效和動(dòng)畫(huà)、方法鏈、拖拽、變形、JQueryUI組件基本使用。

bootstrap的了解和應(yīng)用

html

1、概述

HTML: Hyper Text Markup Language 超文本標(biāo)記語(yǔ)言

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

標(biāo)記語(yǔ)言: 通過(guò)一組標(biāo)簽.來(lái)對(duì)內(nèi)容進(jìn)行描述. <關(guān)鍵字> , 是由瀏覽器來(lái)解釋執(zhí)行

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

頭部分 : 主要是用來(lái)放置一些頁(yè)面信息
體部分 : 主要來(lái)放置我們的HTML頁(yè)面內(nèi)容

3.HTML語(yǔ)法

b : 加粗
i : 斜體
strong: 加粗, 帶語(yǔ)義標(biāo)簽
em:  斜體, 帶語(yǔ)義
img 標(biāo)簽:
常用的屬性;
width : 寬度
height: 高度
src :  指定文件路徑
alt:  圖片加載失敗時(shí)的提示內(nèi)容
列表標(biāo)簽: 
無(wú)序列表:  ul
type: 小圓圈,小圓點(diǎn), 小方塊
有序列表: ol
type: 1,a ,A,I,
start : 指定是起始索引

點(diǎn)擊鏈接,跳轉(zhuǎn)去指定網(wǎng)站

a 超鏈接標(biāo)簽
常用的屬性:
href: 指定要跳轉(zhuǎn)去的鏈接地址  
如果是網(wǎng)絡(luò)地址需要加上http協(xié)議 , 
如果訪問(wèn)的是本網(wǎng)站的html文件,可以直接寫(xiě)文件路徑
arget : 以什么方式打開(kāi)
_self: 默認(rèn)打開(kāi)方式,在當(dāng)前窗口打開(kāi)
_blank:  新起一個(gè)標(biāo)簽頁(yè)打開(kāi)頁(yè)面
- 字體標(biāo)簽 font
    - color: 顏色
    - size:  大小 1~7
    - face: 改變字體
  - p 段落標(biāo)簽
  - h標(biāo)題標(biāo)簽 : 1~6
  - br 換行
  - hr 水平線
  - b 加粗
  - i  斜體
  - strong : 加粗  包含語(yǔ)義
  - em : 斜體  包含語(yǔ)義
- 網(wǎng)站圖片案例
  - img標(biāo)簽
    - src : 指定圖片的路徑
    - width: 寬度
    - height: 高度
    - alt : 圖片加載錯(cuò)誤時(shí)的提示信息
  - 相對(duì)路徑:
    - ./  代表的是當(dāng)前路徑
    - ../  代表的上一級(jí)路徑
    - ../../ 代表的上上一級(jí)路徑
- 友情鏈接:
  - ul: 無(wú)序列表
    - type :
  - ol: 有序列表
    - type : 樣式
    - start : 起始索引
  - li : 列表項(xiàng)
  - a 超鏈接標(biāo)簽
    - href : 要訪問(wèn)的鏈接地址
    - target : 打開(kāi)方式
 
  - table標(biāo)簽
    - border: 指定邊框
    - width : 寬度
    - height : 高度
    - bgcolor : 背景顏色
    - align : 對(duì)齊方式
  - tr標(biāo)簽
  - td標(biāo)簽
    - colspan: 跨列操作
    - rowspan: 跨行操作
  - 表格單元格的合并
  - 表格的嵌套

注意: 跨行或者跨列操作之后,被占掉的格子需要?jiǎng)h除掉

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

什么是腳本語(yǔ)言?

java源代碼 ----> 編譯成.class文件 -----> java虛擬機(jī)中才能執(zhí)行
腳本語(yǔ)言: 源碼 -------- > 解釋執(zhí)行
js由我們的瀏覽器來(lái)解釋執(zhí)行
HTML: 決定了頁(yè)面的框架
CSS: 用來(lái)美化我們的頁(yè)面
JS: 提供用戶的交互的

JS的組成:

ECMAScript : 核心部分 ,定義js的語(yǔ)法規(guī)范
DOM: document Object Model 文檔對(duì)象模型 , 主要是用來(lái)管理頁(yè)面的
BOM : Browser Object Model 瀏覽器對(duì)象模型, 前進(jìn),后退,頁(yè)面刷新, 地址欄, 歷史記錄, 屏幕寬高

JS的語(yǔ)法:

變量弱類型: var i = true
區(qū)分大小寫(xiě)
語(yǔ)句結(jié)束之后的分號(hào) ,可以有,也可以沒(méi)有
寫(xiě)在script標(biāo)簽
- 基本類型
  - string
  - number
  - boolean 
  - undefine
  - null
- 引用類型
  - 對(duì)象, 內(nèi)置對(duì)象
- 類型轉(zhuǎn)換
  - js內(nèi)部自動(dòng)轉(zhuǎn)換 
- 運(yùn)算符和java 一樣
  - "===" 全等號(hào): 值和類型都必須相等
  - == 值相等就可以了
- 語(yǔ)句和java 一樣
- alert()  直接彈框
- document.write()  向頁(yè)面輸出
- console.log() 向控制臺(tái)輸出
- innerHTML:  向頁(yè)面輸出

- bootstrap:  Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開(kāi)發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。
  - 全局CSS樣式: css樣式
    - 柵格系統(tǒng):
      - 將屏幕劃分成12個(gè)格子,12列
      - class="row" 當(dāng)前是行
      - 行里面放的是列 col-屏幕分辨率-數(shù)字    (每一種分辨率后的數(shù)字總和必須是等于12,如果超過(guò)12,另起一行)
      - col-lg-數(shù)字: 在超寬屏幕上使用
      - col-md-數(shù)字: 在中等屏幕上,PC電腦
      - col-sm-數(shù)字:  在平板電腦上
      - col-xs-數(shù)字:  在手機(jī)上
  - 組件:  導(dǎo)航條 , 進(jìn)度條, 字體
  - javascript插件 : 輪播圖

Html和CSS的學(xué)習(xí)文檔
http://www.w3school.com.cn/ht...
BootStrap的中文網(wǎng)
http://www.bootcss.com

自己本身是做android開(kāi)發(fā)的，至于為什么要學(xué)習(xí)java,一方面android是依賴于Java開(kāi)發(fā)的，本身自己的Java基礎(chǔ)也不差，如果學(xué)習(xí)了這方面以后找工作很定會(huì)加分的，說(shuō)白了主要是因?yàn)檫€是窮，哈哈哈~，總之多學(xué)習(xí)java還是有好處的。
Java并發(fā)面試，幸虧有點(diǎn)道行，不然又被忽悠了，特別是在面試的時(shí)候，線程池和并發(fā)問(wèn)題是非常重要的，上面是之前遇到過(guò)的一個(gè)關(guān)于并發(fā)線程池的問(wèn)題。

目前web前端需要學(xué)習(xí)的東西還很多，這里只是冰山一角，由于精力問(wèn)題，這里我就不一一列出的， 這里我只學(xué)習(xí)了兩天，目前完全能應(yīng)對(duì)平通的界面開(kāi)發(fā)，有時(shí)間還是需要學(xué)習(xí)的。為了快速進(jìn)入web后臺(tái)的開(kāi)發(fā) ，我也要加快 腳步了！