- 博客(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
原创 零基础学前端开发--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
原创 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关注的人