java,Java 後臺,後端開發,移動開發,全棧開發,前端開發

最近的計劃是業餘時間學習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

一、概述面試

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: 跨行操做
  - 表格單元格的合併
  - 表格的嵌套

注意: 跨行或者跨列操做以後,被佔掉的格子須要刪除掉
複製代碼
什麼是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後臺的開發 ,我也要加快 腳步了!

相關文章
相關標籤/搜索