代码片段
渔倒到
返璞归真(人-> 猿)
展开
-
vue 组件化开发(一)说明书格式开发
说明 :根据项目需求要配置除一些岗位说明书的模板,开始想着用el-table 实现,可是感觉难度大写,于是自己动手写了实现的目标:看图vue 是数据驱动,所以首先考虑了设计模板数据,数据结构定义好了,一切都好说,毕竟剩下的就是根据数据渲染成不同的样式。下面是模板数据:export default { GWT: [ { name: "模板1", usin...原创 2019-08-16 16:44:58 · 175 阅读 · 0 评论 -
基于Vue的下拉select选择区间组件
业务场景 选择职级范围,ant-design-vue的适用的组件是两个select并用,前值后值充当区间范围,这样会比较麻烦,对用户不友好,与是开发一个 模拟下拉select,但是可选择区间,回显样式类似于 A -B看图:这样一个select就可以完成区间选择了。下面看代码:首先基于antdv的基础组件 dropdown、input、icon、menutemplate部分:这个ant基础组件的使用就不在这里解释了<template> <a-dropdown cla原创 2021-06-15 17:04:04 · 1221 阅读 · 7 评论 -
Ellipsis vue 实现文本自动识别是否溢出,高亮显示关键字
在开发中有很多地方要处理文本溢出,原生的写法有很多弊端,并且不美观。接下来就是我封装的溢出内容自动检测组件。这样的:html部分提示信息为了没关采用ant组件。并且为了支持搜索结果的展示增加了关键字高亮显示<template> <a-tooltip :overlayClassName="overlayClassName" trigger="hover"> <template slot="title"> {{ text }} &l原创 2020-10-12 17:04:11 · 1555 阅读 · 4 评论 -
js结合vue操作dom元素 动态设置table表格的高度实例
<template> <div id="app"> <div :style="{width: `${screenWidth}px`}"> <router-view/> </div> </div></template><script>export default...原创 2019-10-31 13:52:15 · 1825 阅读 · 0 评论 -
vue 获取dom元素的样式方法(height为列子)
//获取元素样式值,为元素ref="ele"(在样式里面写死了的高度)var heightCss = window.getComputedStyle(this.$refs.ele).height; // ?px//获取元素内联样式值var heightStyle =this.$refs.ele.style.height; // ?px...原创 2019-10-31 13:50:01 · 1366 阅读 · 0 评论 -
vue 带节假日考勤状态的日历
开发日历开始首先要确定当前月份在日历中需要几行显示(一般5行, 少数月份需要六行):获取当前月份的第一天是周几,用本周剩余天数 + 4 * 7 得到5行显示天数, 和本月天数对比, 是否可以完整显示。然后空余地方用下个月和上个月补// 传入年月日, type:当前日历以周一开头还是周日开头getMonthDaysArray(year, month, day, type)依次得到如下数据...原创 2019-12-10 18:06:56 · 3311 阅读 · 7 评论 -
(vue)input 设置focus失败的解决办法
setTimeout(function(){ $("#input_idname").focus(); },500)原创 2019-10-30 16:10:05 · 7477 阅读 · 0 评论 -
校验银行卡号,银行卡校验规则(Luhn算法)
//校验银行卡号,银行卡校验规则(Luhn算法)export function validateBankNo(value) { if (value == "" || !isPositiveInteger(value)) return false; var wei = [], sumOdd = 0, sumEven = 0, length = value.lengt...原创 2019-10-29 14:48:16 · 1738 阅读 · 0 评论 -
项目中一些用到的正则匹配场景
trim(str) { // 删除左右两端的空格 return str.replace(/(^\s*)|(\s*$)/g, ""); } // 限制文本框只能输入正数、小数、负数 limitConst(str) { return str.replace(/[^\-?\d.]/g, ""); } // 去除中文 removeCinString(...原创 2019-10-29 14:15:28 · 210 阅读 · 0 评论 -
javascript Date format(js日期格式化)
在部分浏览器中使用官方toLocalXXX() 方法并不能转换时间,这时就要自己动手转换了方法一:// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)// 例子:// (new Dat...转载 2019-10-29 10:02:22 · 222 阅读 · 0 评论 -
js 常用工具类大全
内容转载自 :https://blog.csdn.net/hj7jay/article/details/77703420/** * js常用工具类 */ /** * 方法作用:【格式化时间】 * 使用方法 * 示例: * 使用方式一: * var now = new Date(); * var nowStr = now.dateFormat("y...原创 2019-08-26 14:34:50 · 5900 阅读 · 0 评论 -
前端开发实用性代码片段 日期转化,键盘输入大小写,获取鼠标在页面上的位置,最小公倍数的获取
日期转化var format = "yyyy-MM-dd hh:mm:ss";dateFormat(newarr[x].ctime, format);function dateFormat(longTime, formatStr) { var d = new Date(); d.setTime(longTime); return d.format(formatStr...原创 2018-03-15 10:23:23 · 189 阅读 · 0 评论 -
正则表达式实现 限制文字输入个数汉子,数字,英文单词
html:<textarea style=" height: 60px;" check="required" id='limitNum' onkeyup="words_deal();"></textarea><p class='syNum'>剩余<span id="textCount">20</spa原创 2018-03-16 14:15:25 · 4178 阅读 · 0 评论 -
js 实现 html转img、pdf的方法
使用的方法是html2canvas以及jspdf 1.首先引用js文件 <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script> <script src="https://cdn.bootcss.com/jspdf/1.3.5...原创 2018-04-08 18:43:21 · 3942 阅读 · 1 评论 -
可编辑div的一些方法总结(一)复制文字去除标签和样式
//去除复制样式的方法 function textInit(e) { e.preventDefault();//阻止默认事件 var text; var clp = (e.originalEvent || e).clipboardData; if (clp === undefined || clp === null) { ...原创 2018-05-25 19:42:07 · 4886 阅读 · 0 评论 -
可编辑div的一些方法总结(二)自定义空格和回车事件
在可编辑div中空格键是 和 ‘ ’,混合的,由于浏览器只识别第一个 ‘ ’,所以项目中为了后期页面的自适应以及兼容性,决定将空格符统一为&nbsp;同样将回车键产生的不同标签替换为统一的方法:在键盘事件中 //是否输入回车 isEnterkey(e); //是否输入换行 isSpacekey(e);...原创 2018-05-25 19:50:40 · 2929 阅读 · 2 评论 -
16进制转化,解析url携带参数,数组删除,页面禁止选中,日期格式化
svg类库 https://www.linuxidc.com/Linux/2015-02/113411.htm//十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; /RGB颜色转换为16进制/ String.prototype.colorHex = function(){ var that = this...原创 2019-03-06 11:22:41 · 346 阅读 · 0 评论 -
mm转px
像素与毫米的转换转换还需要知道另一个参数:DPI(每英寸多少点)象素数 / DPI = 英寸数英寸数 * 25.4 = 毫米数 im2px (val, type) { // val: 需要转化的值, type:mm类型, ins英寸类型 let dpi = 300 let ins, px if (type === 'mm') { ...原创 2019-03-07 16:32:52 · 4123 阅读 · 1 评论 -
vue element table 不同列的相同行合并
官方给出的案列只进行了第一列的合并,很多时候不满足需求,自己搞了一下思路就是循环一下: 官方的 rowSpanFilter 方法rowtext:shi 每列的key每次返回的this.spanArr 是一个数组 类似 [1, 1, 2, 0, 0] :表示第三行至第五行值相同 需要合并 rowSpanFilter(val, rowtext) { let _this = t...原创 2019-06-20 18:40:45 · 5328 阅读 · 5 评论 -
前端页面图片加载失败显示默认图片
方法有多种:1.首先说我用的,看代码//页面图片加载失败时 默认显示统一处理document.addEventListener("error", function (e) { var elem = e.target; if (elem.tagName.toLowerCase() == "img") { elem.src = "/image/General/errorDef...原创 2018-03-15 09:55:07 · 9359 阅读 · 0 评论