自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 问答 (1)
  • 收藏
  • 关注

原创 前端浏览器调用摄像头,拍照

1、效果图2、代码<template> <el-card> <div class="faceRecognition_box"> <div class="faceRecognition_title"> <h2>人脸识别</h2> <el-button size="small" class="backBtn

2023-11-03 14:20:39 567

原创 Element ui el-select 多选默认值不可修改,删除

el-select 多选默认值不可删除

2023-03-29 15:10:43 3196 1

原创 echart 饼图引导线加圆点

Echarts 饼图需要两端对齐,并且加上圈。

2022-09-23 10:31:31 1426

原创 Element ui下拉选框(el-select)实现树下拉,全选功能

Element ui下拉选框(el-select)实现树下拉,全选功能

2022-08-26 14:46:49 3574

原创 Element ui 穿梭框(2)改造之--左侧树结构

element ui 穿梭框

2022-08-25 10:19:31 2244

原创 零基础学前端开发--css(4)

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2022-05-24 10:35:11 124

原创 零基础学前端开发--HTML标签(3)

本篇将介绍一下HTML常用的标签在这里插入代码片小提示:1、开发中所有的命名,都要使用英文,在你的代码中,除了注释和内容部分,不要出现中文和韩语拼音哦小提示:2、开发中命名规范要使用驼峰或者下划线的形式,例如:定义“用户名”可以用一下两种方式:(1) userName(2) user_name1、a标签(实现链接跳转)(1)a标签代码实现<!doctype html><html lang="en"><head> <meta c.

2022-05-16 16:23:02 109

原创 零基础学前端开发--HTML入门(2)

首先我们来看一下HTML结构

2022-05-12 16:40:20 137

原创 零基础学前端开发--前端的介绍以及认识(1)

零基础学前端开发--前端的介绍以及认识(1)

2022-05-11 17:51:53 334 1

原创 Es6 赋值方法

对象 赋值,对象中增加字段和值let json1 = { id: 1, name: "小胡",};let json2 = { ...json1, age: 14,};json2 = { id: 1, name: "小胡", age: 14,};在对象中取对应的元素let json1 = { id: 1, name: "小胡", age: "18", a.

2022-04-26 11:12:13 1135 1

原创 你知道map,filter,sort,reduct,every, some 的用法吗?

1.map我们可以通过map方法得到某一个对象数组中特定属性的值let arr = [{id:1,name:"小花"},{id:2,name:"小红"},{id:3,name:"小明"}];let mapArr = arr.map((item,index)=>{ return item.name; })mapArr = ["小花", "小红", "小明"];2.filter新数组中的元素是通过检查指定数组中符合条件的所有元素// 过滤处特定条...

2022-04-26 10:32:53 153

原创 Element ui 穿梭框(1)改造之--分页封装组件

el-transfer 穿梭框左侧数据太多数据比较多时,不能进行分页,决定自己封装一个!1.效果图:2.注意:组件中:2.1 可通过 父组件传值(titles)修改穿梭框左边和右边的标题,形式为数组[],左侧为第一个值,右侧为第二个值;2.2import { listUser } from "@/api/system/user"; 为接口地址;2.3 transfer-page.vue 的data 中defaultProps: {...

2022-04-25 15:28:00 7058 7

原创 机顶盒(Iptv)EPG页面实现遥控器焦点

1.建FocusUtils.js(function (window) { if (!(typeof(window["FocusUtils"]) === "object" && window["FocusUtils"] !== undefined)) window["FocusUtils"] = {}; var eleArray = null; var specialArray = null; /** * 获取对应id在二位数组中的位置

2022-03-01 16:05:58 1339 4

原创 机顶盒(Iptv)EPG页面实现视频播放

1.html部分:play.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http: //www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>pl

2022-03-01 15:39:11 6704 13

原创 Ant Design 实现表格合并

根据数据中的sequenceno去进行合并 <a-table :bordered="true" :pagination="false" :scroll="{ x: true }" :columns="tableColumns" :dataSource="tableData" :rowKey="(record,index)=>{retu...

2022-03-01 15:25:22 1937 4

原创 Elment ui treeselect 实现一级可选子级不可选,父级不可选子级可选

1.父级可选,子级不可选<treeselect v-model="form.preCode" :options="preCodeOptions" :normalizer="normalizer" :show-count="true" placeholder="选择前置工序" /> /**..

2022-03-01 15:17:02 2840 1

原创 Elment ui中el-table 实现表格拖拽

拖动排序可对表格行进行拖拽排序1.下载npminstallsortablejs--save2.引用import Sortable from "sortablejs";3.表格<el-table ref="formTable" :data="formChildTable" class="form_table" border ...

2022-03-01 15:10:57 6568 10

原创 Elment ui中el-table 实现表格树

<el-table v-loading="loading" row-key="code" ref="table" :data="tableList" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" > <el-table-column prop="name" label="...

2022-03-01 15:01:13 2728

原创 VUE将页面生成为pdf并下载

npm install JsPDF --savenpm install html2Canvas --save//在项目的util文件夹下新建htmlToPdf.js​// 导出页面为PDF格式import html2Canvas from "html2canvas";import JsPDF from "jspdf";import { Loading } from "element-ui"let loading;export default { install(Vu...

2022-03-01 14:49:52 329

原创 VUE 上传文件Elment ui <el-upload>的使用

自动上传<el-upload class="upload-demo" ref="upload" :multiple="true" :action="uploadFileUrl" :limit="1" :on-change="handlePreview" :on-rem

2022-03-01 14:44:04 535

原创 前端vue通过oss直接上传文件到阿里云

通过后端获取oss需要的参数注意:oss时要加上headers,否则vue会报错原码:uploadByOss.vue<template> <div> <el-upload ref="uploadMutiple" action="" :show-file-list="false" :multiple="true" :limit="limit" :before-uplo...

2022-03-01 14:35:49 1301 1

空空如也

空空如也

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

TA关注的人

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