原创 簡單聊一下vue的雙向綁定原理

一、前言   在vue的視圖層與modal層進行數據交互的時,視圖層的數據傳入到modal層,modal層通過defineProperty來劫持每個元素,並綁定監聽事件進行監聽,一旦監聽到數據變化,就通過defineProperty的se

原创 我們說一下ES6中類和對象的注意問題

實用類的注意事項 三個注意點: 1.在ES中類沒有變量的提升,所以必須先定義類,才能通過實例化對象 2.類裏面的共有屬性和方法一定要加this使用 3.類裏面的this使用問題: 4.constructor裏面的this指向實例化對象,方

原创 有次面試 面試官直接問面向對象的好處 哭了

面向對象的三個好處   ① 封裝 封裝最好理解了。封裝是面向對象的特徵之一,是對象和類概念的主要特性。 封裝,也就是把客觀事物封裝成抽象的類,並且類可以把自己的數據和方法只讓可信的類或者對象操作,對不可信的進行信息隱藏 ② 繼承   ③

原创 原生JS 之 this指向問題

平時用this有些混亂,所以寫個總結。 沒有箭頭函數之前,我們說this就是函數運行時所在的環境對象,但是在箭頭函數中this就是定義時所在的對象,先說大家熟知的:函數運行時所在的環境對象。 1、作爲函數調用,this指向全局對象  

原创 audio和video標籤

<style> * { margin:0; padding:0; } .video_player{ position:relative; width

原创 隨便寫點面試題吧(一)

1.生命週期 vue 2.事件綁定 1.內聯方式: 將事件處理器綁定到一個方法中,以下所有事件都以click事件作爲案例 注意:內聯方式下事件處理器只能綁定一個方法,要是想要綁定多個方法,依舊還是使用js中的addEventListene

原创 隨便寫點面試題(二)

6.== ===的區別 ==:運算符稱作相等bai,用來檢測兩個操du作數是否相等,這zhi裏的相等定義的非常寬鬆,可dao以允許進行類型轉換 ===:用來檢測兩個操作數是否嚴格相等   7.項目上線 是後端一個服務器 還是前端一個服務

原创 隨便寫點面試題(三)結束

13.數組的方法 var myMap = new Map();  map 返回形式爲 [key,value] fliter   返回的是 刪除的數組 改變原數組   reducer 函數接收4個參數:         1.Accumula

原创 原生js:操作DOM怎樣添加、移除、移動、複製、創建和查找節點

(1)創建新節點 createDocumentFragment()    //創建一個DOM片段 createElement()   //創建一個具體的元素 createTextNode()   //創建一個文本節點 (2)添加、移除、替

原创 感覺Github 上 36 個最實用的 Vue 開源庫

任何一個開發者,都是十分喜歡使用開源軟件包的。因爲它使開發工作變得更快速、高效、容易。如果沒有開源軟件包,開發工作將變得疲憊不堪,不斷的重複造輪子! 下面整理了 Github 上 36 個實用的 Vue 開源庫,建議收藏! 1.Boots

原创 感覺CSS文字居中顯示的幾種方式

1、利用line-height和vertical-align html <div class="box">     <span>測試文字</span> </div>   css .box{     width: 200px;  

原创 CSS的萬能清除浮動法到底是什麼

.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { zoo

原创 封裝CSS變量,讓你的CSS變得更心動

CSS變量又叫CSS自定義屬性,爲什麼會突然提起這個很少人用到的東西呢?因爲最近在重構個人官網,不知道爲什麼突然喜歡用上CSS變量,可能其自身隱藏的魅力,讓筆者對它刮目相看。 談到爲什麼會在CSS中使用變量,下面舉個栗子,估計大家一看就會

原创 深入淺出: 談下Vue 中的 key 值

key 的一個錯誤使用——使用 index 作爲 key 不知道你在寫 v-for 的時候,會不會直接使用 index 作爲它的 key 值,是的,我承認我會,不得不說,這真的不是一個好習慣。 根據上篇文章,我們還是用 sortable.