&小胖&
码龄1年
  • 3,893
    被访问
  • 17
    原创
  • 180,493
    排名
  • 0
    粉丝
关注
提问 私信
  • 加入CSDN时间： 2021-09-23
博客简介：

a2739294436的博客

查看详细资料
  • 2
    领奖
    总分 170 当月 1
个人成就
  • 获得1次点赞
  • 内容获得1次评论
  • 获得2次收藏
创作历程
  • 1篇
    2022年
  • 16篇
    2021年
成就勋章
TA的专栏
  • vue
    6篇
  • js
    5篇
  • css
    5篇
  • html
    2篇
  • git
    1篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

下拉框+树形结构

一、代码<template> <div> <el-select ref="selectTree" v-model="form.Id" filterable placeholder="请选择" > <el-option :key="form.Id" :value="form.Id" :label="form.label"
原创
发布博客 2022.01.08 ·
95 阅读 ·
0 点赞 ·
0 评论

字符串方法

1.indexOf( ) 从左往右获取字符串的对应的索引号(并获取第一个字符的索引值)let a = 'abcdefgc'a.indexOf('c') // 22.lastIndexOf( ) 从右往左获取字符串的对应的索引号(并获取第一个找到的字符的索引值)let a = 'abcdefgc'console.log(a.lastIndexOf('c')) // 73.split("根据分割的字符") 分割字符串 let a = 'abcdefgc'...
原创
发布博客 2021.12.12 ·
274 阅读 ·
0 点赞 ·
1 评论

elementUI日期组件弹出错位

elementUI日期组件弹出错位方法1.使用v-if的地方改为v-show，如果解决不了可以改为方法二方法2.可以使用key：给每一个 el-date-picker 标签 添加一个 key 值<template> <div> <el-date-picker v-model="value1" :type="typelist" key="1" placeholder="选择日期时间" />
原创
发布博客 2021.12.12 ·
572 阅读 ·
0 点赞 ·
0 评论

vue+antv实现雷达图

一、下载依赖npm install @antv/data-setnpm install @antv/g2二、代码实现<template> <div ref="container" /></template><script>import DataSet from '@antv/data-set'import { Chart } from '@antv/g2'export default {// 创建雷达图 mounted(
原创
发布博客 2021.12.05 ·
564 阅读 ·
0 点赞 ·
0 评论

element ui的table表单

1.动态获取表头<template> <div> <el-table :data="tableData" style="width: 100%"> <el-table-column :label="header[0]" :key="index"> <template scope="scope"> {{ scope.row.date }} </template&g
原创
发布博客 2021.11.28 ·
39 阅读 ·
0 点赞 ·
0 评论

css样式

一、字体1.文本样式1.字体大小 font-size:20px 2.文字加粗 font-weight:normal; normal正常 bold 粗 bolder 特粗 lighter 细 400=normal 700=bold （100-900） （数字后不加单位，此方法使用的多） 3.文字样式 font-style:normal; ...
原创
发布博客 2021.11.27 ·
120 阅读 ·
0 点赞 ·
0 评论

用canvas画布实现验证码

一、代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
原创
发布博客 2021.11.21 ·
36 阅读 ·
0 点赞 ·
0 评论

Vue中获取当前时间组件

<template> <div>{{ nowDate }}</div></template><script>export default { data() { return { nowDate: "", // 当前日期 }; }, methods: { currentTime() { setInterval(this.formatDate, 0); }, fo.
原创
发布博客 2021.11.14 ·
615 阅读 ·
0 点赞 ·
0 评论

封装自动获取焦点插件

封装插件import Vue from 'vue'// 聚焦指令Vue.directive('focus', { // 第一次 inserted (e) { focus(e) }, // 除第一次以外 update (e) { focus(e) }})function focus (e) { if (['INPUT', 'TEXTAREA'].indexOf(e.tagName) !== -1) { e.focus() } else
原创
发布博客 2021.11.14 ·
429 阅读 ·
0 点赞 ·
0 评论

Vue.use( ) 和 install方法使用

一.使用 1.在组件my.js创建组件//在组件my.js组件//引入全局组件import HButton from '../components/button.vue'import Hinput from '../components/input.vue'//存储组件的名const components = [ HButton, Hinput,]const My = { install(Vue) { //1.注册全局组件 compon...
原创
发布博客 2021.11.14 ·
587 阅读 ·
1 点赞 ·
0 评论

canvas画布

一、语法 //获取dom元素 let cas = document.querySelector('选择器') // 获取上下文对象 let ctx = vas.getContext('2d') // 设置初始坐标 ctx.moveTo(100,100) // 设置终止位置 ctx.lineTo(300,100) // 指定线条的颜色 ctx.strokeStyle='green' //缩放 ctx.scale(x,y); //旋转
原创
发布博客 2021.11.13 ·
187 阅读 ·
0 点赞 ·
0 评论

数组类型数据转换成树形结构数据

一、核心思路1. 先遍历原数组 以原数组中的每一项的id作为对象的key, 每一项本身作为对象的value形成一个对象结构(map) 2. 遍历原数组 使用数组中的每一项的pid 去第一步形成的map结构去匹配key(id) 如果匹配上就把当前项放入找到节点的children属性中去 如果无法完成匹配 代表当前项就是最根上的父节点那就把当前项直接放到最终产出的targetData中去...
原创
发布博客 2021.11.09 ·
187 阅读 ·
0 点赞 ·
0 评论

git常用命令

一、git --version ------------------------查看版本git config --global user.name "xxx" 创建名字git config --global user.email "邮箱名" 创建邮箱git config --global --list 查看名字,邮箱git init ----------------...
原创
发布博客 2021.11.08 ·
16 阅读 ·
0 点赞 ·
0 评论

防抖和节流

一、防抖1.概念：高频率触发的事件,在指定的单位时间内，只响应最后一次，如果在指定的时间在触发，则重新计算时间(后面触发的事件执行，替代了前面的事件)2.使用场景：3.实现防抖<body> <input id="input" type="text"></body><script> //获取事件源 let inp = document.getElementById('input') inp.addEventLis
原创
发布博客 2021.11.05 ·
12 阅读 ·
0 点赞 ·
0 评论

flex布局（弹性布局）

一、概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目" 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴...
原创
发布博客 2021.11.04 ·
37 阅读 ·
0 点赞 ·
0 评论

js数组方法

数组方法: join() 数组拼接成字符串 push() 末尾添加数据 pop() 末尾删除数据 shift() 头部删除数据 unshift() 头部添加数据 reverse() 翻转数组 concat() 拼接两个数组 includes( ) 包含 splice( ) 随机删除数组中的值 参数：起始位置、 0（要删除的项数）和要插入的项 indexOf() 查询数组中的数据(从前往后) 参数: 要查找的项 和
原创
发布博客 2021.10.27 ·
24 阅读 ·
0 点赞 ·
0 评论

将文字溢出部分用...替换

一、方法overflow:hidden; white-space:nowrap; text-overflow:ellipsis;二、例子结果
原创
发布博客 2021.10.27 ·
48 阅读 ·
0 点赞 ·
0 评论

将文字溢出部分用...替换

一、方法overflow:hidden; white-space:nowrap; text-overflow:ellipsis;二、例子结果
原创
发布博客 2021.10.27 ·
48 阅读 ·
0 点赞 ·
0 评论
加载更多