原创 解決移動端的一像素問題
如果要給一個input標籤邊框線 html代碼 <div class='border border_input'> <input type='button' /> </div> css代碼 .border{positi
原创 給手機做高度和寬度的適配
在不同型號大小的手機中,我們需要爲手機做適配來保證我媽們想要達到的需求。(移動端的單位是rem) 給手機(高度)做適配的代碼,其中 toFixed() 方法可把 Number 四捨五入爲指定小數位數的數字。 var heigh
原创 this.setstate中的回調函數的作用
①不使用回調函數,打印出來的就是this.state中的值 this.state{a:123}, this.setstate({a:345}) console.log(this.state.a) //123 使用回調函數,
原创 導航條多個tab切換,實現篩選效果
實現該效果的核心是使用data-**的自定義屬性 html導航條代碼 <ul class="tab"> <li data-type="all">全部</li> <li data-type="welfare">福利
原创 js中的關於時間方法的一些用法
let date = new Date(); date.getTime() //獲取1970年1月1日到現在的毫秒數 setTime( date.getTime() ) //顯示新的時間和日期
原创 表格table的thead固定,tbody顯示滾動條,滾動條不佔位
在書寫項目的時候,當給tbody加滾動條時由於滾動條會佔位,總是出現表格邊框不對齊有錯位的效果呢,如下圖 <table class="table_cell"> <div> <thead
原创 簡述return的作用
注意: 如果一個函數的返回值類型是具體的數據類型,那麼該函數就必須要保證在任意情況下都保證有返回值。(除了返回值類型是void以外) return 關鍵字的作用: 返回數據給函數的調用者。 函數一旦執行到了return關鍵字,那
原创 解決移動端出現彈窗背景禁止滾動(阻止蘋果瀏覽器的默認行爲)
添加js樣式: $(“.zzc”).on(“touchmove”,function(){ event.preventDefault(); }); 注意:.zzc是遮罩層的名字
原创 react在組件內定義defaultProps報錯
在初次定義的時候發現語法明明沒有問題,但是會報下面的錯誤 這是babel的問題 解決方案: ①npm install –save-dev babel-preset-stage-0 安裝 babel-preset-stag
原创 吸底樣式的寫法
具體實現的效果: 1、不滿一屏的實現,按鈕始終在頁面的底部,如下圖所示: 2、如果滿一屏的話底部按鈕按鈕就會根據屏幕的長度始終在最後一行的底部,具體效果如下圖所示: 下面我來說說這種佈局的具體寫法: html <div cl
原创 去掉最後一行的邊框
去掉最後一行的底部邊框
原创 點擊map函數返回的組件列表,點擊不同列表跳轉不同路徑
代碼 列表展示
原创 display:table-cell的作用列舉
https://www.zhangxinxu.com/wordpress/2010/10/%E6%88%91%E6%89%80%E7%9F%A5%E9%81%93%E7%9A%84%E5%87%A0%E7%A7%8Ddisplaytabl
原创 正則表達式匹配任意字符,每隔特定的數字添加一個特定的元素
<html> <head> </head> <body> <script type="text/javascript"> function Xreplace(str,length,reversed)
原创 頂部和底部固定高度,中間高度自適應的佈局
html代碼 <div id="all"> <div id="top">top</div> <div id="content"></div> <div id="bottom">bottom<