原创 實現左側內容滾動，右側固定的佈局
背景 現在有很多網頁的佈局都分爲頭部、內容、尾部三部分，其中內容模塊又是左側比較多，右側內容比較少。在頁面滾動時，內容右側在滾動到看不見頭部的時候就固定住，繼續滾動時位置也不再發生改變。 效果圖 這種佈局看上去很酷，其實實現起
2020-05-07 06:50:41
原创 js判斷對象中是否包含某個屬性
方法一（in）有返回true，否者返回false var obj = { name: 'dj', age: 18 } console.log('name' in obj) // true console.log
2020-05-07 06:50:41
原创 js進階小知識
關於函數名和var聲明的變量名相同的情況 function a() { console.log(10); } var a; console.log(a); // 打印 a() 函數的函數體 a(); /
2020-05-07 06:50:41
原创 什麼是mvvm
mvvm是model-view-viewModel的簡寫，即模型-視圖-視圖模型。 模型指後端傳遞的數據。 視圖指的是所看到的頁面。 視圖模型是mvvm的核心，他是連接view和model的橋樑。 它有兩個方向：一是將
2020-05-07 06:50:41
原创 vue css深度選擇器
使用scoped後，父組件的樣式將不會滲透到子組件 如果想在使用了scoped不污染全局樣式的情況下，依然可以修改子組件的樣式，可以使用深度選擇器。對第三方組件也起作用哦！ 在我們想穿透的選擇器前邊添加 >>> 或者 /deep/
2020-05-07 06:50:41
原创 css動畫之transform
1、translate（平移） <div class="box"></div> .box { width: 200px; height: 200px; background-color: #
2020-05-07 06:50:41
原创 浮動定位及清除浮動
浮動定位 我們在寫頁面的時候會經常使用浮動定位 <div class="container"> <div class="item"></div> <div>Pea horseradish azuki bean l
2020-05-07 06:50:41
原创 vuex helloWorld
1、使用前需要在項目中安裝一下vuex npm install vuex --save 或 cnpm install vuex --save 2、需要了解一下vuex是什麼以及vuex提出的幾個概念 (1)、vuex是什
2020-05-07 06:50:41
原创 引用賦值、淺拷貝、深拷貝
引用類型賦值 只是改變了指針的指向，值會跟着一起變化 引用類型淺拷貝 複製一層對象的屬性，並不包括對象裏面的爲引用類型的數據，當改變拷貝的對象裏面的引用類型時，源對象也會改變。 淺拷貝的實現 方式一： // 只複製第一層的淺拷
2020-05-07 06:50:41
原创 vue中的prop
學習vue有一段時間了，也寫了一些東西。今天看文檔突然看到了一個好玩的東西，那就是prop。prop的作用是父組件中引用了子組件並給子組件加了一個屬性，這個屬性可以是靜態的，可以是動態的，可以是數字，可以是字符串，可以是數組，還可
2020-05-07 06:50:41
原创 計算屬性vs方法
計算屬性是基於它們的響應式依賴進行緩存的，只在相關響應式依賴發生改變時它們纔會重新求值。 而每當觸發重新渲染時，調用方法總會再次執行函數。 <div>計算屬性方式：{{ reveres1 }}</div> <div>方法方式：
2020-05-07 06:50:41
原创 vue緩存機制之動態keep-alive
使用keep-alive包裹動態組件時，會緩存不活動的組件。但是有些情況下希望使用keep-alive包裹的動態組件有些頁面需要緩存，有些頁面不需要緩存那該怎麼做呢？ vue的官方文檔提供了include和exclude來解決這個
2020-05-07 06:50:41
原创 vue組件通信之sync學習
sync其實是一種語法糖，可以很簡單的使用子組件與父組件的通信 知識點： 當子組件想要修改父組件數據時，只用使用 this.$emit('update:dataName', dataValue)這種方式去通知父組件，父組件上不需要
2020-05-07 06:50:41
原创 react-router基礎
hello world import React from "react" import { BrowserRouter as Router, Route, Link } from "react-router-dom" func
2020-05-07 06:50:41
原创 position定位詳解
css中有三種定位：static、fixed、relative、absolute static是正常定位 fixed 爲固定定位 相對於瀏覽器窗口進行定位 relative爲 相對定位，相對於元素本身的位置進行定位，它原本所佔的
2020-05-07 06:50:41