前端
关注
分享
扫一扫
---果子---
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue+less实现主题切换
参考文章 https://www.rokub.com/61045.html1、在src下创建一个style文件夹，文件夹black.less文件中代码如下：.theme(@backcolor:#EEA2AD,@fcolor:#fff) { .m-art { position: relative; .m-commonheader { width: 100%; position: fixed; z-index: 999; backgro原创 2021-08-23 16:31:56 · 1024 阅读 · 0 评论 -
lodash中debounce防抖实现和延时器防抖实现
handleChange (property, value) { this.debounce(property, value) }, debounce: _.debounce(function (property, value) { window.GDEGRAPHIC.setProperty(property, value) }, 1000),原创 2021-03-08 11:15:15 · 359 阅读 · 0 评论 -
Day.js ：一个轻量的处理时间和日期的 JavaScript 库
1、封装import * as dayjs from 'dayjs'const utc = require('dayjs/plugin/utc')dayjs.extend(utc)export const transformDate = (date, type = 'YYYY-MM-DD') => { return dayjs.utc(date).format(type)}2、引入import { transformDate } from '@/utils/transform-原创 2021-03-04 13:50:04 · 404 阅读 · 0 评论 -
正则校验字符串中是否有空格
let str = '12 3' const reg1 = new RegExp(/\s/) reg1.test(str)原创 2021-03-04 13:48:35 · 1911 阅读 · 1 评论 -
直接插入排序算法
参考文章 https://www.cnblogs.com/guopengxia0719/p/10520561.html思想：每一趟将一个记录插入到已经排好序的一组记录的适当位置上，直到所有待排序记录都插入为止。方法一： let a = [23,12,56,78,65,90,88,92,18,21] for(let i = 1;i<a.length;i++){ debugger let temp = a[i]//标志从数组第二个元素开始 let原创 2021-02-25 20:10:47 · 119 阅读 · 0 评论 -
手机号校验
check(value) { var tel = /^(\d3,4|\d{3,4}-)?\d{7,8}$/; var phone = /^(((13)|(14)|(15)|(16)|(17)|(18)|(19))+\d{9})$/; if (!value) { this.$message.warning("联系方式不能为空"); } else if ( !( (value.toString().len...原创 2021-01-19 17:23:41 · 161 阅读 · 0 评论 -
Prettier 前端代码格式化工具
1、安装依赖yarn add -D prettier eslint-config-prettier eslint-plugin-prettier @vue/eslint-config-prettier2、文件配置（1）配置.eslintrcmodule.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [原创 2020-12-23 17:26:34 · 285 阅读 · 0 评论 -
antd vue写一个多条件查询
<template><!-- 数据筛选 --><div class="m-datafilter"> <div v-for="(itemList,listIndex) in filterList" :key="listIndex" class="m-selectgroup" > <!-- 筛选条件1 --> <a-select v-model="itemList.select1"原创 2020-12-18 13:58:07 · 1219 阅读 · 2 评论 -
flex实现两个div高度自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { margin: 0;原创 2020-12-18 10:55:04 · 1638 阅读 · 0 评论 -
vue嵌入页面
<template><div class="m-box"> <DIV class="container" align=center><IFRAME src="http://weather.265.com/weather.htm" frameBorder=0 marginwidth=0 marginheight=0 scrolling=no style="width:100%;height:100%" ALLOWTRANSPARE原创 2020-12-17 19:51:48 · 3445 阅读 · 0 评论 -
antd vue 与 element ui导入实现
element uivue文件<template> <div> <el-dialog title="导入数据" :visible.sync="drVisible" width="350px" :modal-append-to-body="false" > <el-upload class="avatar-uploader"原创 2020-09-10 19:41:06 · 1161 阅读 · 0 评论 -
父元素加hover后面跟子元素类名控制子元素样式
<template> <div> <a-tree :tree-data="treeData" :replaceFields="{children:'children', title:'name', key:'data_id',slots:'slots' }" @select="handleSelect" selectable > <!-- 自定义折叠图标 --> &l原创 2020-07-23 19:28:18 · 1416 阅读 · 0 评论 -
input正则校验
（1） vue搜索使用的正则插件 any-rule（Visual Studio Code中安装） 按F1即可搜索想要的正则表达式（2）https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#htmlattrdefpattern（input属性）<a-form-model-item> <a-input v-model="formInline.telephone "原创 2020-07-06 20:07:27 · 572 阅读 · 0 评论