原创 1px邊框過粗解決方案

將容器寬高設爲原寬度的兩倍,然後縮小50%;邊框寬度變爲0.5px。 .wsyyt_info .main-account-label { position: relative; display: inline-fl

原创 hover防止抖動

例如:一個列表,每個item在hover時加上一個border-bottom樣式,這樣鼠標在每個item上移動時會產生抖動,解決辦法是:在非hover的樣式上加上一個和背景色相同的border-bottom樣式。

原创 微信小程序坑總結

1.在微信小程序開發中,canvas和scroll-view同用,會有滑動問題和其它bug。 2.在有canvas的情況下,ios系統中。通過fixed定位實現的自定義navbar會不穩定。

原创 微信canvas繪圖坑

微信canvas爲原生組件,不能被普通的dom覆蓋,可以使用cover-view 微信canvas轉化成圖片,如果使用image組件直接顯示轉化之後的圖片,可能會和canvas本身的表現不一致。 微信canvas在繪製網絡圖片時

原创 移動端rem適配,使用sass自動轉化rem

根據屏幕寬度設置font-size: window.onresize = setFontSize; setFontSize(); function setFontSize() { var des

原创 react native 學習-環境篇

主要遇到兩個問題: 一:沒配置Android_Home環境變量 ANDROID_HOME:C:\Users\Administrator\AppData\Local\Android\Sdk 二:License for package A

原创 css佈局方式

表格佈局 根據display的表格屬性來進行佈局。table,table-row,table-cell flex佈局 flex佈局 grid佈局 grid佈局 浮動佈局 絕對定位佈局

原创 css中的BFC

在討論BFC的特點之前,先得了解一下邊距重疊問題。 父子元素邊距重疊:當父元素爲非BFC時,第一個子元素的margin-top會重疊到父元素的margin-top。 <section> <st

原创 es6的promiss

promise是什麼? promise表示一個異步操作結果的佔位符,表示未來的一個結果。 promise的生命週期 pending 進行中,此時操作尚未完成,完成後會進入Fulfilled(成功完成)或者Rejected(程

原创 css選擇器及優先級

後代選擇器 div p :選擇div元素裏面的所有p元素 子選擇器 div > p : 選擇父元素爲div的所有p元素 同胞選擇器 div + p : 選擇所有緊跟在div之後的p元素 組選擇器 div,p : 選擇所

原创 es6函數

默認參數 function add(num1,num2 = 0,callback = function(){}){ // es6 默認參數 num1 = (typeof num1 === 'number') ? num1 : 0

原创 前端概念的一些理解

static,無定位的元素,塊級元素從上到下,內聯元素從左到右排列。 相對定位置元素,在沒有設置top等定位屬性時,按照文檔流進行排列。設置top等屬性之後,會相對自身原來的位置進行定位。 絕對定位元素,會脫離文檔流,不會影響到文檔

原创 css中margin爲負值的情況。

margin爲負值會導致元素產生偏移。 文檔流中的元素設置margin-bottom爲負值之後,會讓後面的元素向上流動填充margin的空間。 三個例子說明: 1. <div style="height: 400px;mar

原创 Angular中的ng-template

Angular中的ng-template ng-template 是用來定義模板的,當使用ng-template定義好一個模板之後,可以用ng-container和templateOutlet指令來進行使用。 <ng-template