![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
jQuery/js
jQuery/js
阿啦ala
这个作者很懒,什么都没留下…
展开
-
关于TS的使用(定义 、接口、泛型等)
泛型:在定义时不指定数据类型,而是在使用时指定,相当于传了一个参数。原创 2023-04-10 14:54:46 · 292 阅读 · 1 评论 -
微信小程序实现图片懒加载的方法
使用wx.createIntersectionObserver实现,官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createIntersectionObserver.html需要展示的列表groupGoodsList,图片是否展示用show 控制wxml:给列表元素添加class:‘other-goods-item-’ + indexjs:.........原创 2022-07-13 14:55:14 · 1799 阅读 · 0 评论 -
数组计算:数组根据某个字段排序;判断数组中某个元素是否有重复项
判断数组中某个元素是否有重复项。原创 2022-07-01 16:48:30 · 134 阅读 · 0 评论 -
获取近几天的日期和星期
getDay: function(day, week) { // 获取近几天的日期,day为获取近几天,可以为负数,week表示是否需要查星期 var today = new Date() var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day today.setTime(targetday_milliseconds) // 注意,这行是关键代码 var tYear = today.getFullYea原创 2021-02-05 17:18:09 · 103 阅读 · 0 评论 -
elementui-admin中阿里云oss后端签名直传
首先在utils文件夹中新建一个upload.js文件写入如下代码:import { vUploadImage } from '@/api/common'import axios from 'axios'import { Message } from 'element-ui'export function fileUpload(file) { // file是文件 return new Promise((resolve, reject) => { // 请求后端签名 v原创 2021-01-26 10:00:20 · 375 阅读 · 0 评论 -
elementui-admin后台设置代理的方法
根目录的 .env.development文件中设置VUE_APP_BASE_API = '/api'vue.config.js文件中配置代理,保存后重启即可proxy: { [process.env.VUE_APP_BASE_API]: { target: '', // 你请求的第三方接口 changeOrigin: true, pathRewrite: { // 路径重写 ['^' + process.env.原创 2021-01-15 10:16:05 · 1377 阅读 · 1 评论 -
elementui下拉框多选报[Vue warn]: <transition-group> children must be keyed: <ElTag>
elementui下拉框多选,选值报错[Vue warn]: children must be keyed: 选中一个值后所有的值都会被选中经检查,是由于我的下拉框的value值为一个对象而非单个值值为对象时需要填入value-key<el-select value-key="id" multiple v-model="personnelForm.deptUserArr" placeholder="" class="personnel"> <el-option v-for原创 2020-12-22 15:07:07 · 5141 阅读 · 1 评论 -
elementui select下拉框无法选值的解决办法
<el-select v-model="data" placeholder="请选择" @change="change"> <el-option v-for="(item, index) in 4" :key="index" :label="item" :value="item">{{ item}}</el-option></el-select>change: function() { this.$forceUpdate()}原创 2020-12-16 14:50:10 · 1246 阅读 · 0 评论 -
jquery动态加载的数据on(‘click‘)事件不生效的解决办法
jquery动态加载的数据on(‘click’)事件不生效的解决办法$('body').delegate('.deleteAvatar', 'click', function(data) { console.log('点击')})原创 2020-12-15 11:33:00 · 1374 阅读 · 1 评论 -
微信浏览器监听手机物理返回键实现无限返回
访问地址你的地址?scene=4#wechat_redirect这个时候已经实现无限返回了,但是每次返回都在同一个页面,那么我们在这个页面进行监听先在url中加一个时间戳然后判断缓存中是否有时间戳保存,没有表示是第一次进入页面,然后存一个缓存值如果有缓存表示是返回的页面,判断当前页面的时间戳与缓存中的时间戳是否相等不相等则可以进行操作或者跳转地址从而实现无限返回history.pushState(history.length + 1, "message", "#wechat_redire原创 2020-07-23 11:26:41 · 1377 阅读 · 4 评论 -
微信公众号自定义分享踩坑
config成功但是自定义分享的内容没有生效;手机端分享成功但是PC端分享内容不生效。解决方法:把配置项单独拿出来定义变量,api中直接填变量名;手机端配置updateAppMessageShareData和updateTimelineShareData,PC端配置onMenuShareAppMessage和onMenuShareTimeline。最终代码:$.ajax({ url : '后端请求接口地址', data: params, type:'get', .原创 2020-11-28 17:30:34 · 550 阅读 · 0 评论 -
微信小程序换行符↵转义
第一步在js中替换所有字符串content = content ? content.replace(/↵/g, '\n') : ''第二步注意:一定要使用text标签,使用view无效<text>{{ content }}</text>原创 2020-11-02 17:57:02 · 951 阅读 · 0 评论 -
elementui分页列表的全选、全不选和反选
先看一下结果图:官方文档:https://element.eleme.cn/#/zh-CN/component/checkbox其中需要注意的几点:单独选择的时候全选按钮应该变成indeterminate 状态;在已有部分选择时点击全选秩序添加未选择的元素,而非所有;页码切换后应当保留当页选择状态;<template> <div class="group"> <div class="box check"> <div clas原创 2020-09-24 14:23:31 · 1359 阅读 · 0 评论 -
数组元素的上移下移
项目中有一个需求,需要处理数组元素的上移和下移changeSort: function(index, type) { this.tweetsData.splice(type ? index : index - 1, 1, ...this.tweetsData.splice(type ? index + 1 : index, 1, this.tweetsData[type ? index : index - 1]))}其中,this.tweetsData表示整个数组,index表示需要移动的元素下原创 2020-09-24 13:59:13 · 1158 阅读 · 0 评论 -
vue判断数组中时间段无重复区间
原数组是这样的this.tableData = [{ "endTime": "2019-12-05 00:00:00", "startTime": "2019-11-01 00:00:00"}, { "endTime": "2020-08-31 11:29:14", "startTime": "2019-12-01 00:00:00"}]需要判断数组中所有元素的startTime和endTime组成的时间段是否存在重复区间save: function() { var startTime原创 2020-09-01 15:02:11 · 1618 阅读 · 0 评论 -
iframe父页面和子页面之间的方法调用
有两个页面,父页面index.html, 子页面chilld.html父页面index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></原创 2020-07-03 16:15:38 · 393 阅读 · 0 评论 -
FroalaEditor富文本编辑器toolbarButtons顶部按钮配置
官网介绍:https://froala.com/wysiwyg-editor/docs/options/#toolbarButtons配置方法:config: { toolbarButtons: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineClass', 'i原创 2020-07-01 10:19:18 · 1444 阅读 · 0 评论 -
jquery点击其它位置操作
$(document).on('click', function(e) { // 点击除了class="icon"以外的元素 if(e.srcElement.className != 'icon') { // 点击后的操作 } })原创 2020-06-23 10:52:19 · 236 阅读 · 0 评论 -
h5页面中audio苹果手机无法自动播放
function audioAutoPlay(id){ var audio = document.getElementById('bgMusic'), // audio元素 play = function(){ audio.play(); document.removeEventListener("touchstart",play, false); }; audio.play(); document.addEventListener("WeixinJSBr转载 2020-06-22 13:46:20 · 360 阅读 · 0 评论 -
关于鼠标移入移出事件(防闪动)
$("body").on("mouseenter", 'td[data-field="rule_content_details"]', function(e) { // 鼠标移入事件 clearTimeout(t); // 清空定时器 t=setTimeout(function(){ // 延时操作 },300); }).on("mouseleave", 'td[data-field="rule_content_details"]', function(e) { //原创 2020-06-17 15:33:05 · 1115 阅读 · 0 评论