three vue js
安装vue3+vite报错
报错：‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序； 我已经配置过环境变量，发现是node 安装目录 D:\Program Files\nodejs ，中间有空格导致，只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
vs code 出现html js css 注释不正常
vue 地方使用了 `` 注释，这是正常的，但是 css 部分也是使用 `` 注释，css 应该使用 `//` 或 `/* */` 注释，这里错了。 多次检查扩展，发现是扩展的问题，卸载 [vue](https://marketplace.visualstudio.com/items?itemNam ......
H.265视频无插件流媒体播放器EasyPlayer.js播放webrtc断流重连的异常修复
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
Vue3定义全局函数和变量
定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2： // 之前 (Vue 2.x) Vue.prototype.$http = ......
js将 2023-07-13T10:12:23+0800转为 YYYY-MM-DD HH:mm:ss格式
``` // 封装的日期时间格式化函数 function formatDateTime(dateTimeString) { const inputDate = new Date(dateTimeString); const chinaTimeOffset = 8 * 60; const chinaT ......
vue3 使用swiper实现轮播图（两边小中间放大效果轮播图）
先引入swiper ，我直接引入的最新的包是10.2.0 pnpm add swiper yarn add swiper 在vue页面引入 <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import { Autopl ......
Vue项目原本原本http请求变成了https
Vue项目http请求变更为https处理方式在index.html中添加如下代码 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">如果向去去掉s就注释 <meta http-equiv=" ......
CF1335E1 Three Blocks Palindrome (easy version)
## 思路 发现一个进阶回文序列仅包含三个部分：$x$ 个连续的 $a$，$y$ 个连续的 $b$，$x$ 个连续的 $a$。 对于一个 $a$，我们一定会取最外面的两个 $a$，如果不取，则答案一定不小或不变，所以我们枚举到 $a$ 的时候，一定是确定了最外围的两个 $a$ 的位置。 接下来再枚举 ......
vue3 使用 router 进行跳转备忘
1.在画面中添加子画面，使用 el-menu 菜单进行跳转，只更新子画面 a.首先在配置 router 路径的 js 文件中配置画面的路径，子画面的路径要在父画面的 children 下面 在父节点下设置 redirect 属性，打开父画面时会默认打开相应子画面，否则子画面默认显示为空白 b.在画面 ......
直播平台软件开发，vue-全局过滤器时间
直播平台软件开发，vue-全局过滤器时间 步骤一：处理数据 export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth() + 1 le ......
js 计算对象数组中某个字段sum之和
1、一个字段之和 要计算一个对象数组中某个字段的和，你可以使用 JavaScript 的 Array.prototype.reduce() 方法。reduce() 方法对数组中的每个元素执行一个提供的函数，并将结果累积为单个值。以下是一个示例： 假设你有一个对象数组 data，每个对象都有一个 va ......
vue3 使用vuex以及数据持久化
/* * @Author: Caixia.Gao * @LastEditors: Caixia.Gao * @Date: 2023-08-23 11:28:44 * @LastEditTime: 2023-08-23 11:45:05 * @Description: */ // 引入vuex imp ......
Node.Js 13.4.18 Docker 部署后无法访问
将项目 Next.js 升级后，通过 Docker 部署无法访问到服务，通过 `docker logs id` 检查日志，发现没有任何反应，甚至一个访问请求都没看到。 1. 一开始怀疑是打包的问题，将 Docker 容器中的服务文件全部拉下来，在本地跑..诶嘿~正常运行...排除打包问题 2. 检查 ......
Vue 重置data的数据为初始状态操作
在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？ 1. 逐个赋值 ... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' ......
RuoYi-vue配置记录
如果这个项目能顺利运行，标志着Springboot+vue的前后端环境都配好了。 一、官方文档 若依官方文档：介绍 | RuoYi，在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue 解压到自己的目录下 首先根据官方文档的环境部署所说，检查一下自 ......
web杂记(7)-js(3)
[TOC] # toJSON ```javascript b = { x: 11, y: 12, valueOf: function() { return Math.sqrt(this.x ** 2 + this.y ** 2); }, toJSON: function() { return `{x ......
【js】横/纵向无缝滚动
1.纵向无缝滚动（类似淘宝） ps:存在一个问题，当鼠标移入时，未关闭定时器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ margin:100px ......
Vue+SpringBoot项目分离部署踩坑记录
昨天花了一晚上终于成功部署了个人网站，在这个过程中踩了很多坑，现在回顾总结记录一下，以免今后继续犯错误 前端：Vue 后端：SpringBoot 数据库：Mysql 一、前端 1、前端项目采用Nginx进行部署，其中Nginx配置文件部分内容如下 nginx.conf部分内容 1 server { ......
【算法】在vue3的ts代码中分组group聚合源数据列表
有一个IList<any>()对象列表， 示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',f ......
vue-draggable跨iframe拖拽
### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` ......
js 异步改成同步Promise
function Promise(executor) { let self = this; if (typeof executor !== 'function') throw new TypeError('Promise resolver ' + executor + ' is not a func ......
JS中的JSON.Stringify 方法详解
JSON.stringify 是 JavaScript 中的一个方法，用于将 JavaScript 对象转换为 JSON 字符串。 语法： ```javascript JSON.stringify(value, replacer, space) ``` 参数说明： - value：要转换为 JSON ......
vite +vue2 搭建
1.1 创建项目 注意：这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续，安装如图 创建好项目后 // 1.进入项目 cd vite-vue2 // 2.安装依赖 npm install // 3.启动项目 npm run dev 1.2 ......
vue中$event的元素属性
<template> <div> <button @click="clickFun($event)">点击</button> </div> </template> <script> export default { data(){ return{} }, methods:{ check(event) ......
第一章 ： Vue2 技术精讲
# 第一章 ： Vue2 技术精讲 ## 1. Vue 是什么 Vue是一套 **构建用户界面** 的 **渐进式** **框架** **Vue2官网：**[https://v2.cn.vuejs.org/](https://v2.cn.vuejs.org/) Vue.js Vue.js ......
vue--day66--具名插槽
1.App.vue <template> <div class="container"> <Category title="美食" > <img slot="center" src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> <a slot ......
原生JS 根据需求生成表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> td { padding: 10px; border-collapse: collapse; } </styl ......
JS传递参数
### JS传递参数 ECMAScript中在向参数传递基本类型的值时，被传递的值会被赋值给一个局部变量(即命名参数，或者用ECMAScript的概念来说，就是arguments对象中的一个元素)。 在向参数传递引用类型值时，会把这个值在内存中的地址赋值给一个arguments的一个(局部)变量，因 ......