原创 移動端 如何適配雪碧圖

當然是用rem!!! 注意雪碧圖當作背景圖的時候要設置background-size:也是rem,比如:background-size:7.5rem 3rem; 其他的取值自然也是rem,不要用PX,否則不同手機屏幕,從雪碧圖裏面截取的i

原创 多個數組合併爲一個數組

  const merge1 = arr => { // 合併多個數組 const result = [] for (let i = 0; i < arr.length; i++) {

原创 js 判斷是否爲數組的方法

一般js 裏面typeof 數組是object類型,所以不能判斷是否爲數組,所以用以下方式判斷        

原创 common.scss

  $theme-Color:#004FBF; $theme-fontFamily:'.PingFangSC-Semibold'; $reguler-fontFamily:'.PingFangSC-Regular'; $medium-f

原创 react中父組件傳入子組件的值,在子組件不隨着父組件的值變化

這個也是在實際項目中遇到的坑,畢竟我比較年輕~_~ 先來個父組件的代碼: // 父組件 class Car extends Component { constructor(props){ super(props);

原创 mac 上徹底卸載atom

因爲的atom不知道爲啥側邊欄不見了,不管怎麼樣都不會出來,想重現安裝,但是卸載不乾淨,所以google了一下,1、先將atom移出應用程序2、然後執行下面的命令rm -rf ~/.atom rm /usr/local/bin/atom

原创 用浮動代替定位解決動態變化的div內容,一個div浮在兩個div上面

先看效果圖: 內容少的時候: 內容多的時候: 這是設計稿上的需求,有三個div,本來我用的是position定位,然而這3個div的內容是動態變化的,有時多,有時少,不能定死高度。所以用position定位就沒辦法滿足需求了。只能用

原创 Js類的寫法

1、構造函數法 構造函數的優點是:我們可以根據參數來構造不同的對象實例 ,缺點是每次構造實例對象時都會生成getName方法,造成了內存的浪費。 用一個外部函數來代替類方法,達到了每個對象共享同一個方法   2、原型方式 原型方式的缺

原创 平行四邊形、梯形導航條

平行四邊形 效果如圖: hover 的效果如圖: 代碼如下: <div class="keith"> <ul> <li>導航條</li> <li>首頁</li>

原创 h5兼容安卓和iOS的鍵盤彈出影響佈局的坑

這個是真的坑!!!!!!!!!!!1、先看看正常頁面長什麼樣子,號碼是我亂輸入的,大家不要亂打= =2、然後再看看輸入號碼後鍵盤把這個訂單確認的框頂上去了,頂上去對大屏幕手機也沒關係,就是對小屏幕手機會把訂單確認訂到被隱藏一些。點擊鍵盤的

原创 React 裏調用axios

React 裏調用axios this.confirmPasswordModal = () => { const { passwordParams, passwordValidation,passwordChanging }

原创 JS異常處理

Javascript提供了異常處理機制,當程序不正常時應該拋異常。舉個栗子: 然後運行一下,拋的異常可以自行定義: 用一下try...catch: 再運行一下try_it()可以的到: 都可以在瀏覽器上試試~          

原创 用create-react-app搭建react項目

1、先安裝node,js2、node -v3、npm -v4、npm install -g create-react-app   然後查看create-react-app版本5、create-react-app mynews  給reac

原创 REACT 項目環境搭建

1. yum install nodejs 2.npm 淘寶鏡像配置  參考 http://blog.csdn.net/wangweiscsdn/article/details/53414965 3.node -v 4.npm -v 5

原创 React實現jsxGraph 圖形試畫框

JSXGraph是Web瀏覽器中的交互式幾何,功能繪圖,圖表和數據可視化的跨瀏覽器JavaScript庫。 用react組件化,電腦和手機,平板上都可以看到點擊的點的名稱 如圖: 在左邊框裏輸入代碼,右邊可以實現圖形 react父組件