自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

正一品程序员的博客

前端小白在线打怪升级

  • 博客(110)
  • 问答 (1)
  • 收藏
  • 关注

原创 点击文本将内容填入tinymce-vue 富文本编辑器的光标处

注意:要给组件加上id。

2024-11-08 16:10:41 557 1

原创 Promise.all的简单使用

项目中经常遇到等所有接口调用完毕再处理相关逻辑,这时候就可以使用Promise.all方法进行代码开发。

2024-11-08 16:03:31 219

原创 vue3-scroll-seamless 大屏无缝滚动

vue3-scroll-seamless 大屏无缝滚动

2024-09-04 15:22:53 1260

原创 git自动合并代码脚本

【代码】git自动合并代码脚本。

2024-05-31 14:58:15 369

原创 ant-design封装抽屉组件

DrawerBox.vue其他文件中使用效果图

2024-05-23 10:57:46 917

原创 Modal.method() 不显示头部的问题

Modal.method() 不显示头部的问题。

2024-05-23 10:46:47 498

原创 less和scss循环生成margin和padding

less和scss循环生成margin和padding。

2024-04-25 17:52:06 468

原创 基于ant-table封装公共表格

【代码】基于ant-table封装公共表格。

2024-04-23 16:16:39 224 1

原创 vue3+highlight.js代码高亮插件使用

main.js中引入,并注册自定义指令。fileDetail.vue页面中。

2023-11-27 15:13:08 1076 1

原创 浏览器缩放不影响元素的位置

【代码】浏览器缩放不影响元素的位置。

2023-07-14 18:14:29 910

原创 常用表单正则表达式

【代码】【常用表单正则表达式】

2023-07-13 18:07:53 344

原创 百分比环形动效

百分比环形动效

2023-06-28 11:26:21 515

原创 后端返回文件流,前端在线预览excel

前端在线预览excel

2023-05-30 11:01:30 2215 6

原创 a-upload上传限制图片类型、大小、以及宽高尺寸

【代码】a-upload上传限制图片类型、大小、以及宽高尺寸。

2023-05-30 10:35:39 2063

原创 JS两个对象数组,如何根据元素的值,去除其中一个数组没有的元素

【代码】JS两个对象数组,如何根据元素的值,去除其中一个数组没有的元素。

2023-05-12 15:52:45 289

原创 Promise.all的实际使用

当一个页面有很多个接口调用的时候,需要在所有的接口都调通之后做一些业务处理。

2023-04-28 13:59:52 108

原创 js实现内容自动无限向上滚动

【代码】js实现内容自动无限向上滚动。

2023-04-27 17:40:41 1132

原创 常用js正则表达校验

用到的公共方法,不能含有特殊字符。

2023-04-10 15:31:41 319

原创 手写tabs样式导航切换

【代码】手写tabs样式导航切换。

2023-03-16 23:32:59 265

原创 将stylus样式转换成sass或less

由于上个项目用的是stylus,现在要把部分功能迁移到新项目(用的是less),所以需要将样式文件转译一下。第二步:在存放样式的文件夹下。

2023-03-09 22:03:20 1126

原创 vue 前端按钮级权限

按钮级权限

2022-10-29 18:33:19 266

原创 前端将后端返回的文件流转成url

前端将后端返回的文件流转成url

2022-08-25 15:41:40 3827 3

原创 基于element-ui封装下拉表格组件

基于element-ui封装下拉表格组件

2022-07-21 10:34:05 2595 2

原创 element-ui 输入框键盘回车事件导致页面刷新

element-ui 输入框键盘回车事件导致页面刷新

2022-07-21 09:44:36 1035

原创 element-ui根据条件合并单元格

element-ui根据条件合并单元格

2022-07-18 19:13:21 542

原创 element-ui表单动态添加必填校验

element-ui表单动态添加必填校验

2022-07-15 09:48:02 6961

原创 base64直接下载的js

base64文件下载

2022-07-09 14:21:46 1114

原创 用JS将两个数组的数据合并成一个数组对象

注:两个数组的长度必须一致!

2022-07-08 19:35:26 3666 4

原创 element-ui表头动态渲染

<template> <el-table :data="tableData" style="width: 100%" border> <el-table-column prop="CharacterPostCode" label="编码" width="180"> </el-table-column> <el-table-column prop="Remarks" label="备注" width="180"> </el.

2022-05-20 19:59:04 908 2

原创 element-ui表格封装

table.vuehome.vue<template> <UK-Table :showIndex="true" :data="tableData" :rowHeader="rowHeader"></UK-Table> <div class="pagination-container"> <el-pagination @size-change="handleSizeChange" @pag

2022-05-20 18:07:52 971

转载 重置数据this.$options.data()

参考链接

2022-05-13 10:36:59 505

原创 Vue3父组件调用子组件的方法-子组件向父组件传值

setup写法// 父组件<template> <div> <h2>我是父组件!</h2> <button @click="handleClick">调用子组件的方法</button> <Child ref="child" @childClick="childClick"/> </div></template> <script>import {

2022-04-16 14:59:37 5141

原创 vue项目使用clipboard.js点击复制功能

第一步:npm install clipboard --save第二步:全局引入import clipboard from 'clipboard';//注册到vue原型上Vue.prototype.clipboard = clipboard;或局部引入import Clipboard from "clipboard";第三步:在页面中使用<span class="cobyOrderSn" data-clipboard-text="小茗同学" @click="copy('c

2022-02-18 20:04:42 520

原创 js数组列表转树状结构

export function listToTree( list = [], root = null, idField = 'menuId', parentIdField = 'parentId',) { const tree = [] const hash = {} const childrenField = 'children' for (let i = 0, l = list.length; i < l; i++) { const d = list[i]

2022-02-11 16:24:44 551

原创 js树状结构转列表方法

export function treeToList( tree = [], idValue = null, childrenField = 'children', idField = 'id', parentIdField = 'pid',) { const list = [] if (!childrenField) childrenField = 'children' for (let i = 0, j = tree.length; i < j; i++) {

2022-02-11 16:21:55 1034

原创 excel映射

<template> <div> <el-steps :active="active" simple> <el-step v-for="(item,index) in stepList" :key="index" :title="item.title" :icon="item.icon" @click.native="stepClick(index)"></el-step> </el-steps>

2022-02-11 11:11:45 1680

转载 IIS部署vue项目页面刷新404,url重写问题解决办法

配置教程

2022-02-10 15:14:13 617

原创 js循环删除两个数组相同的数据

// 循环删除相同的数据var id = [1, 2, 3, 4, 5];var del = [4, 5];var temp01 = [];var temp02 = [];for (var i in del) { temp01[del[i]] = true;}for (var k in id) { if (!temp01[id[k]]) { temp02.push(id[k]); }}console.log(temp02);...

2022-01-19 16:27:39 1591

原创 Ant Design Vue上传文件自定义formData格式传参

index.vue<template> <a-upload v-model:file-list="fileList" name="file" :multiple="false" :show-upload-list="false" :headers="headers" @change="handleChange" :customRequest="customRequest" @updat

2022-01-10 19:32:47 2663

原创 js格式化列表数据的方法

/** * 格式化列表的方法 */export function treeToList( tree = [], idValue = null, childrenField = 'children', idField = 'menuId', parentIdField = 'parentId',) { const list = [] if (!childrenField) childrenField = 'children' for (let i = 0, j = tr

2021-12-30 11:02:48 912

百分比环形动效html

百分比环形动效html

2023-06-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除