js
嫩八
这个作者很懒,什么都没留下…
展开
-
Vue图片预览组件
HTML部分<div class="img-view-wrapper" ref="imgWrapper" style="min-height:300px;"> <i class="el-icon-arrow-left imgIcon pre" :class="{ 'disable': index === 0 }" @click="goPrev()"></i> <i class="el-icon-arrow-right原创 2021-11-16 17:12:38 · 2081 阅读 · 0 评论 -
Vue 上传组件
HTML部分<div class="img-file-row"> <div style="flex:1;"> <div><div class="img-handel"> <el-button type="primary" name="onRemove" @click="onRemove()" v-show="isEditing">删除</el-butt原创 2021-11-16 17:08:38 · 1367 阅读 · 0 评论 -
vue 页面导航组件
快速到达指定的面板。当页面内容太多时,可以用此组件效果图html部分<div class="float-nemu-wrapper"> <span class="el-icon-arrow-left" v-if="!show" @mouseover="more" style="width:30px;height:30px;line-height:30px;background:#7a6e6e;border-radius:2px;color:#fff;vertical-align原创 2021-11-15 14:14:44 · 1250 阅读 · 0 评论 -
js 金钱格式化(money)
* value,金额* thou,是否加分号*len 小数数位 Vue.filter('money', function (value, thou, len) { if (value === 'undefined' || value === '' || value == null) { return ''; } if (value < 0) { return '-' + (Vue.tpUtil.原创 2021-11-12 15:28:09 · 1231 阅读 · 0 评论 -
js 正则
PATTERN_AMOUNT: /^(-)?(([1-9][0-9]{0,2}(,\d{3})*)|0)(\.\d{2})?$/, // 金额(千分位且2位小数)PATTERN_WEIGHT: /^(-)?(([1-9][0-9]{0,2}(,\d{3})*)|0)(\.\d{3})?$/, // 重量(千分位且3位小数)PATTERN_POSITIVE_INTEGER: /^[1-9]\d*$/, // 正整数PATTERN_INTEGER: /^-?\d+$/, // 整数PATTERN_DEC原创 2021-11-12 15:11:37 · 227 阅读 · 0 评论 -
js 封装一些时间常用的方法,如计算一年前的今天,比较两日期大小,字符转日期,时间加减,相差月数
相差月数/** * 相差月数 * @param s_time 开始时间 * @param e_time 结束时间 * @param type String 月数加减 1:加;2:减 * @param num int 月数 */ getMonthsApart: function (s_time, e_time, type, num) { var _this =原创 2021-11-12 14:49:34 · 336 阅读 · 0 评论 -
js 常用方法,首字母置为大写,克隆,数组转对象,比较对象
首字母置为大写replaceToUpperCase: function (str) { // 首字母置为大写 var reg = /\b(\w)|\s(\w)/g; // \b判断边界\s判断空格 return str.replace(reg, function (m) { return m.toUpperCase() }); },示例代码:var test = ‘abc’;v原创 2021-11-12 13:51:18 · 328 阅读 · 0 评论 -
vue 导入excle,可以预览
导入exclel,数据转成json,可以预览html部分<div> <div> <el-button :disabled="isReadonly" size="mini" type="primary" @click="onImport()">{{ _btnName }}</el-button> <el-button :disabled="isReadonly" v-show="preview&&i原创 2021-11-12 11:06:55 · 356 阅读 · 0 评论 -
vue 事件修饰符
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在 events中轻松实现这点,但更好的方式是:methods 只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。为了解决这个问题,Vue.js 为 v-on(@)提供了事件修饰符。通过由点 (.) 表示的指令后缀来调用修饰符。.stop.prevent.capture.self.once...原创 2021-11-12 09:48:19 · 57 阅读 · 0 评论 -
jquery 穿梭框,可上下左右,全选移动
HTML部分<table align="center" cellpadding="0" cellspacing="0"> <tr> <td> 可选择表项 </td> <td></td> <td> 已选择表项 </td> </tr> <tr> <td> <select mult原创 2021-11-11 17:59:38 · 586 阅读 · 0 评论 -
Vue 自定义指令,保留两位位小数的正数
html 部分<el-input v-enterNumberPoint3> </el-input> js部分Vue.directive('enterNumberPoint3', { inserted: function (el, binding) { var trigger = function (el, type) { var e = document.createEvent(原创 2021-11-10 16:19:01 · 571 阅读 · 0 评论 -
react 移动端H5 页面 input 获取焦点不灵敏
开发中遇到ios中input获取焦点,需要一定的点击时长,经常无法一次成功获取焦点。解决方法:在input控件外面包裹一层div,然后 在div上添加点击事件,为input手动获取焦点。//tsx写法,先定义HTMLInputElement[] = [];1. private phoneInputs: 2. <div onClick={() => this.inputClicked(index)}> <input placeholder={item.text}原创 2020-08-28 12:16:29 · 703 阅读 · 0 评论 -
js设置html根节点的style字体
> 由于设备的长宽尺寸不同,和用户查看模式(横向/竖向)的切换,页面需要进行相应的调整。> orientationchange 事件是在用户水平或者垂直翻转设备(即方向发生变化)时触发的事件。> window.orientation可以检测当前设备处于何种查看模式。> window.orientation具有三个返回值:(1)0:表示竖屏模式(portrait)(2)-90:设备横向旋转到右侧的横屏模式(landscape)(3)90:设备横向旋转到左侧的横屏模式(lan原创 2020-08-18 15:49:46 · 1102 阅读 · 0 评论