element-plus element axios html
html在移动端滑动无效的解决方法
1. 排查下是否有类似touchmove类似的事件绑定，可能就是其中取消了默认的事件行为。 解决方法，在你想滚动的直接父级元素上添加 `@touchmove.stop="void null"`类似的事件绑定应该就可以解决了。 这里利用了事件冒泡终止的方式。 ......
React Components, Elements, and Instances
see: https://legacy.reactjs.org/blog/2015/12/18/react-components-elements-and-instances.html https://www.robinwieruch.de/react-element-component/ http ......
日常开发记录-axios配置请求头content-type
blobTypes.json，文件下载blob类型 // 全部类型列表网址 https://www.iana.org/assignments/media-types/media-types.xhtml#application { "pdf": "application/pdf", "zip": "a ......
前端实现将Element Plus表格导出为Excel表格
``` import { export_json_to_excel } from '@/utils/excel'; // 导出函数，可以根据实际项目结构进行引入 import XLSX from 'xlsx'; // xlsx 库 exportExcel() { const tableData = ......
Module '"element-plus"' has no exported member 'ElMessage'
tsconfig.json，tsconfig.app.json，tsconfig.node.json都要加 "compilerOptions.moduleResolution":"node", 然后重启vscode ......
element穿梭框el-transfer增加拖拽排序和shift多选checkbox功能
<template> <div class="demo"> <el-transfer v-model="value" filterable :data="data" :filter-method="filterMethod" :target-order="'push'" :titles="['左边数 ......
解决vue3自动引入element-plus后eslint警告
## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......
axios访问带数组参数的接口方法
第一步：下载qs组件 第二步：引入qs组件 import qs from 'qs' 第三步：创建接口方法 export const addPlan = (model) => { return request({ url: '/Plan/addPlan', method: 'POST', header ......
前端知识-HTML
HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML（结构）、CSS（样式）、JS（行为） 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......
Html5定位不准确问题
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getPosition,getPositionError, { // 指示浏览器获取高精度的位置，默认为false enableHighAccuracy: tr ......
支持复制粘贴word公式的HTML编辑器
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片 ......
element_ui实现表格内套表单，点击可以编辑
<template> <div class="app-container"> <el-table :data="list" stripe style="width: 100%" @cell-dblclick="openEditColumn"> <el-table-column prop="camer ......
封装vue基于element的select多选时启用鼠标悬停折叠文字以tooltip显示具体所选值
相信很多公司的前端开发人员都会选择使用vue+element-ui的形式来开发公司的管理后台系统，基于element-ui很丰富的组件生态，我们可以很快速的开发管理后台系统的页面（管理后台系统的页面也不复杂，大多都是分页查询类需求和增删改查）。但一个前端框架有优点，就必然会有一些缺点或bug存在，e... ......
VSCode的Minify自动压缩html css js插件
VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
找不到“element-plus/global”的类型定义文件。 程序包含该文件是因为: 在 compilerOptions 中指定的类型库 "element-plus/global" 的入口点
**问题描述** 在tsconfig.json文件里types字段添加"element-plus/global"后出现报错。 **问题原因** TS升级到5.x带来的规范性问题。可以通过npm view typescript version命令查看下你的TS版本。 
html网页中禁用右键下载视频的解决方法(iframe和video) 前言： vidoe组件——禁用下载功能 有些官网上的视频是不允许下载的，为了防止视频被盗或者从事违法的活动。 因此我们在官网等敏感网站中使用video组件的时候，需要视频的禁用下载功能；在使用video组件来播放视频时，视频上会有 ......
html+css实现的计算机科学学院首页静态页面
家人们啊，我真是出息了 终于不是我仿写的了，是我真正意义上完全由自己编写的一个静态页面，总算是看起来比较可以了 主要是在仿写的时候，感觉博主写的实在是太乱了又很复杂，不如自己编写一下简单，就简单试了一下 经过了大概一个星期，总算是写出来了 主要是一个西南石油大学计算机学院的页面，很简单，更多的是类似 ......
[HTML 5] Detect visualViewport change
On mobile device, when you open / close the keyboard, zoom in / out, it might affect the visual viewport view (the actual page content); to detect cha ......
HTML与CSS综合设计报告
【项目描述】 最近来自国产的独立像素游戏《风来之国》发售，借此做一个相关的游戏介绍网页来介绍这款游戏，并收集感兴趣玩家的信息反馈，以此改进游戏，吸引玩家的加入。 图1 主页预览图 【涉及知识点】 1、 HTML 布局 2、 文本属性 3、 图片的插入 4、 css链入式的使用 5、 选择器的使用 6 ......
html屏蔽右键、禁止复制与禁止查看源代码的几种方法
方法一：左右键屏蔽 先来一种最简单的方法，它直接在body属性定义了oncontextmenu，使得右键的值为false，起到了屏蔽右键的效果。 1 <body oncontextmenu=self.event.returnValue=false> 这个方式虽然屏蔽掉了右键的功能，但是左键还可以使用 ......
html积累
html5中的积累： details与summary标签： // 解释：定义一个可见标题，点击“标题”会显示“详细信息”// 兼容：目前仅Chrome, Safari 8+ 和Opera 26+支持此标签<details> <summary> 标题 </summary> 详细信息 </details ......
Element 表格固定列横向滚动条无法拖动的问题解决
在Element-UI中，当对表格列进行固定后，底部的横向滚动条就无法拖动了，主要的问题就是固定区域盖住了横向滚动条。 ## 方案一：修改el-table__body-wrapper样式的层级，随便设个层级就可 ```css ::v-deep .el-table__body-wrapper{ z-i ......
[React Typescript] useRef with HTML Elements
React set the ref to null in runtime. It is a limitation now for react. import { useRef } from 'react'; export const Component = () => { const ref = u ......
HTML5中实现文件上传下载的三种解决方案(推荐)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......
Qt+QtWebApp开发笔记（三）：http服务器动态html连接跳转基础交互
前言 网页很多时候是动态的，于是本篇文章目标实现一个简答的动态页面—页静态页面互相跳转，点击可以跳转到子页面。 Demo 下载地址 链接：https://pan.baidu.com/s/1bbhcu1XTiaJRYGRQRG5a0g?pwd=1234 HTML基本页面交换 上一篇的“Hello Wo ......
HTML5
1. HTML5的新特性 HTML5的新增特性主要是针对以前的不足，添加了一些新标签、新的表单和新的表单属性等。 1.1 HTML5新增的语义化标签 <header>：头部标签。 <nav>：导航标签。 <article>：内容标签。 <section>：定义文档某个区域。 <aside>：侧边栏标 ......
HTML中的attribute 和 property
在 HTML 中，属性（Attribute）和属性（Property）是用于描述 HTML 元素的相关特性的术语。 属性（Attribute）是指在 HTML 标签中声明的附加信息。它们以键值对的形式出现，用于提供元素的初始状态或配置选项。属性的名称是不区分大小写的，并且值可以是字符串或布尔值。 例 ......
HTML中常用字符实体
字符实体：在 HTML 中显示小于号 (<) 一些字符在 HTML 中拥有特殊的含义，比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。 字符实体有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及 ......
HTML(二）
表格 表格的主要作用 1.表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理 2.表格不是用来布局页面的,而是用来展示数据的。 3.表格的具体用法： <table> ......
支持复制粘贴word公式的百度HTML编辑器
当前功能基于PHP，其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置： /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi ......