原创 [css] margin 爲負值產生的影響和常見佈局應用

margin 爲負值產生的影響和常見佈局應用 原文鏈接: margin爲負值產生的影響和常見佈局應用 前言 前幾天去了一家公司面試前端,問了我雙飛翼的佈局,說實話,之前真沒好好研究過實現原理。 面試回來,查了下,主要都是用到了 m

原创 農行k寶輸入密碼黑屏解決方法

農行k寶輸入密碼黑屏解決方法 任務欄雙擊打開二代k寶管理工具 點擊系統選項-虛擬桌面配置 把密碼操作時使用虛擬桌面選否,點擊確定即可 這樣在使用證書登錄時,就不會有灰色的背景遮擋了

原创 [js] 函數 call()方法和 apply()方法

js 函數 call()方法和 apply()方法 我們可以將call()和apply()看做是某個對象的方法,通過調用方法的形式來間接調用函數。 如下代碼,使用call()方法來調用一個對象的 Object.prototype.

原创 [css選擇器] :first-child與:first-of-type的區別

原文鏈接:https://www.cnblogs.com/xuan52rock/p/4416228.html :first-child與:first-of-type的區別 :first-

原创 [dom] offsetWidth

HTMLElement.offsetWidth返回元素的佈局寬度的整數值。 通常來講 offsetWidth通常以像素爲單位測量元素 CSS 寬,包括邊框,邊距、和垂直滾動條(如果渲染了)。它不包括僞元素的寬例如::before和

原创 [dom] Element.clientWidth

Element.clientWidth屬性對於inline和 (elements with no CSS 不太懂)元素返回 0, 如果不是這樣的元素則以象素爲單位返回元素的裏部距離,它包括內邊距但是不包括邊框,邊距,和垂直的滾動條

原创 Element.scrollWidth

Element.scrollWidth是測量元素內容寬度只讀的屬性,包括因爲溢出在屏幕上不可見的內容。 scrollWidth的值等於不用橫向滾動條把元素所有內容都包含在視窗裏的最小值 ,scrollWidth的測量方式與cli

原创 [css3] input 移動端 ios 點擊有黑色背景閃一下

input 移動端 ios 點擊有黑色背景閃一下 給 input 添加樣式 input { -webkit-tap-highlight-color: transparent; } 根據我的探索給 body 添加此樣式也可以解決

原创 [vue] vue實例中的$attr

vue實例中的$attr 官方文檔給出的解釋是 包含了父作用域中不作爲 prop 被識別 (且獲取) 的特性綁定 (class 和 style 除外)。當一個組件沒有聲明任何 prop 時,這裏會包含所有父作用域的綁定 (cla

原创 [vue] v-bind使用技巧

v-bind使用技巧 屬性值不爲真時,不會將屬性綁定到元素上 <template> <div id="app"> <div class="box" :data-a="null" :data-b="undefined"

原创 [css] input移動端適配問題

input移動端適配問題 input 頂部有陰影問題 input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 邊框有圓解

原创 [css3] 深入理解 css3 中的 flex-grow、flex-shrink、flex-basic

深入理解 css3 中的 flex-grow、flex-shrink、flex-basic 原文鏈接: 深入理解css3中的flex-grow、flex-shrink、flex-basis flex爲 css 的佈局帶來了新的時代

原创 [CSS] 單位 em 和 rem 的區別

單位 em 和 rem 的區別 原文鏈接: css中單位em和rem的區別 在 css 中單位長度用的最多的是 px、em、rem,這三個的區別是: px 是固定的像素,一旦設置了就無法因爲適應頁面大小而改變。 em 和 rem 相對

原创 [css] margin-left 爲負值的應用

margin-left 爲負值的應用 按鈕組中雙邊框隱藏 要點:按鈕設置爲浮動,按鈕組中非第一個按鈕設置爲向左浮動邊框的距離 <style type="text/css"> .btn { padding: 6px 12px;

原创 [css3] :empty 選擇器

:empty 選擇器 原文鏈接: CSS3 :empty 選擇器 實例 指定空的 p 元素的背景色: p:empty { background: #ff0000; } 在 jsrun 中打開示例 瀏覽器支持 IE Fire