只有 名称element页面
element-ui 日期时间选择框picker-options如何禁用时间范围( 多个时间范围判断 )
1. element-ui 算是我们在开发中用到最多的pc端 ui框架，今天公司正好有一个需要用到 date-picker 的日期插件 2. 需求是这样的： 共有三个时间选择器，后一个时间选择器要结合前面一个时间的范围值，去做时间判断，禁用前面所选时间，保证不可有重复时间 结果是这样子：（根据前者的 ......
element新增自定义rules验证
data中添加属性 //电话验证 const validatePass = (rule, value, callback) => { let valueStr = value+'' if (valueStr.length != 11 || !valueStr.startsWith('1')) { c ......
小程序实现页面转图片
要实现一个小程序页面转图片的需求，实验了以下方案： 1.wxml2canvas 微信提供的解决方案，写起来很麻烦，页面样式还有好多不支持，pass 2.webview+html2canvas 在小程序里通过webview打开一个外部页面，然后在外部页面使用html2canvas插件生成图片，这种方式 ......
Vue3 reactive 操作数组 响应性(数组变了,但页面显示没变)问题
问题代码: tableTemplates: Array<HkTaskTemplateEntity> = reactive([]); //删除方法的一部分 ,根据templateId删除数组数据this.tableTemplates = this.tableTemplates.filter(item ......
SPA单页面网站首屏加载优化
对于vue和react这些单页面应用都有一个弊端，首屏加载时间长，对于用户的使用体验很不好，我们这次的目标是把页面整体加载时间控制在800ms以内 首先说下我的项目情况是vite+vue3+ts 下面主要说说要做哪些事情： 一、开启gzip资源压缩 gzip需要后端配置，在nginx里面开启，ngi ......
餐厅页面
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ......
登录页面
<!DOCTYPE html><html><head> <title>Register</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; } .container { max-width ......
Element-plus的徽章组件el-badge
Element-plus的徽章组件el-badge Element Plus 是一个基于 Vue.js 的 UI 组件库，它提供了一系列的常用 UI 组件供开发者使用。其中，徽章组件(el-badge)是其中之一。 徽章组件(el-badge)可以在其他元素上展示一个小圆点或者一个数字，用于标记某种 ......
element-plus vue3 dialog form 清空 重置 resetFields
参考：https://blog.csdn.net/zhengjf123/article/details/127293374 参考：https://blog.csdn.net/Start2019/article/details/100091495 ......
多种方案教你实现iframe嵌套页面相互传参(父子通信)
[toc] ## 需求描述 在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？ ## 开始上手 ![](https://img2023.cnblogs.com/blog/1675284 ......
[GPT] vue 的 quasar 框架 在 layout 模版中 如何获取 子页面当前使用的 useMeta
在 Quasar 框架中，您可以使用 $q.page 对象来获取子页面当前使用的 useMeta 。以下是一个示例： vue <template> <q-layout> <q-page-container> <q-page> <!-- 子页面内容 --> </q-page> </q-page-con ......
CTFer成长记录——Web专题·修改页面元素
一、题目链接 http://a.y1ng.vip:1126/wtfbutton/ 二、题意解析 打开网页，提示点击按钮就可以获取flag，但是按钮是灰色的。那么需要我们修改页面元素使得按钮框生效， 这时候查看网页源代码： 这段代码是解释该按钮的。,关注这里的 disabled class= 它的作用 ......
浏览器页面全屏完美解决
# 浏览器页面全屏完美解决 当通过点击事件调取全屏的时候，键盘事件退出全屏、监视点击事件改变图标的函数不会触发、你又得加一个监听键盘事件的函数、用键盘事件又有两个按键会触发全屏。当想用监听浏览器视口变化时候、打开控制台也会触发、放大缩小视口也会触发、里面还会遇到一个死循环。总之就是麻烦！ 使用插 ......
注册功能 ，前端登录注册页面
[toc] ## 1 异步发送短信 ```python # 原来的发送短信，是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # ......
Vue3+Element-Plus安装及模拟增删改查
软件安装：nodejs16 https://nodejs.org/download/release/v16.20.0/ 将npm设置为淘宝镜像： npm config set registry https://registry.npm.taobao.org 创建vue3项目： npm init vu ......
spring某些类只有在prod环境生效
# spring某些类只有在prod环境生效并加载bean ```java @Profile("prod") // 只有prod的profile环境下，spring才会加载bean到容器中过去 @Component @Slf4j @Profile("prod") public class UmpAl ......
谷歌浏览器（Google Chrome）打开Axure RP的原型设计页面解决办法
默认谷歌浏览器是不能直接访问Axure RP 所生成的原型文件的，需要安装个谷歌浏览器插件 下载地址：https://yvioo.lanzouw.com/i9rvE10rcakb 然后按照里面的教程处理即可 ......
Element Table 根据列的label class 自动计算合计
定义 table 求和方法 ```javascript export function getSummariesByTableColumn(param, opt) { opt.sumText ??= '合计' opt.getColProperty ??= rawProp => rawProp con ......
appium报错AttributeError: 'WebDriver' object has no attribute 'find_element_by_id'解决方法
解决方法： from appium.webdriver.common.appiumby import AppiumBy # 导入AppiumBy search = driver.find_element(AppiumBy.ID,"com.android.settings:id/search") # ......
django页面导入导出
django页面导入导出 导出的业务比较通用，广泛，需要开发效率，可以使用 django_import_export 导入，业务不常用，但需要定制化，错误消息要详细，用django_import_export导入，一般用在后台或开发人员自己转移数据。 但提供给前台用户， 还需要选择可定制的，我选择d ......
修改UEFI WIN10 WIN11 启动菜单名称 操作系统启动菜单名称
修改UEFI WIN10 WIN11 启动菜单名称，操作系统启动菜单名称。 下载BOOTICE 1.3.4 ：http://www.winwin7.com/soft/44267.html 打开 BOOTICE ，你系统是64位的就打开：BOOTICEx64_2016.06.17_v1.3.4.0.e ......
Element-UI的 InfiniteScroll 无限滚动 组件 基本使用
# 应用场景 有的时候我们表格不想要使用分页的功能，想滑动到底部加载更多的数据；有时后端返回的数据很多要前端在一页展示，但是使用了element-ui的table组件后会发生页面卡顿的情况（`因为element-ui的table组件将所有的dom元素都渲染在页面上了`） # 代码 ```vue {{ ......
[LeetCode] 1493. Longest Subarray of 1's After Deleting One Element
Given a binary array nums, you should delete one element from it. Return the size of the longest non-empty subarray containing only 1's in the resulti ......
vue2+element-ui国际化实战不刷新页面
# 背景 有的时候我们做的项目需要支持中英文切换，那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下，在`langua ......
图书商城Vue+Element+Node项目练习(...)
本系列文章是为学习Vue的项目练习笔记，尽量详细记录一下一个完整项目的开发过程。面向初学者，本人也是初学者，搬砖技术还不成熟。项目在技术上前端为主，包含一些后端代码，从基础的数据库（Sqlite）、到后端服务Node.js（Express），再到Web端的Vue，包含服务端、管理后台、商城网站、小程... ......
添加局域网共享打印机，并使打印机名称不带有共享源的计算机名称
常规添加打印机总会带有共享源的计算机名称。 也就是会固定显示 xxx 上的 xxx 个格式。 下面演示如何添加共享打印机名称，并不带有计算机名。 第一步 第二步 第三步 第四步 第五步（输入正确的共享路径，如果曾经创建过了，可以在第四步选择现有端口） 第六步（选择打印机驱动，如果不是常用打印机，可以 ......
使用element-plus的el-pagination分页组件的时候怎么换中文？
element里面的分页是英文版的，但是项目需求是要中文的，可以用el-config-provider（切换系统语言）全局的配置选项，有locale属性，用来切换语言包 做法如下： 在main.js引入对应的包，代码如下： 1 import 'normalize.css/normalize.css' ......
在element-ui视频上传使用canvas截取视频帧数，并且转为视频封面。
<el-upload :http-request="getFile"//自定义上传 action :on-change="handleFileChange"//监听文件上传 ref="upload" accept="video/*"//定义格式为视频 > <el-button icon="el-ic ......
vue-element-admin依赖包安装报错解决
按照官网安装vue-element-admin步骤： 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查，排查过程中，遇到过的报错情况： c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......
C# 获取当前程序集的名称和版号
在C#程序中可以通过如下方式来获取当前正在运行的程序集的名称和版本号 ```csharp Version version = System.Reflection.Assembly.GetExecutingAssembly().GetName().Version; string ver = versi ......