原创 輪播圖 左右點擊及底部小圓點
最近pc項目有兩處一樣的輪播圖 有左右點擊按鈕及底部小圓點 接下來 代碼奉上： css的寫法，可以讓子元素根據父元素定位，讓它們定位在同一位置，再給子元素根據順序加上z-index值，第一個最大，一次減小； 左右兩側點擊按鈕直接根據父元
2020-06-16 15:08:48
原创 百度地圖接口及使用
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak
2020-06-16 15:08:48
原创 雙飛翼佈局 移動端header常用佈局
在移動端開發時，經常使用雙飛翼佈局，簡單明瞭，嗖嗖嗖的就搞定頭部； 接下來給大家奉上代碼： html部分： <header><div class="main">title</div><div class="left">left</d
2020-06-16 15:08:48
原创 JSON.parse()和JSON.stringify()的用法及區別
JSON.parse()是從字符中解析出json對象： var str = '{"overMoney":0,"castCategoryId":9,"castFarmId":""}'; console.log(JSON.parse(st
2020-06-16 15:08:48
原创 jquery查找父 子 兄弟節點方法
jQuery.parent(‘.box') 查找父元素 jQuery.parents(‘.box') 找到所有祖先元素，不僅僅侷限於父元素 jQuery.children()
2020-06-16 15:08:47
原创 js中的事件委託或是事件代理詳解
起因： 1、這是前端面試的經典題型，要去找工作的小夥伴看看還是有幫助的； 2、其實我一直都沒弄明白，寫這個一是爲了備忘，二是給其他的知其然不知其所以然的小夥伴們以參考； 概述： 那什麼叫事件委託呢？它還有一個名字叫事件代理，Jav
2020-02-20 16:47:28
原创 解決網頁刷新時佈局紊亂（jquery ready和load事件）
PC項目開發時遇到頁面刷新時會出現2S左右的紊亂，會影響到用戶體驗； 那麼要想直接給用戶呈現一個完整的頁面，而不在頁面加載時就呈現給用戶，一般要採用預加載，可以在整個頁面都加載完畢時，然後再呈現給用戶。 （頁面加載時，最慢的還是一些腳本、
2020-02-20 16:47:28
1
原创 js判斷是否爲數字 排除掉空
啦啦啦啦啦 今天寫項目需要判斷是否是數字再去相乘，之前的東西忘得已經差不多了，so 在度孃的一番教導下，get到了方法，趕緊給大家分享下 因爲所輸入的數字有可能是負數 ，小數，需要排除的是空格 和其他類型 ，所以一開始試了isNaN這
2020-02-20 16:47:28
原创 jquery 添加元素的方法
1.append(); 在所選元素的結尾添加 var html = '<span class="coll-baseName">'+obj.farmName+'</span>'; $('#box').append(html); 2.
2020-02-20 16:47:28
1
原创 一句代碼搞定數組去重 Set()
[...new Set([1, "1", -1, 1,2,3,4,5, 1, 3])] (7) [1, "1", -1, 2, 3, 4, 5] 哈哈 有木有很神奇； Set是ES6提供的新的數據結構，類似於數組，但是值都是唯一的，不會
2020-02-20 16:47:28
原创 如何優雅的取整
var a = ~~1.222; var b = 1.222 | 0; var c = 1.222 >> 0; console.log(a+'==='+b+'========'+c) 結果如下： 不經意間露一手，瞬間提
2020-02-20 16:47:28
原创 jquery 判斷是否有當前父元素 .is()方法
在項目中有兩處添加對比的效果，需要點擊時往裏添加不同的元素，但是功能一樣，所以在點擊事件時加了個判斷， 通過判斷當前點擊元素的父元素是否爲其中一個，如果是某一個則拼接相對應內容； 那麼如何判斷當前元素的父元素，代碼如下： $(this)
2020-02-20 16:47:28
原创 css更改placeholder的樣式
可以用css更改placeholder的字體顏色 html: <textarea class="input" maxlength="200" name="text" placeholder="請輸入文字" ></textare
2020-02-20 16:47:28
原创 禁止圖片img拖動
最近在寫一個pc的項目，由於有很多的圖片，發現會有拖動的效果，所以百度了一哈哈解決方法； 建議大家直接用js解決，一段代碼妥妥搞定； jquery解決方法： $('img').on('mousedown',function (e) {
2020-02-20 16:47:28
原创 input禁止輸入的方法
1： readonly規定輸入字段爲只讀可複製，但是，用戶可以使用Tab鍵切換到該字段，可選擇,可以接收焦點，還可以選中或拷貝其文本。 <input type="text" value="哈哈哈" readonly="readonly
2020-02-20 16:47:28
1