系咩-优快云博客

原创 Element UI库之 el-input 赋值后不能删除，修改，输入

最近做了一个需求就是导入数据的，导入了之后发现打折跟促销价都发不能修改了，甚至删除都不行。后面去查了下发现大概是数据响应的问题。大概的解决办法有下面几个，我是用最后一个解决的。

2023-10-13 16:07:01 2287

原创 Element UI库之 el-upload 图片上传组件多次上传或重新上传失效bug

/ 清空当前 files。在:on-change方法即本文 fileChange方法中最尾端加上下面这句。

2022-08-23 09:38:46 3177

原创 ES6 数组对象数据去重JS

let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ];let obj = {};let pe...

2020-03-16 10:56:43 1448 2

原创微信小程序带参数，数组，对象跳转页面传递，数据量太大导致问题解决

页面传递encodeURIComponent(JSON.stringify(obj))页面接收JSON.parse(decodeURIComponent(options.obj))

2019-05-28 10:22:19 3090

转载 js获取当前年月日

var date = new Date();date .getYear(); //获取当前年份(2位)date .getFullYear(); //获取完整的年份(4位)date .getMonth(); //获取当前月份(0-11,0代表1月)date .getDate(); //获取当前日(1-31)date .getDay(); //获取当前星期X(0-6,0代表星期天)...

2019-04-12 14:19:58 66667 1

原创手把手使用 vue-lic3.0 快速构建项目（全）

使用 vue-lic3.0 快速构建项目安装前需要注意的地方： Vue CLI 的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x)，你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。 Vue CLI 需要Node.js8.9 或...

2019-03-29 17:49:25 2133 2

原创前端Vue简单编写一个幸运大转盘抽奖游戏

最近公司有一个需求要做一个抽奖类的大转盘游戏配合运营推广，先看看大概的界面ui图吧使用rotate计算每一个奖项的角度进行奖项的布局 <ul class="gift-container"> <li v-for="(item, index) in prizeList" :key="index" :style="{'tran...

2019-03-20 11:11:40 6912 7

转载禁止移动端微信内置浏览器调节字体大小

微信webview内置了调整字体大小的功能，用户可以根据实际情况进行调节。但是很多移动端页面的开发都是使用rem作为单位的，字体大小改变以后，会出现页面布局错乱的情况，因此希望能够禁止微信的字体放大功能，下面是通过查找资料找到的一些解决方法。1.安卓手机禁止微信客户端修改字体大小<scrip...

2019-03-20 10:42:04 1046 3

原创微信小程序在部分iPhone手机中边框一侧显示不完整

在开发微信小程序商城项目中发现一个小问题，在部分iPhone手机中选商品加入购物车那边类别的边框右边的显示不出了，就跟被吃了一样。!!!∑(ﾟДﾟノ)ノ。赶快翻阅百度老师以及自己多方测试，发现这个问题不止我们遇到过。看了看都是1rpx产生的，补充下开发者工具中不会体现，真机下才会发现问题。解决办法就是：修改父容器的宽度为奇数或奇数.5...

2019-03-19 16:05:42 3535

原创 Vue使用动态组件实现类似有赞商城首页自定义装修

最近有空写下项目遇到的需求解决方案，这是年前的一个项目，需求是要跟有赞一样实现后台自定义装修（就是在后台系统中用户自由编排组件的排序数量乃至颜色大小，前台显示出来）这里最后使用Vue中的动态组件实现了需求。关于什么是动态组件看这里哟：https://cn.vuejs.org/v2/guide/components-dynamic-async.html要实现装修的需求，其实就是十...

2019-03-19 15:48:46 8790 6

原创 npm依赖包升级以及删除

依赖包npm-check升级npm-check -u通过上下键可以移动光标，使用空格键可以选择需要处理的包，回车直接进行处理。通过npm-check -u就可以，不需要--save就可以直接更新package.json里面的内容依赖包删除1.删除全局模块：npm uninstall -g <package>利用npm2.删除本地模块：npm uninst...

2019-03-13 16:01:06 3585

原创 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as

最近发现控制台点击没有绑定事件的区域或者其他的就很容易会有这个错误提示在出现提示的元素css下加入以下的可以解决touch-action: none;

2018-12-18 14:53:20 4273 1

原创微信小程序swiper组件卡死来回疯狂轮播

设置current为bindchange事件触发的e.detail.current，发现长时间停留或者快速来回滚动的时候容易偶现导致轮播图组件出错疯狂滚动，打印e.detail.current可以发现来回切换的速度非常快已经超过了设置的2000ms。解决的办法是current赋值的index改由bindanimationfinish触发的e.detail.current还有的是自己...

