原创 js實現使用drag實現元素拖拽排序
思路： 1.獲取到拖拽目標和被替換的目標索引值。 2.數組截取2個索引值之間的數組 dealArr ，數組第一部分resetArr1 ,第二部分resetArr2。 3.比較拖拽元素的索引值和被替換元素的索引值，根據值的大小對dealAr
2020-07-01 16:49:03
2
原创 js中對象賦值相互影響問題
方法一：使用深拷貝 方法二： var newObj = JSON.Parse(JSON.stringfy(oriObj)); 方法三： 對象拓展運算符 var newObj = {...orObj}
2019-10-25 15:32:09
原创 js實現圖片拖拽中出現延遲效果的問題
描述：使用js實現圖片拖拽時，圖片拖動會出現拖拽不流暢的效果 原因：瀏覽器會給和圖片一個默認行爲，當文字和圖片被選中中的時候，會有默認事件從而導致我們寫的那個拖拽效果失靈。 處理：在做鼠標拖拽事件時加上 阻止默認事件 e.preventD
2019-10-25 15:32:09
原创 js給圖片賦值拖拽事件後鼠標拖拽會有卡頓或者失靈的情況；
原因：瀏覽器會給文字和圖片一個默認行爲，當文字和圖片被選中的時候，會有一個拖拽效果，即使我們沒有人爲給它添加。 所以當我們點擊這個元素拖拽時，有可能選中文字或圖片觸發瀏覽器天生給的那個行爲，從而導致我們寫的那個拖拽效果失靈。 處理：在做鼠
2019-09-15 15:14:43
原创 cssText配合es6設置元素屬性超好用
var _scrooTop = document.documentElement.scrollTop || document.body.scrollTop; this.$refs.mask.style.cssText = `positi
2019-02-15 02:55:03
2
原创 react ant-pro中引入的不同庫下的組件名相同問題處理
不同庫組件名相同會出現組件重複報錯，但是又必須要的情況下。可以使用組件別名 eg: import { Tooltip as ToolTips } from 'antd'; import { Tooltip, } from "b
2018-12-24 02:35:02
原创 css實現不同大小的字體在底部對齊
css display:table-cell; /*按照單元格的樣式顯示元素*/vertical-align:bottom; /*底對齊*/
2018-12-08 02:56:43
原创 h5頁面長按圖片保存
設置css -webkit-touch-callout:default; 即可。雖然是一個草案屬性，但是可以使用 app中webview也可以保存
2018-12-08 02:56:43
原创 rn項目windows下搭建
必備 as jdk(我的是1.8.0) sdk 2. 安裝as ,sdk,jdk 環境變量配置 CLASSPATH JAVA_HOME ANDROID_HOME 這3個環境變量配置 Sd
2018-12-08 02:56:43
原创 ant-design-pro中form中使用upload組件上傳圖片遇到的坑
描述：前端上傳圖片後，後臺返回上傳圖圖片的地址。form表單提交的時候將圖片的地址傳給後端 問題：圖片上傳成功後後臺也返回了地址但是在提交的時候始終把本地的地址提交上去，無法獲取到後臺 的地址 處理：實際上formItem的問題，f
2018-12-08 02:56:42
73
原创 js判斷頁面在移動端還是pc端
<script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.use
2018-10-27 04:33:45
原创 js,html獲取當前地理位置
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><html> <head> <meta http-equi
2018-09-03 17:54:18
原创 使用bootstrap中的summernote並使用七牛雲上圖片
demo引入的summernote.js的源碼已被修改 可以根據自身的要求修改源碼 效果圖如下
2018-09-03 17:54:18