原创 CSS佈局——flex
一、什麼是Flex佈局？ Flex又稱爲“彈性佈局”，用來爲盒裝模型提供最大的靈活性。任何一個容器都可以指定爲Flex 佈局 。採用Flex佈局的元素，稱爲Flex容器（flex container），它的所有子元素稱爲flex項目（fl
2020-06-16 16:17:57
原创 JavaScript(9)——閉包
一、引題 在JavaScript中我們知道變量的作用域分爲全局作用域和局部作用域。函數外部是不能訪問函數內部的變量的，但是在實際工作中我們有時需要在函數外部去訪問函數內部的變量！爲了達到這一目的，我們只能在函數內部再定義一個函數。從而就有
2020-06-16 16:17:56
原创 JavaScript(3)——如何創建對象
下面將從對象是什麼、對象的分類、如何創建對象3方面來介紹對象。 一、對象是什麼？ 對象是一系列無序屬性的集合，這些屬性包括原始數據、對象或者函數。 二、對象的分類？ 對象分爲2大類：一類是內建對象；一類是自定義對象。 內建對象包括9類：N
2020-06-16 16:17:56
原创 CSS動畫屬性
引言 動畫是使元素從一種樣式逐漸變化爲另一種樣式的效果。CSS3 中有三個關於動畫的樣式屬性transform、transition和animation。 一、transform transform：設置元素的形狀改變。常用屬性有tran
2020-06-16 16:17:56
原创 CSS基本佈局----定位
前言 CSS有三種基本的佈局機制：標準流、浮動和定位。定位就是確定元素的位置，利用top/right/bottom/left這四個偏移屬性，可以準確地定義元素框相對於其正常位置應該出現的位置。top的優先級要高於bottom，left的優
2020-06-16 16:17:56
原创 webpack打包——htmlWebpackPlugin插件，打包自動生成index.html文件
引言 webpack打包的時候，爲了打包結束後自動生成index.html模板，而不進行手動的創建index.html。需要使用htmlWebpackPlugin插件。下面就來講解如何使用htmlWebpackPlugin插件來自動生成i
2020-06-16 16:17:56
原创 CSS裏的BFC
一、什麼是BFC BFC（Block Formatting Context）塊級格式化上下文，指一個獨立渲染區域，該區域擁有一套渲染規則來約束塊級盒子的佈局，且與區域外部無關。 二、BFC的特徵 1、BFC區域的元素不會影響外面的元素 2
2020-06-16 16:17:56
原创 webpack——cleanWebpackPlugin插件，每次打包前先自動刪除先前打包的文件
引言 有時候爲了避免先前打包文件的干擾，或者不想要先前的打包文件了，要手動進行刪除。爲了避免手動刪除的麻煩，可以藉助於cleanWebpackPlugin插件來自動完成。下面是cleanWebpackPlugin插件的具體使用方法： 第一
2020-06-16 16:17:56
原创 JavaScript(7)——函數的理解
一、函數是什麼 函數又叫方法，它是用來執行特定功能的代碼塊。在需要的時候調用它。如果有一段代碼需要多處被使用，可以將相同的代碼封裝成函數，可以避免代碼重複。 二、如何創建函數 創建函數有2種方式：函數式聲明、表達式聲明 1）函數式聲明 代
2020-06-16 16:17:56
原创 CSS佈局——float
引言 float即浮動。實質上就是爲了讓塊級元素能夠在一行顯示。設置了float屬性的元素會脫離標準文檔流。那什麼是標準文檔流？標準文檔流就是指元素默認的方式顯示，從上到下，從左到右排版。比如，塊級元素佔據一行顯示，行內元素在一行顯示。
2020-06-16 16:17:56
原创 JS裏的事件模型
引言 javascript中有兩種事件模型：DOM0，DOM2。 一、DOM0事件模型 DOM0級事件模型是早期的事件模型。這種事件模型就是直接在dom對象上註冊事件名稱，優點是所以瀏覽器都支持，缺點是註冊多個同類型的函數，後面的就會覆蓋
2020-06-16 16:17:56
原创 windows操作系統下到nodejs升級
第一步：node -v查看node.js版本 ：node -v 第二步: npm -v 查看npm包管理器的版本 ：npm -v 第三步：打開cmd查看你之前node版本安裝的路徑 ：where node 第四步：直接去官網下載與你電腦系
2020-06-16 16:17:56
原创 每日一結
昨天所用的知識總結 1)v-for循環的時候沒有給key賦值是會報錯的 2)使用vue-router的步驟，第一步，安裝vue-router。第二步，新建一個router.js文件，跟man.js在同一個級別，在這個文件裏面配置路由信息。
2020-02-25 08:48:08
原创 每日一結
昨天使用到的內容： 1)click事件的綁定 2)事件裏面可以傳data裏面的參數 3)方法接受參數可以像訪問數組那樣獲得key，通過this 4)對組件的使用，用components選項，同時，在模板中使用的時候可以用短橫效的方式 5)
2020-02-25 08:48:08
原创 每日一結
Type of the default value for 'slides' prop must be a function 修改方式： default: () => []
2020-02-25 08:47:58