three vue js
使用Vue3+elementPlus的Tree组件实现一个拖拽文件夹管理
目录1、前言2、分析3、 实现4、踩坑4.1、拖拽辅助线的坑4.2、数据的坑4.3、限制拖拽4.4、样式调整 1、前言 最近在做一个文件夹管理的功能，要实现一个树状的文件夹面板。里面包含两种元素，文件夹以及文件。交互要求如下： 创建、删除，重命名文件夹和文件 可以拖拽，拖拽文件到文件夹中，或着拖拽文 ......
博客园[JS美化]简单教程
PS:这篇的美化不是此博客的效果，只是较为简单的效果，不过很好看 在使用此教程以前，需要先申请JS权限，进入管理->设置中自行寻找（看我多懒QAQ） 申请JS权限时填写内容参考模板： 尊敬的博客园管理员： 请问是否可以帮我开通js权限，我想对文章的样式和布局需要js代码进行调整外观。 谢谢您的帮助。 ......
vue+el 实现 阶梯效果
[简介]： 关键代码; <el-row class='midPart' style=''>{{ menu.name }}</el-row>.midPart { float: left; width: 4%; padding: 7px 7px; background: #444;} [内容]： <te ......
js根据id设置指定id下的第一个div的宽度
var spanElement = document.getElementById("yourSpanId"); var divElement = spanElement.querySelector("div:first-child"); divElement.style.width = "350p ......
流媒体播放器EasyPlayer.js出现可正常播放H.264但不能播放H.265的情况是什么原因？该如何解决？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
websocket js 客户端自动重新连接
var wsUrl = 'ws://' + (document.domain || '127.0.0.1') + ':8282'; var ws = null; // WebSocket 对象 var heartbeatTimer = null; // 心跳定时器 var isReconnect = ......
使用SpringBoot+Vue3的形式实现管理系统的添加功能
1、查看页面形式 2、使用element-plus组件为添加页面引入form表单 成功引入form表单组件： 3、更改成自己需要的形式 4、测试是否可以拿到文本框的数据 拿到数据啦！！（记得vue3这里： console.log(form) //不要写this ```） # 5、vue界面的添加代码 ......
vue 路由动画
安装 npm i -S animate.css main.ts 引入 import 'animate.css'; router const routes: RouteRecordRaw[] = [ { path: '/', alias: ['/login'], component: () => im ......
vue 暴露组件方法
loadingbar <template> <div class="wrapper"> <div ref="bar" class="bar"></div> </div> </template> <script setup lang="ts"> import { onMounted, ref } fr ......
vue安装路由
一、安装命令： npm install vue-router --save 或者 cnpm install vue-router --save 二、新建一个router.js router.js大致内容 1 import {createRouter, createWebHistory} from ' ......
08_Electron与vue环境搭建
首先在 Vscode 控制台输入：npm intall -g @vue/cli or yarn global add @vue/cli。 然后再输入 npm i -g @vue/cli-init，这时候输入 vue -V 来看 vue 是否安装成功。 安装成功后输入 vue init simulat ......
execjs执行js出现window对象未定义时的解决
参考：https://www.jianshu.com/p/b82def6b3abc https://blog.csdn.net/xx117501/article/details/102804286 ......
关于时间太长忘记vue如何启动的问题
1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~ ......
js/ts 填充表单函数
直接代码 function from(form: string | HTMLFormElement, data: { [key: string]: any }) { let target: Element | null; if (form instanceof Element) { target = ......
python 使用selenium 获取js渲染后的页面信息
一、介绍 二、代码 三、问题 一、介绍 现在的网站以及页面，一般都是js动态渲染，抓到的信息就与实际不符，所以需要加载js的工具，这里使用的就是selenium Selenium 是一个用于自动化测试的工具，可以模拟浏览器的行为来执行各种操作。在爬虫中，我们可以使用 Selenium 对网页进行模拟 ......
vue实现大文件切片上传、断点续传、并发数控制等
一、上传按钮和进度条等 <div> <h2>上传文件</h2> <div ref="drag" class="drag"> <input class="file" type="file" @change="handlerChange" /> </div> <el-progress style="wi ......
chrome 调试与js逆向
一、内容简介二、内容 三、问题 一、内容简介 有关F12, 打开network，点击链接跳转至相关js, 然后展开js, 修改调试。 二、内容 打开控制台，这个一般都知道，F12，或者右键选择检查。 进入network,点击相关请求，然后选择 initiator, 可以查看到js执行列表 点击其中一 ......
vue2兼容ie10
1.找到ie浏览器。可以下载，一般windows自带 2.启动项目，可能会出现再ie中输入本地地址后直接跳转到Microsoft Edge的情况，需要配置后正常使用ie10 配置过程：控制面板--网络和Internet--Internet选项--更改主页--高级--勾选跟Internet Explo ......
Vue-进阶：路由及elementUI组合开发
Vue-router路由 什么是vue-router？ 服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML，然后重新加载整个页面。 然而，在单页面应用中，客户端的 JavaScrip ......
竟然可以在一个项目中混用 Vue 和 React？
React和Vue是前端开发中的两大热门框架，各自都有着强大的功能和丰富的生态系统。然而，你有没有想过，在一个项目中同时使用React和Vue？是的，你没有听错，可以在同一个项目中混用这两个框架！本文就来分享 3 个用于混合使用 React 和 Vue 的工具！ Veaury Veaury 是一个基 ......
JS实现电子签名，并将带logo和日期时间水印的电子签名图片保存到本地
效果如下 实现代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>电子签名</title> <link rel="icon" href="http://服务器IP/pic/xmj_logo.png"> <style> #c ......
数字滚动【vue-count-to】
效果 背景 在大屏或者其他需要对数字设置千分位的分隔符（比如：151234数字展示成 151,234）或者 数字在变化时进行滚动的变化。 使用 安装 npm i vue-count-to demo <template> <div class="app"> <h1> 当前数值: <countTo :s ......
使用原生js提交form表单
主要函数 function form(formId,callback){ try{ const target=document.getElementById(formId); target.addEventListener("submit",(e)=>{ e.preventDefault(); co ......
JS - 属性路径访问以及 ES6 的计算属性名
前言 今天学习 jointjs 框架，在阅读官方文档时碰到了一个写法让我很奇怪的写法，如下所示。通过查询资料得知这是一种使用语言特性的编码约定或模式，称为 属性路径访问。 file:[jointjs - elementTools.Control] class RadiusControl extend ......
Next.js 13.5 正式发布，速度大幅提升！
9 月 19 日，Next.js 13.5 正式发布，该版本通过以下方式提高了本地开发性能和可靠性： 本地服务器启动速度提高 22%：使用App和Pages Router可以更快地进行迭代 HMR（快速刷新）速度提高 29%：在保存更改时进行更快的迭代 内存使用量减少 40%：在运行next sta ......
vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
今天使用 vscode 开发 nuxt3 项目，发现在 vue 文件中，emmet 提示功能不可用。 emmet 提示功能，如下图所示： 百度、google一阵子，发现是个全球性存在的问题，是 vue 插件 volar 导致的 vscode 自带的 emmet 提示功能不可用。 如果在vscode中 ......
浏览器内核和js引擎
浏览器内核是什么？ 简而言之，浏览器内核就是把我们编写的代码转换为页面的中控件。虽然现在大家谈起浏览器内核时，多指代渲染引擎（Rendering engine 或 layout engineer）。但其实浏览器内核包括了两部分，渲染引擎和JS引擎，只是后来JS引擎用的越来越多所以就单独的把JS引擎拿 ......
Vue-前端化工程入门，第一个vue-cli程序
第一个vue-cli程序的准备工作 什么是vue-cli？ vue-cli是官方提供的一个脚手架工具，用于快速生成一个vue项目模板。 预先定义好的目录结构和代码，就好比咱们在创建maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，有利于我们更加快速的开发。 环境准备（所涉及到的命令都 ......
JS 设置定时器与清除定时器
在前端，一些功能的实现需要用到定时器：轮询、定时开关弹窗、秒表、定时跳转等。。 一、设置定时器 window提供两个方法实现：setTimeout、setInterval setInterval()：使一段代码每过一段时间就执行一次，比如轮询 setInterval(() => { console. ......
Springboot+Vue(二)
上传的静态资源文件放到static文件夹下即可 表单的enctype属性规定再发送到服务器之前该如何对表单数据进行编码 默认情况下 数据格式为 key=value&key=value 需要改成 enctype = "multipart/form-data" 默认情况下限制了单次请求文件的大小 单个文 ......