原创 網站加速 — 前後端上傳圖片至七牛雲
一、問題來源 平時我們開發網頁的時候，動態圖片都是從後端請求數據，最後再把圖片地址填充到img標籤，但是這樣對於圖片較多的網頁來說就顯得很不友好，加載速度巨慢，用戶體驗極差。爲了提高圖片加載速度，我們就可以把圖片上傳到七牛雲存儲空
2020-06-07 20:38:00
原创 CSS —— 盒子模型（Flexbox 佈局方式）
目錄 傳統盒模型 Flexbox 佈局方式 Flexbox 核心概念 Flex 容器屬性 flex-direction ：項目元素排列的方向 flex-wrap ：項目元素排列方式 justify-content ：
2020-06-07 20:38:00
原创 CSS —— rgba與opacity的區別
rgba和opacity都可以設置元素的透明度。 兩者的區別在於opacity會繼承父元素的opacity屬性，而rgba設置的元素，其後代元素不會繼承父元素的不透明屬性。 opacity 語法：opacity: value
2020-06-07 20:38:00
1
原创 JavaScript 面向對象編程學習筆記（一）：封裝
最近在學習JavaScript面向對象編程，把學到的知識做一個歸納總結，方便以後隨時複習，也希望幫助到學習這部分知識的小夥伴！ 一、創建對象的原始模式（通過對象字面量方式來創建對象） 我們把狗狗看成一個對象，它有名字和顏色兩個屬性： 接
2020-06-07 20:38:00
原创 CSS —— 背景圖片填滿DIV、鼠標滑過放大圖片
1、讓背景圖片填滿DIV 應用background-size屬性可以設置背景圖片填滿整個div，background-size取值及解釋如下： （1）background-size:cover MDN文檔解釋說明：縮放背景圖片以完
2020-06-07 20:38:00
66
原创 CSS —— 清除浮動的方法及其原理理解
一、爲什麼要清除浮動 浮動會引起父容器塌陷，導致頁面佈局出錯等問題。 例子： <body> <div class="parent_Div"> <div class="float_Div">float left float l
2020-06-07 20:38:00
原创 CSS —— 元素水平、垂直、水平垂直居中
一、水平居中 1、子元素寬度固定 對子元素設置：margin: 0 auto;即可。 2、子元素寬度未知 ①子元素爲行內元素：對父元素設置：text-align: center;即可。 ②子元素是塊級元素： a： 單個子元素，無需
2020-06-07 20:38:00
原创 CSS —— 盒子陰影（box-shadow）
語法 box-shadow: h-shadow v-shadow blur spread color inset; 註釋: box-shadow向框添加一個或多個陰影. 該屬性是由逗號分隔的陰影列表,每個陰影由2-4個長度值
2020-06-07 20:38:00
原创 MVVM及Vue 中數據雙向綁定實現原理
一、MVVM １、定義 MVVM是Model - View - ViewModel的簡寫。即模型－視圖－視圖模型。 ① Model：指後端傳遞的數據，如Object、Array等。 ② View：指頁面視圖。 ③ ViewMode
2019-08-29 01:30:38
原创 獲取圖片預覽地址的方法
方法一： getPreUrl(file) { let windowURL = window.URL || window.webkitURL let src = windowURL.createObjectU
2019-08-29 01:30:38
原创 網站加速 — 圖片上傳七牛雲筆記
一、問題來源 平時我們開發網頁的時候，動態圖片都是從後端請求數據，最後再把圖片地址填充到img標籤，但是這樣對於圖片較多的網頁來說就顯得很不友好，加載速度巨慢，用戶體驗極差。爲了提高圖片加載速度，我們就可以把圖片上傳到七牛雲存儲空間，
2019-05-10 05:13:53
原创 CSS —— 聖盃、雙飛翼佈局實現原理
一、聖盃佈局 1、什麼是聖盃佈局 如下圖，聖盃佈局就是左右兩個div寬度固定，中間div自適應的三欄佈局。 2、文檔結構 <div class="container"> <div class="center"> c
2019-03-10 03:27:09
原创 瀏覽器兼容性
一、360瀏覽器 安全：默認使用IE內核，常用於部分網銀、政府、辦公系統等網站的正常使用。 極速：使用谷歌chromium內核，常用於網站高速瀏覽。 爲了保證網頁兼容性，我們可以通過“內核控制標籤”來告訴瀏覽器這個網站應該用哪個內核渲
2019-02-01 21:14:33
原创 CSS佈局——元素水平、垂直、水平垂直居中
一、水平居中 1、子元素寬度固定 對子元素設置：margin: 0 auto;即可。 2、子元素寬度未知 ①子元素爲行內元素：對父元素設置：text-align: center;即可。 ②子元素是塊級元素： a： 單個子元素，無需設置
2019-01-26 20:42:40
原创 box-shadow —— 盒子陰影（css3屬性）
語法 box-shadow: h-shadow v-shadow blur spread color inset; 註釋: box-shadow向框添加一個或多個陰影. 該屬性是由逗號分隔的陰影列表,每個陰影由2-4個長度值、可
2018-12-25 21:03:14
4