最近的計劃是業餘時間學習Java後臺方面的知識,發現學習的過程當中,要學的東西真多啊,讓我一會兒感受很遙遠。可是還好我制定了計劃,本身選擇的路,跪着也要走完!關於計劃是《終於,我仍是下決心學Java後臺了》。關於第一階段,我這邊分享一下本身的總結和筆記~javascript
第一的階段主要是Web前端的界面,由於本身有前端h5和js的基礎,再加上以前開發太小程序,此次學習起來也是如魚得水。css
HTML+CSS: HTML進階、CSS進階、div+css佈局、HTML+css整站開發、html
JavaScript基礎: Js基礎教程、js內置對象經常使用方法、常見DOM樹操做大全、ECMAscript、DOM、BOM、定時器和焦點圖。前端
JS基本特效: 常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製做幻燈片、彈出層、手風琴菜單、瀑布流佈局、滾動事件、滾差視圖。java
JQuery:基礎使用 懸着器、DOM操做、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。android
bootstrap的瞭解和應用web
一、概述面試
HTML: Hyper Text Markup Language 超文本標記語言bootstrap
超文本: 比普通文本功能更增強大,能夠添加各類樣式小程序
標記語言: 經過一組標籤.來對內容進行描述. <關鍵字> , 是由瀏覽器來解釋執行
二、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: 跨行操做
- 表格單元格的合併
- 表格的嵌套
注意: 跨行或者跨列操做以後,被佔掉的格子須要刪除掉
複製代碼
什麼是腳本語言?
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 是最受歡迎的 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後臺的開發 ,我也要加快 腳步了!