2018-12-11 14:02:56 4934 1

原创 wepy微信小程序Swiper组件设置高度自适应后，后端数据删除最高一张后下拉刷新小程序Swiper盒子外层高度不会变化

wepy微信小程序Swiper组件设置高度自适应后，后端数据删除最高一张后下拉刷新小程序Swiper盒子外层高度不会变化，后面经过排查发现绑定的bindLoad方法只有在src变化的时候才会重新被执行，也就是说虽然后端的数据更新了，但是src是没有变化的，知道原因后就容易了，由于我这里使用的wepy组件化开发，我这里先用watch检测到数据更新再执行操作具体请看代码 watch = { ...

2018-12-06 11:51:05 411

原创 wepy微信小程序swiper组件设置自适应图片高度，图片高度不一致取最高图片的高度

微信小程序swiper组件设置自适应图片高度展示，并且为了用户设置一组高度不一致的图片的时候不会产生跳动感，设置外层盒子高度为一组图片中最高的图片高度为盒子高度html代码： <swiper class="swiper-box" bindchange="swiperChange" style="height:{{imgBoxSize}}rp...

2018-12-06 11:45:36 2501

原创修改ui库组件样式效果,element饿了么组件库,vant有赞等

.home为当前模板根元素类名,如下<template> <div class="home"> </div></template> <style scoped>.home >>> .el-button {color:red;}</style

2018-09-17 16:34:05 8369 3

原创 element UI组件不支持@keyup 的解决办法

下面这样写是监控回车键然后执行事件操作的,但是完全一点反应都没有,然后你会发现你自己写了一个input原样复制进去是没问题<el-input v-model="SearchData" class="input-with-select" @keyup.enter="SearchKeyDown">现在我这样写了可以运行事件了,问题得到了解决,你会发现有点不同了后面多了.nat...

2018-07-17 17:55:48 4957

转载监听拼音输入法确定输入 ,compositionstart 、 compositionend 、 input都存在时的解决办法

$(function () { var cpLock = true; $('#textbox').off().on({ compositionstart: function () {//中文输入开始 cpLock = false; }, ...

2018-05-09 14:36:34 9601

转载记录一段rem文件

/** * Created by Administrator on 2018/3/13 0013. */(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document...

2018-05-03 11:37:47 376

原创微信小程序类似购物车列表效果，计算总共价格数量，加减商品计算，滑动删除

先看下效果图：一个小demo，记录下。html：<view class="collect_big_box">  <view class="collect_list_box"> &am

2018-04-20 17:29:49 12589 2

原创微信小程序一个搜索记录保存本地，并且记录去重复排序小demo

先看上面是效果图，下面开始贴代码。html：<view class="SearchBox"> <view class="Search_input_top_box"> <view class="Search_ico_box"> <image class="Search_ico" src="../../

2018-04-20 17:19:26 7194 5

原创微信小程序简单实现类似饿了么,美团文字公告告示垂直循环滚动效果

首先先来看下效果图一开始的时候是打算自己用animation自己写出这样的一个动画效果，后面写完了，ui小姐姐看过后觉得十分不满意。其实自己也觉得不太满意，效果不太好，可能是自己功夫不到家啊，哈哈。那么只能重新再搞搞呗，想到微信小程序组件里面有一个swiper组件。既然能用来滚动轮播图为什么不能拿来滚动文字呢，细看确实有垂直滚动的功能，马上拿来试试，最后弄完发现只...

2018-04-20 17:03:27 3356 2

转载微信小程序-list带值跳转传递

设置id的方法标识跳转在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面带着id去下一个页面查询，详细信息）如：image后我们在js的bindtap的响应事件中获取，并传递到下一个界面中；通过e.currentTarget.id;获取设置的id值，并通过设置全局对象的方式来传递数值，//获取全局对象 var app=getApp()

2018-01-09 09:47:15 2107 1

转载 html form表单提交后不刷新不跳转的实现方法

html> body> form action="" method="post" target="nm_iframe"> input type="text" id="id_input_text" name="nm_input_text" /> input type="submit" id="id_submit"

2018-01-04 10:48:37 5981 3

原创实时监控输入框,两个输入框数据不为零的时候按钮变色

//判断按钮变色var invoiceName = 0 ;var invoiceNumber = 0;console.log(invoiceName);//实时监控输入框内容$(document).on("input propertychange",".invoiceName", function(){ invoiceName = $(".invoiceName").val().l

2018-01-03 17:48:15 1214

原创 jq input简陋版图片上传

html部分另外补充一点input哪里accept="image/*"会导致打开缓慢accept=”image/*”属性会对每一个文件都遍历一次所有的”image/*”文件类型，当文件较多时，文件的检验时间较长，这可能是Webkit的底层实现的bug<input type="file" style="display: none" name="file0[]" id="file0" mul..

2017-12-13 14:44:20 2034 1

转载 JQUERY的父，子，兄弟节点查找方法

下面介绍JQUERY的父，子，兄弟节点查找方法jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.chi

2017-12-11 16:42:08 554

原创更改select样式,点击div触发select

为了美观,ui小姐姐,坚持要把select做成这种效果,这样的话只能自己编辑了,但是怎么能使点击套上去的图片样式触发select下拉呢?试了好久都不行$(".select-bg").on("click",function(){ $('select').trigger('change')})方法就是这样啊,为什么不行呢. 问了好久度娘都没答案, 最后千辛万苦的找到一

2017-12-07 13:52:39 3987

转载判断是否微信访问

微信内置浏览器的 User Agent如何判断微信内置浏览器，首先需要获取微信内置浏览器的User Agent，经过在 iPhone 上微信的浏览器的检测，它的 User Agent 是： (经测试正确）Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like

2017-12-04 10:27:34 1027

转载 js/jquery判断浏览器的方法大全

JS获取浏览器信息12345678浏览器代码名称：navigator.appCodeName浏览器名称：navigator.appName浏览器版本号：navigator.appVersion对Java的支持：navigator.javaEnabled()

2017-12-04 10:22:28 342

转载 html 输入框只能输入数字只能输入字母数字组合

只能输入中文[javascript] view plain copy print?"text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')"> 只能输入英文[javascript] view plain copy

2017-11-30 15:21:25 1454

转载 jq判断复选框状态方法

方法一：if ($("#checkbox-id")get(0).checked) { // do something}方法二：if($('#checkbox-id').is(':checked')) { // do something}方法三：if ($('#checkbox-id').attr('checked')) { // d

2017-11-28 15:16:10 455

原创小技巧实现修改input-file样式,代理上传

input file样式是不可以修改的,所以我们做到的是隐藏掉默认的input,然后自己写一些按钮样式,用事件代理做点击事件完美解决;//事件代理点击,获取file文件名;$(document).on("click", ".fileinput>span", function() { $(".fileinput>input").click(); var str =

2017-11-27 15:19:56 587 1

原创 jq获取元素的所有宽高（包括内边距和外边距）

获取元素的所有宽高（包括内边距和外边距）width() - 返回元素的宽度。height() - 返回元素的高度。innerWidth() 方法返回元素的宽度（包括内边距）。 innerHeight() 方法返回元素的高度（包括内边距）。 outerWidth() 方法返回元素的宽度（包

2017-11-27 11:17:38 8817

原创记录一下超出省略

overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

2017-11-24 16:24:31 218

转载 change、keypress、input和propertychange

change: keypress: propertychange: input: $(function(){ /** * a、当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） * b、当前对象失去焦点(onblur) */ $("#change"

2017-11-23 14:48:29 398

转载 Echarts设置字体和线条的颜色相关操作笔记

这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记，希望文章对你有所帮助，主要是自己的在线笔记吧。我在前面先放各种修改前后图片颜色的对照，后面再详细介绍代码。这样更方便阅读及读者知道，是否对自己有所帮助，其重点是如何在模板动态网页或JSP网站中插入Echarts图片。 1.修改标题及背景颜色 2.设置柱形图颜色

2017-11-16 11:08:04 1457

原创 echarts自动适应屏幕大小

或者页面大小改变时刷新整个页面也可以// 加上这一句即可window.onresize = myChart.resize; 或者： window.addEventListener("resize",function(){ option.chart.resize();});

2017-11-16 10:57:54 11580

原创自动刷新界面方法,兼容问题

window.location.href=window.location.href; 此方法兼容火狐; location.reload() 此方法IE会出现部分问题但是能实现,不兼容火狐

2017-11-13 14:06:14 458

原创 js复制文本内容到右键粘贴

//复制文本到右键$(document).on("click",".CopyText",function(){ $("#Ctext").select() //选中文本 document.execCommand("Copy"); // 执行浏览器复制命令此命令兼容各大浏览器 alert(1)})

2017-11-08 16:34:30 1965

navText.zip

空空如也