原创 使用jquery+ajax實現圖片的上傳與預覽

效果預覽: 佈局思路: (1)外層一個div,用來放上傳圖片的背景圖和展示圖 (2)內層兩個input,一個text類型加屬性hidden,用來將上傳圖片後得到的路徑進行賦值給value來提交。一個file類型用來實現文件上傳。 HTM

原创 CSS3-background-size

理解CSS3中的background-size(對響應性圖片等比例縮放) 轉載 2016年11月21日 14:38:24 標籤:前端css 5018 轉自文章    http://www.cnblogs.com/tuge

原创 20171101

20171101   安裝vscode ——安裝node  (電腦上已有,查資料具體安裝) Node自帶npm(NPM是隨同NodeJS一起安裝的包管理工具)。   Vscode的設置: 在插件中查找需要的插件,進行安裝,安裝好之後並沒有

原创 05使用CSS設置字體和文本樣式

使用CSS設置字體和文本樣式: 1.定義字體類型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表

原创 HTML標籤語義化

“語義化”的理解: “語義化”指的是機器在很少的人爲的干預下可以收集和研究信息,從而使網頁能夠被機器所理解。 HTML 標籤語義化就是給某塊內容加上一個最恰當、最合適的標籤,無論閱讀者是誰都可以看懂這塊內容是什麼。 結構化: 如果把網頁比

原创 vue說明文檔

## 快速開始   ``` bash # 安裝依賴 npm install   # 開啓本地開發服務器,監控項目文件的變化,實時構建並自動刷新瀏覽器 localhost:8080 npm run dev   # 使用生產環境配置構建項目

原创 記錄

填寫須知:如您在以下領域/技能中有相關經驗,請根據掌握程度在該領域/技能前的  填寫以下字母:  A代表精通,B代表熟練,C代表入門,謝謝。     對於業務來講,精通應該是作爲項目主要參與人蔘與類似領域多個項目,可獨立或主要參與相應項目

原创 HTML中的幾種定位方式

1.static(默認) Position:static;默認值。也就是按照文檔的流式(flow)定位,將元素放到一個合適的地方。所以在不同的分辨率下,採用流式定位能很好的自適應,取得相對較好的佈局效果。 Static定位不能通過z-in

原创 20171102--NPM的介紹和使用

NPM的介紹和使用 1.       介紹 NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題。 主要功能是管理node包,將開發者從繁重的包管理工作(版本、依賴等)中解放出來,更加專注於功能的開發。包括

原创 07使用CSS設置陰影圖片

使用CSS設置陰影圖片 有時候爲了使網頁美觀,需要給圖片加上陰影,讓圖片有一種特殊的效果。 設計步驟: (1)構建網頁基本結構。頁面的結構很簡單,只要兩個<div>標籤,在每個<div>標籤中都包含了一個<div>標籤和一個<img>標籤

原创 06使用CSS設置圖片樣式

使用CSS設置圖片樣式: 1.定義圖片邊框 在HTML語法裏,可以直接通過<img>標記的border屬性爲圖片添加邊框,語法如下所示。 <img src="圖片路徑"border="數值" /> 僅僅使用HTML控制圖片邊框是無法設計出

原创 一、選擇符的使用:

一、選擇符的使用: 同一個元素可以使用多個類選擇符,類名與類名之間用空格分隔 class="class1 class2"。 可以看到:一個元素可以應用多個類選擇符。 當使用兩個顏色選擇符時,無論在元素中應用時先寫了哪個類,結果都是一樣

原创 CSS 盒子模型

隨着CSS3的興起,現在的盒模型的計算基準有兩種,分別爲content-box和border-box. 即box-sizing:content-box|border-box|inherit 取值說明: 1.content-box是默認值,