堅持：學(xué)習(xí)Java后臺的第一階段，我學(xué)習(xí)了那些知識

khs1994 發(fā)布于2019-08-26 12:16 / 2471人閱讀

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

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

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

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

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

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

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

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

具體小結(jié)

html

1、概述

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

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

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

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

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

3.HTML語法

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

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

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

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

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

什么是腳本語言?

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

JS的組成:

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

JS的語法:

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

BootStrap

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

學(xué)會文檔，走遍天下

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

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

總結(jié)

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