![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
刹那烟火//
人间值得,未来可期。
展开
-
日期选择器快速选择今天,昨天,本周,上周,本月,上月,本年,最近七天,最近三天
日期选择器,年月日的,开始日期和结束日期 <el-date-picker v-model="startStart" type="daterange" unlink-panels range-separator="至" start-place...原创 2020-05-08 11:01:10 · 3695 阅读 · 0 评论 -
前端引入特殊字体,数字千分位逗号分割
选一个公关配置的文件夹,放置字体然后在全局配置的地方引入这个字体文件,根据自己当前项目的路径去配置把需要改变字体的样式改成设置的字体就可以假如还想把数字改成以千分位分割的逗号形式的,如下<template> <div> <div class="ceshi">{{amount}}</div> </div>&...原创 2019-12-27 10:37:04 · 1126 阅读 · 0 评论 -
Vue.directive自定义指令改变颜色
最好在全局写,这样都会生效,或者当前页面,必须引入import Vue from ‘vue’Vue.directive('rest-styleBackground', function(dom, definition) { //背景颜色 dom.style.background = definition.value})<template> <div> ...原创 2019-12-27 10:17:54 · 1639 阅读 · 0 评论 -
webpack多入口文件页面打包配置
webpack 多页应用配置的基本思路是采用多入口配置,然后多次调用 html-webpack-plugin 来生成 html 文件。src下的目录,module下可配置每个单页面1.webpack.base.conf.js修改(配置多个页面的js入口)var path = require('path')var config = require('../config')var utils...原创 2019-11-28 11:20:42 · 650 阅读 · 0 评论 -
vue3.0 摒弃 Object.defineProperty,基于 Proxy 的观察者机制探索
一.为什么要取代Object.defineProperty既然要取代Object.defineProperty,那它肯定是有一些明显的缺点,总结起来大概是下面两个1.在Vue中,Object.defineProperty无法监控到数组下标的变化,导致直接通过数组的下标给数组设置值,不能实时响应。 为了解决这个问题,经过vue内部处理后可以使用以下几种方法来监听数组(评论区有提到,Object...转载 2019-10-12 11:56:01 · 285 阅读 · 0 评论 -
获取地址栏参数
1.获取地址栏参数 getParamsUrl(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); if (window.location.hash.indexOf("?") < 0) { return null; } ...原创 2019-08-16 10:41:24 · 238 阅读 · 0 评论 -
vue点击按钮打开新页签,并传参
今天遇到一个新需求,需要打开新页签展示,之前用ruter.push都不管用,现在结合window.open和$router.resolve亲测有效以下附上代码:<div class="target" @click="ceshi" ref="target">测试</div>ceshi() { let routeData = this.$router.re...原创 2019-07-17 15:50:15 · 7587 阅读 · 1 评论 -
封装toast弹窗
js部分import vue from "vue";// 这里就是我们刚刚创建的那个静态组件import toastComponent from "./toast.vue"; //把vue组件引进来// 返回一个 扩展实例构造器const ToastConstructor = vue.extend(toastComponent);// 定义弹出组件的函数 接收2个参数, 要显示...原创 2019-07-24 11:25:07 · 226 阅读 · 0 评论 -
vue中使用scss,写代码会更方便快捷(瞬间种草)
首先要了解什么是CSS 预处理器? SCSS是一种CSS预处理语言定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS那么SCSS和SASS 有什么区别呢· 文件扩展名不同,文件后...转载 2019-07-24 11:16:14 · 492 阅读 · 0 评论 -
js身份证号码加权因子校验
/** * 身份证校验算法 */ //检查号码是否符合规范,包括长度,类型 isCardNo: function(card) { //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X var reg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/; ...原创 2019-07-23 18:02:55 · 748 阅读 · 0 评论 -
封装输入框文字限制,超出标红(elementui)
<template> <div class="text-size"> <span class="textarea-tip" :class="{isActive: total > max}">{{ total }}/{{ max }}</span> </div></template>&...原创 2019-07-16 15:16:03 · 982 阅读 · 0 评论 -
渲染从后台获取到的整个HTML页面
场景:后台返回整个动态的html页面,前端通过获取渲染出来,进行转义解析实现方式:通过接口获取返回的html的数据,document.getElementById(“container”).innerHTML = this.decodeUnicode(接口返回的数据);js方法decodeUnicode(str) { str = str.replace(/\\/g, "%");...原创 2019-07-16 10:52:10 · 12594 阅读 · 2 评论 -
移动端click事件会有300ms延迟
解决移动端300ms的延迟问题产生问题的原因: 移动端的双击会缩放导致click判断延迟浏览器为什么会设置300ms的延迟呢,这个跟双击缩放有关,浏览器捕获第一次单击后,会先等待一段时间,如果在这段时间区间里用户未进行下一次点击,则浏览器会做单击事件的处理。如果这段时间里用户进行了第二次单击操作,则浏览器会做双击事件处理。这段时间就是上面提到的300毫秒延迟。解决方式:1。css touc...原创 2019-07-16 10:38:06 · 280 阅读 · 0 评论 -
element-ui之日期时间选择器 中的datetime,限制时间不能大于当前时间
elemnt-ui## 标题 ##原创 2018-08-07 15:23:01 · 15971 阅读 · 2 评论