- 博客(29)
- 收藏
- 关注
RSS订阅原创 js实现使用drag实现元素拖拽排序
思路：1.获取到拖拽目标和被替换的目标索引值。2.数组截取2个索引值之间的数组 dealArr ，数组第一部分resetArr1 ,第二部分resetArr2。3.比较拖拽元素的索引值和被替换元素的索引值，根据值的大小对dealArr重新排序4.将resetArr1、 dealArr、resetArr2重新合并即为排序后的数组下面是代码实例，<!DOCTYPE ...
2020-03-19 13:52:21
1711
原创 js实现图片拖拽中出现延迟效果的问题
描述：使用js实现图片拖拽时，图片拖动会出现拖拽不流畅的效果原因：浏览器会给和图片一个默认行为，当文字和图片被选中中的时候，会有默认事件从而导致我们写的那个拖拽效果失灵。处理：在做鼠标拖拽事件时加上 阻止默认事件 e.preventDefault()...
2019-10-12 18:51:49
1231
原创 js中对象赋值相互影响问题
方法一：使用深拷贝方法二： var newObj = JSON.Parse(JSON.stringfy(oriObj));方法三： 对象拓展运算符 var newObj = {...orObj}
2019-10-12 18:43:20
770
原创 js给图片赋值拖拽事件后鼠标拖拽会有卡顿或者失灵的情况；
原因：浏览器会给文字和图片一个默认行为，当文字和图片被选中的时候，会有一个拖拽效果，即使我们没有人为给它添加。 所以当我们点击这个元素拖拽时，有可能选中文字或图片触发浏览器天生给的那个行为，从而导致我们写的那个拖拽效果失灵。处理：在做鼠标拖拽事件时加上 阻止默认事件 e.preventDefault()...
2019-09-12 15:18:08
1556
原创 cssText配合es6设置元素属性超好用
var _scrooTop = document.documentElement.scrollTop || document.body.scrollTop;this.$refs.mask.style.cssText = `position:absolute;left:0;top:4.896rem;height: calc(100% - 4.896rem - 0.5px + ${_scrooTo...
2019-02-14 15:13:06
461
原创 react ant-pro中引入的不同库下的组件名相同问题处理
不同库组件名相同会出现组件重复报错，但是又必须要的情况下。可以使用组件别名 eg: import { Tooltip as ToolTips } from 'antd';import { Tooltip, } from "bizcharts"; ...
2018-12-21 17:31:24
1019
原创 rn项目windows下搭建
必备 as jdk(我的是1.8.0) sdk2. 安装as ,sdk,jdk 环境变量配置 CLASSPATH JAVA_HOME ANDROID_HOME 这3个环境变量配置 Sdk安装下面的2项可以百度看下 Jdk安装 注意：我的是1.8.0版本在安装到最后有一个提示让你将jre1....
2018-12-07 14:43:32
141
原创 h5页面长按图片保存
设置css -webkit-touch-callout:default; 即可。虽然是一个草案属性，但是可以使用 app中webview也可以保存
2018-12-06 17:30:50
695
原创 css实现不同大小的字体在底部对齐
cssdisplay:table-cell; /*按照单元格的样式显示元素*/vertical-align:bottom; /*底对齐*/
2018-12-05 17:20:49
5859
1
原创 ant-design-pro中form中使用upload组件上传图片遇到的坑
描述：前端上传图片后，后台返回上传图图片的地址。form表单提交的时候将图片的地址传给后端问题：图片上传成功后后台也返回了地址但是在提交的时候始终把本地的地址提交上去，无法获取到后台 的地址处理：实际上formItem的问题，formItem中寻找值的时候如果有多个元素的话会获取有value值(upload中input的value值),所以只将upload组件放入到formIte...
2018-11-30 17:40:45
1081
1
转载 js判断页面在移动端还是pc端
<script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/...
2018-10-25 15:51:13
131
原创 关于calc()在less中无效的问题
一般的写法height:calc(100% - 1.305rem);less中的写法height: calc(~'100% - 1.305rem');
2018-08-23 14:15:22
605
原创 使用bootstrap中的summernote并使用七牛云上图片
demo引入的summernote.js的源码已被修改可以根据自身的要求修改源码效果图如下
2017-11-08 15:22:14
420
原创 swiper使用时在loop下如何获取当前的索引值
swiper官方文档中http://www.swiper.com.cn/api/index.html 获取当前页的索引值是在loop:false状态下的在为true的情况时，没有说明。console.log($('.swiper-slide-active').attr('data-swiper-slide-index'));可以通过获取$('.swiper-slide-active
2017-09-11 15:12:39
4073
原创 webpack 的使用
本例子实现HTML页面中的img引入编译 ，外部js引入 ，jquery引入，js压缩，新的HTML页面生成实现本地的index.html文件编译成新的HTML文件（dist目录下）本例子是只有一个页面，多页面的。。还没研究s1:创建目标文件夹，进入文件夹下本地安装webpackcnpm intsall --save-dev webpacks2:安装本地依赖 cnpm i
2017-07-24 17:45:24
265
原创 关于HTML页面之间的跳转问题，兼容ie9
var rooturl = [window.location.pathname.split('/')[0],window.location.pathname.split('/')[1]].join('/');var urlHeader= window.location.protocol+'//'+window.location.host + rooturl;window.locati
2017-06-15 15:25:22
1059
原创 在微信网页中，实现微信通过菜单‘在浏览器中打开’跳转到指定的url
html点击下载安卓APP1.点击右上角按钮2.选择 Xscript var $goDownload = $('#goDownload'),$maskWrap = $('#maskWrap'),$closeNote = $('#closeNote');var is_weixin = (function(){return navig
2017-04-26 10:56:37
9597
1
原创 vue-cli+webpack引入jQuery
s1: 安装依赖 npm install jquery --save-devs2:配置webpack.base.conf.js/** * jquery 引入s1* */var webpack = require("webpack")在配置中/*** jquery 引入s2* */plugins: [ new webpack
2017-04-21 14:22:22
1277
原创 vue-cli+webpack实现多页面应用的配置
直接上~~webpack.base.conf.js/** * 多页面实现--1引入工具* */var glob = require('glob')/*** 多页面实现 --2 入口文件配置* */var entries = getEntry('./src/module/**/*.js'); // 获得入口js文件function getEntry(globPath) { v
2017-04-21 13:52:52
3727
1
转载 js,html获取当前地理位置
html>lang="en"> charset="UTF-8"> http-equiv="Content-Type" content="text/html; charset=UTF-8"> Geolocation Components Demo - zoom effect name="viewport" content
2017-03-22 10:08:41
5794
转载 使用腾讯地图和js,html实现地理位置的获取
html> http-equiv="Content-Type" content="text/html; charset=UTF-8"> 前端定位模块 name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
2017-03-22 10:03:27
13398
4
原创 通过js对设备进行判断
(document).ready(function() { (function() { varua = navigator.userAgent.toLowerCase(); varcontains =function(a,b) { if(a.indexOf(b) != -1) {
2017-03-22 09:55:50
299
原创 input标签中的type：hidden用处
1.是大家都知道的用处，就是用来提交数据。2.可以用来存储变量值，在局部变量改变全局变量。例如：在我的项目里使用七牛存储图片，当自定义图片的名称时。在页面中添加input：hidden标签。同时使用jQuery的ajax同步获取数据。并在外部为key赋值HTML代码： js代码： 'Key': function(up, file) { $.aja
2017-03-21 16:30:57
1667
1
原创 前端移动端开发头部标签
lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> charset='utf-8'> http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> name="description" co
2017-03-03 17:29:41
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人