hu441805796的博客

原创 mui拍照上传不同照片，图片始终不变

问题描述：mui拍照上传，每次获取到的图片都是一样的问题分析：mui拍照上传，每次获取路径都与第一次一致，以至于拍几次图片都是一样的解决方案：将获取到的本地路径后边拼接当前时间，目的是让每次的路径都发生改变，从而使图片发生变化/* 拍照 */function getImage() { var c = plus.camera.getCamera(); ...

原创 js class类简介

问题描述：调用其中的方法、向其中添加方法 、定义变量、get和set问题分析：解决方案：//定义类class Test { constructor(x, y) { this.x = x; this.y = y; } myFun1() { // 方法1 return (this.x + this.y); } myFun2() {...

原创 ElementUI 日期组件在IE下数据无法正常显示

问题描述：ElementUI 日期组件在IE下显示bug问题分析：解决方案：1、使用组件自带属性value-format（解决选择后无法显示问题）；value-format="yyyy-MM-dd hh:mm:ss"2、删除placeholder属性（解决数据回填第一次不显示问题）...

原创 postMessage使用方法

原创 element-ui表格多选回填及联动实现

问题描述：表格分页后，数据多选并支持数据回显；问题分析：在表格初始化时，需要把之前选择的数据勾选上，当操作当前表格时，需要把数据联动到已选择数据中；解决方案：1、对源数据深拷贝；let copyData = JSON.parse(JSON.stringify(resource));2、每次表格刷新数据后，需要重新回显数据setTimeout(() => {...

原创 IE浏览器日期转换问题

问题描述：日期在谷歌浏览器转换没有问题，在IE转换失败的问题；错误分析：IE在转换的时候，要求日期格式为yyyy/MM/dd hh:mm:ss，当日期为yyyy-mm-dd时会出现转换错误，当new Date时，IE要求的格式为new Date(yyyy, MM, dd) 或 new Date(yyyy, MM, dd, hh, mm, ss);解决方案：把需要转换的日期字符串...

原创 数据对接时数值丢失精度问题

问题描述：当前后端返回给前端的数值大于16位数后，出现精度的问题；错误分析：前端JS的基础数据类型为：Number，所以最大值为 2的53次方，即9007199254740992，如果超过这个值，就会出现精度问题；解决方案：后端把要返回前端的数值转为字符串； 当后端需要对数值进行运算，可以做数值关系映射；...

转载 JavaScript常用数组操作方法，包含ES6方法

一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, ...

转载 Flexbox 布局的最简单表单

一、<form> 元素表单使用<form>元素。<form></form>上面是一个空表单。根据 HTML 标准，它是一个块级元素，默认将占据全部宽度，但是高度为0，因为没有任何内容。二、表单控件现在，加入两个最常用的表单控件。<form> <input type="email" name="e

转载 五个小技巧让你写出更好的 JavaScript 条件语句

在使用 JavaScript 时，我们常常要写不少的条件语句。这里有五个小技巧，可以让你写出更干净、漂亮的条件语句。 1. 使用 Array.includes 来处理多重条件举个栗子

原创 解决ie浏览器低版本不支持placeholder属性的问题

在我们的日常开发中，时常会遇到要求兼容ie低版本的项目，其中表单多的项目，placeholder几乎是必不可少的，本文借鉴了网上的其他方法，主要为解决ie浏览器低版本不支持placeholder属性的问题，记录一下学习的路程，也分享给大家共同学习，话不多说，直接上代码 // 解决ie8、ie9不支持placeholder问题 (function() { //仅在不支持 placeho...

原创 阻止冒泡相关的三种方法

1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为还有一种有冒泡有关的： 3.event.preventDefault(); 它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为

转载 前端动画效果实现的简单比较

前端动画效果实现的简单比较合适的动画不仅更能吸引人们的眼球，也能让你的应用体验更为流畅，而将动画的效果做到极致，才能让用户感到使用你的应用是一种享受，而不是觉得生硬和枯燥。本文旨在探讨各种前端动画效果实现方式的异同，具体应用中如何实现，以及实现的效果还得根据自身的情况进行考量。Javscript 动画因为没有其它可用的实现方式，最初的前端动画都是JS来实现，实现上就是通过一个定时器setInterv

转载 jquery如何判断滚动条滚到页面底部并执行事件

首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。

转载 不要滥用CSS Sprite

CSS Sprite俗称雪碧，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。使用雪碧图的优点：1、减少加载网页图片时对服务器的请求次数可以合并多数背景图片和小图标，方便在任何位置使用，这样不同位置的请求只需要调用一个图片，从而减少对服务器的请求次数，降低服务器压力，同时提高了

转载 去除inline-block间距的几种方法

一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：这样就会产生间距这种表现是符合规范的应该有的表现（如果有人认为是bug就太()ay ()oy 了）。不过，这类间距有时会对我们布局，或是兼容性处理产生影响，需要去掉它，该怎么办呢？以下展示N种方法（欢迎补充）！二、方法之移