原创 移動端1px 問題
1、陰影解決法 使用box-shadow模擬邊框 .kite-coupon-title{ box-shadow: inset 0px -1px 1px -1px #999999; } 優點：代碼量少 缺點：顏色變淺 2、僞類 +
2019-09-05 17:24:21
原创 uni-app scroll-view橫向滾動設置
1、單排橫向滾動 html <scroll-view scroll-x="true" class="kite-classify-scroll"> <view class="kite-classify-cell"></view> <
2019-09-04 17:28:55
原创 JavaScript將document.getElementsByClassName獲取的類數組轉化爲數組的方法
Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 var dome = document.getElementsByClassName("sixitem");
2019-07-10 17:41:50
原创 解決js的hover事件鼠標滑過失效
<div id="meun-container"></div> var hoverTimer,outTimer; $("#meun-container").hover(function(){ cl
2019-07-10 17:41:50
原创 多分辨率適配一步到位
設置div高寬才用vw+calc()函數，如： height: calc(100vw/192080); 字體適配，如： font-size: calc(100vw/192016); 本人親測，這樣寫兼容絕大部分分辨率的電腦，而有一
2019-07-09 18:14:58
原创 video自動循環播放設置
方法一:在video標籤上直接添加autoplay 和loop屬性，但直接添加需手動點擊播放纔可自動循環播放，想要一打開就讓video自動循環播放需要添加muted屬性，具體代碼實現如下： <video id="videos" m
2019-07-05 08:14:57
原创 圖片在div中居中顯示
1、固定圖片寬高，垂直居中顯示在div中 注意：div在div中垂直居中同樣適用 .images{ position:relative; width:400px; height:400px; overflow:hidden
2019-06-27 17:44:52
原创 div拖動時添加輔助線
div拖動時添加輔助線 運用jQueryUi實現 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8
2019-05-05 16:55:35
原创 原生js實現div在窗口內移動
原生js實現div在窗口內移動 css樣式 <style> *{margin:0;padding:0;} #div1{width:200px;height:200px;position:absolute;left:500px;ba
2019-04-20 16:38:00
原创 前端常見問題
forEach 循環 1、foreach裏面return 直接跳出本次循環，進入下一次循環； splice對數組進行刪除、添加操作 var arr = ['1','2','3']； 1、splice(0,0,'4') //從第0個位置
2019-04-20 16:37:59
原创 動態加載js文件
function loadJs(url, callback) { var script = document.createElement('script'); script.type = "text/javascript"; s
2019-03-06 18:16:50
原创 javascript中apply、call和bind的區別
在JS中，這三者都是用來改變函數的this對象的指向的，他們有什麼樣的區別呢。 在說區別之前還是先總結一下三者的相似之處： 1、都是用來改變函數的this對象的指向的。 2、第一個參數都是this要指向的對象。 3、都可以利用後續參數
2018-12-10 15:55:13
原创 nodejs安裝 vue安裝 webpack安裝
1、下載路徑 https://nodejs.org/en/ 下載LTS版本的nodejs 2、安裝注意 （1）自行修改安裝路徑，如：D:\nodejs （2）選擇Add to PATH ,默認會添加到path環境變量去 （3）一直點n
2018-12-07 16:02:23
原创 php格式化數字：位數不足前面加0補足
php格式化數字：位數不足前面加0補足 先實例，後講解 PHP代碼 <?php $var=sprintf("%04d", 2);//生成4位數，不足前面補0 echo $var;//結果爲0002 ?
2018-11-30 16:20:02
10
原创 高德地圖搜索，點擊地圖獲取經緯度
1、H5頁面 一個搜索框、一個經緯度接收框 <input class="layui-input" placeholder="地名" name="tipinput" id="tipinput"> <input class="layu
2018-11-30 16:20:02