最近的計劃是業餘時間學習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外掛 : 輪播圖
複製程式碼學會文件，走遍天下
Html和CSS的學習文件 www.w3school.com.cn/html/index.…
BootStrap的中文網 www.bootcss.com
自己本身是做android開發的，至於為什麼要學習java,一方面android是依賴於Java開發的，本身自己的Java基礎也不差，如果學習了這方面以後找工作很定會加分的，說白了主要是因為還是窮，哈哈哈~，總之多學習java還是有好處的。 Java併發面試，幸虧有點道行，不然又被忽悠了，特別是在面試的時候，執行緒池和併發問題是非常重要的，上面是之前遇到過的一個關於併發執行緒池的問題。
總結
目前web前端需要學習的東西還很多，這裡只是冰山一角，由於精力問題，這裡我就不一一列出的， 這裡我只學習了兩天，目前完全能應對平通的介面開發，有時間還是需要學習的。為了快速進入web後臺的開發 ，我也要加快 腳步了！