原创 line-height理解

行高的單位 百分比:突出了行高和字體大小的基佬關係當字體行高的單位爲百分比的時候,行高以字體大小爲依據 em:em這個單位,當作用在行高的時候是以當前文字大小爲依據,當作用在字體大小的時候是以當前元素的父元素的字體大小爲依據 行高的組成部

原创 sync修飾符的使用

爲什麼使用sync 再vue中官網的介紹:我們可能需要對一個 prop 進行“雙向綁定”。不幸的是,真正的雙向綁定會帶來維護上的問題,因爲子組件可以修改父組件,且在父組件和子組件都沒有明顯的改動來源 目的:再子組件去改變父組件的值的時候會

原创 Vue.js動畫和過渡

vue中的過渡與動畫 過濾 把需要添加動畫效果的DIV放到transition標籤 之後就會發生以下3個步驟 自動嗅探目標元素是否應用了 CSS 過渡或動畫,如果是,在恰當的時機添加/刪除 CSS 類名(等下要寫的6個類名)。 如果

原创 執行上下文和作用域的區別

原文:https://blog.bitsrc.io/understanding-execution-context-and-execution-stack-in-javascript-1c9ea8642dd0 執行上下文也叫執行環境?爲什

原创 fon in 和 for of 的區別

for 循環 其實他一般情況下是根據數組,類數組的length的屬性值去循環 for in 一般的作用是枚舉把key枚舉出來,但是當我們枚舉數組,或者字符串的時候會把原型上的方法枚舉出來 Object.prototype.objCust

原创 移動端配置

物理像素 iphone 6 的寬度有750給物理像素 邏輯像素 也叫設備的獨立像素,css像素也是邏輯像素的一種 邏輯像素比(dpr) 物理像素➗邏輯像素,iphone6 的dpr=2 常見問題 圖片模糊 1px問題 1.圖片模糊 一個圖

原创 localStorage和sessionStorage區別和使用

一、什麼是localStorage 在HTML5中,新加入了一個localStorage特性,這個特性主要是用來作爲本地存儲來使用的,解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間爲4k),localSto

原创 Vue $nextTick

使用場景 1.當改變了DOM中的數據後,立馬去獲取DOM中的數值 2.當我們在watch偵聽器中改變了數據,立馬用這一些數據去做一些操作,這裏爲什麼不可以呢?因爲watch其實應該也算是會被推到隊列中去執行,而nextTick就是等當前D

原创 this的由來

 JS的數據結構: var obj = { foo: 5 }; 面的代碼將一個對象賦值給變量obj。JavaScript 引擎會先在內存(堆)裏面,生成一個對象{ foo: 5 },然後把這個對象的內存地址賦值給變量obj。  也就

原创 for..in 和 for..of的區別

in: 支持IE6+(老) 枚舉對象 枚舉字符串(IE9+後支持) 枚舉數組,但是數組隻身的方法,和原型上的方法也會枚舉出來,(可以使用hasOwnProperty來判斷是否原型是的對象,但是還是回有自身的屬性遍歷出來) 補充:如果使用f

原创 javaScript 快速排序

簡單理解 首先我覺得我們要明確一般算法都是需要遞歸的,所以我們首先完成第一循環 第一個循環我們找到一個主元(數組的中間),我們把大於的放右邊,小於的放左邊 然後在分別把主元左邊的和右邊的在重複上面的過程就可以達到排序了 具體步驟 1.首先

原创 table-call佈局

學習了旭哥的文章總結 等分 <style> .container { display: table; height: 300px; width: 100%; border: 1

原创 css小測--兩欄佈局

 目標效果 這個題得分我是6分中國題是針對表格佈局,flex佈局,inline-block佈局,absolute佈局來完成,大家突然問題來了爲什麼沒float,嗯,這個看個人習慣和場景應用,我是不這麼喜歡用float佈局的 HTML

原创 前端小測----DOM測試38

得分  我得了2分,難受,明明感覺是3分的 哈哈 分析 其實這個題目就是對僞類進行了一定考察,我太菜了,嗚嗚嗚 第一問:獲取所有匹配required必選的單選框元素 我的答案 var requiredInputAll = docume

原创 在vue-cli中使用vue-property-decorator裝飾器

安裝 npm i -s vue-property-decorator 如果你的項目是安裝了TS那麼就可以直接使用,如果沒有安裝TS但是還是想用vue-property-decorator裝飾器那麼就還需要去配置一下了 使用vue-pro