摘要：手动点击设置全屏/退出全屏 html <div style="height:100%" v-if="isReloadData"> <div @click="fullScreen()">{{ isFullScreen ? '退出全屏' : '全屏展示' }}</div> </div> js expor
阅读全文
posted @ 2023-07-13 18:15
随笔分类 - js
摘要：数据最高只有11条，做显示更多和隐藏，超过4条的数据就显示更多
阅读全文
posted @ 2021-05-18 17:57
摘要：需求： 纵坐标为日期 横坐标为 时间点 且 横坐标有分支（前提事件） 纵坐标是用elementUi里的事件轴实现。 实现： <template> <div class="processInfo" v-loading="openAccountProcessLoading"> <common-title
阅读全文
posted @ 2020-09-17 16:17
摘要：需求： 点击新增 弹出另一个系统页面，进行操作 代码： html: <button type="button" class="btn btn-primary btn-sm" id="addRuleSeletedBtn">新建</button> <div class="ruleModal hide">
阅读全文
posted @ 2020-09-17 14:37
摘要：需求： select下拉框 选择一个值时，把这个值的别的属性自动填充到页面的input中，且 select选项可以新增， 在选择新增的select选项时，经过打印 发现list中没有获取新增项。 解决方案： 通过把需要用到的每项的属性 添加到 自定义属性中，通过获取自定义属性的值来获取 代码： cs
阅读全文
posted @ 2020-09-17 14:18
摘要：需求： 原生js 模板引擎渲染： 代码： <select style="height: 28px;border-radius: 5px;" class="input-md selectpicker" data-live-search="true" id="ruleSeleted" name="rul
阅读全文
posted @ 2020-09-17 13:59
摘要：简介： 基于jq的 下拉框 bootstrap-select 是基于 jQuery v1.9.1 +，Bootstrap的dropdown.js组件和Bootstrap的CSS Bootstrap 4仅适用于bootstrap-select v1.13.0 + bootstrap-select :g
阅读全文
posted @ 2020-09-17 13:50
摘要：1、闭包 2、全局变量( 没有声明的变量) 3、计数器没有清除（setInterval）
阅读全文
posted @ 2020-07-08 11:34
摘要：if (!message.touser) { $("#sound").attr('src', "https://XXXXXX/msg.mp3"); Notification.requestPermission(function (permission) { var notification = ne
阅读全文
posted @ 2020-06-27 15:20
摘要：动态渲染style可以让两个相似样式的框架只动态修改style即可。 <el-input v-model="itemLabel.oldValue" class="borderNone" :style="{width:(label.flag == 'basePerson'?'40%':'100%'),
阅读全文
posted @ 2020-06-19 15:55
摘要：点击 icon input 同步获取焦点，且点击input不可以获取焦点。 代码： html <el-form :model="dataLabel.basePopulationLabels" label-width="80px" size="mini"> <el-form-item label="姓
阅读全文
posted @ 2020-06-16 14:33
摘要：vant 轻量、可靠的移动端 Vue 组件库 地址: https://youzan.github.io/vant/#/zh-CN/quickstart elementUI Vue 组件库 地址：https://element.eleme.cn/#/zh-CN/component/quickstart
阅读全文
posted @ 2020-06-10 15:40
摘要：1、 $.ajax({ url:"XXX", type:"post", dataType:"jsonp", data:{}, success:function(data){ try{ }catch(e){ return false } }, error:function(res){ console.
阅读全文
posted @ 2020-05-27 14:15
摘要：前言 最近小程序项目需要一个 弹框 展示 轮播图 。项目用的 mpvue 框架，使用 colorUi 的轮播图时， <swiper class="card-swiper round-dot" indicator-dots="true" circular="true" autoplay="true"
阅读全文
posted @ 2020-05-18 18:04
摘要：overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 （只显示一行） 多行一出隐藏 overflow:hidden; text-overflow:ellipsis; disp
阅读全文
posted @ 2020-03-30 15:21
摘要：Array.isArray() let a = [1,2,3] Array.isArray(a);//true此方法为 ES5新增方法 ，兼容Es5之外不支持的问题 if (!Array.isArray) { Array.isArray = function(arg) { return Object
阅读全文
posted @ 2020-03-08 22:46
摘要：最近一个vue项目中，有个需求是， 发送消息是base64时，转换成图片预览发送出去。 输入框： 设定一个 dialog 弹框。 效果展示：
阅读全文
posted @ 2019-09-02 11:25
摘要：contenteditable 属性规定元素内容是否可编辑 给 div 设置了 contenteditable 属性后 该div 可以编辑内容
阅读全文
posted @ 2019-08-28 09:58
摘要：最近在看vue项目 涉及一些es6语法，目前只写一些 看到的 ，别的有时间会补充 1、解构 解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 在解构中，有下面两部分参与： 解构的源，解构赋值表达式的右边部分。 解构的目标，解构赋值表达式的左边部分。 解
阅读全文
posted @ 2019-08-23 15:31
