three vue js
vite+vue3项目发布到手机
1.修改vite.config.js export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, s ......
sanic vue-vben开发学习（一）
兵马未动，规矩先行。开发是个系统工程，不是随便写点小代码就能交差的。需要定好规范。 我认为，应当坚持以下原则。 以文档为核心。良好的文档。这个完全是我自己在做，没有团队，我的团队都是甲方，提供需求的。我应当调研完毕，先写文档，计划怎么做。甚至可以把我写的调研，放在公开的网站上，让大家可以提意见。我来 ......
vscode 運行node.js的命令會瀏覽其他程序打開
终端输入命令 get-command npm 后 至C:\Windows\System32 刪除npm ......
vite_vite.config.js配置代理与websocket代理
export default defineConfig({ server: { proxy: { "/proxy": { target: "http://121.10.140.87", // 线上服务器IP地址 changeOrigin: true, ws: true, rewrite: (path ......
09_electron-vue-antd环境搭建
electron-vue 很好解决，安装 antd 给我弄自闭了，最终是发现是版本问题。 先把 electron-vue 环境搭建好，然后去看项目中的 vue 版本： 我的是 vue2 就使用 快速上手 - Ant Design Vue (antdv.com) 这个版本，之前一直使用的 4.x 版本 ......
新手指引：前后端分离的springboot + mysql + vue实战案例
使用springboot + mysql + vue实现前后端分离的用户查询功能：
1、mysql：创建test数据库 -> 创建user数据表 -> 创建模拟数据；
2、springboot: 配置mysql -> 使用mybatis操作mysql数据库 -> 接口开发；
3、vue：使用a... ......
Vue3 element plus el-dialog (对话框)
首先得是 Vue3项目 并已经引入 element plus 引入 element plus 方法：https://www.cnblogs.com/hailexuexi/p/17730724.html 效果图 这个对话框代码 和 头部 菜单 都在 一个 HeaderComponent.vue 文件中 ......
Vue3 引入 Element Plus
Element Plus简介Element Plus是一个基于Vue3的UI组件库，其设计原则可分为一致（Consistency）、反馈（Feedback）、效率（Efficiency）、可控（Controllability）四个方面。 目前Element Plus可使用的UI组件种类丰富，除了按钮 ......
vue3 + mark.js | 实现文字标注功能
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ......
vue~封装一个文本框添加与删除的组件
标签组件的效果如下 组件作用 这是一个div，包含了两个文本框，后面是添加和删除按钮 添加按钮复制出新的div，除了文本框没有内容，其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ......
【踩坑】JS/TS 整数明明没有超过 Number.MAX_VALUE，为啥精度还是丢失了？
代码 function calcKey(props) { return props.reduce((key, prop, index) => { const code = prop[0] * (15 + 1) + prop[1]; console.log(code); console.log(key ......
js的 var let const
一、简介二、内容三、问题 一、简介 js的变量引用，记录下使用的差别。二、内容 var （是variation的简写）是最初js使用的变量声明。 1 // var 特点 2 // 声明的变量具有函数作用域，也就是说，变量的作用域限定在声明它的函数内部（函数作用域）或全局范围内（全局作用域）。 3 / ......
vue~封装一个文本框标签组件
用到的技术 父组件向子组件的传值 类型检查和默认值：您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型，以及在没有传递数据时具有合理的默认值。例如： props: { message: { type: String, default: 'Default Message ......
VUE 3.0使用Tinymce编辑器
本人使用的IDEA开发工具 参考文档： 1.官方文档2.中文文档 一、使用npm安装Tinymce。我这里是指定了版本号的 npm install tinymce@6.0.0 npm install @tinymce/tinymce-vue@5.1.0 二、修改路径，加汉化 1、将下载好的tinym ......
Js常用方法
数组 修改 push()：向数组末尾添加一个或多个元素 返回新数组长度 unshift()：向数组首项添加一个或多个元素 返回新数组长度 pop()：删除数组最后一个元素 返回删除的元素 shift()：删除数组首项元素 返回删除的元素 splice(start,delNum,插入项...)：修改元 ......
【vue2】实现数字纵向滚动效果（计时器效果）
需求： 在页面中显示一个数字，并在进入视口时显示计时器滚动效果： 效果如上 ↑ 新建组件ScrollNumber.vue： <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: ......
流媒体播放器EasyPlayer.js无法播放H.265的情况是什么原因？该如何解决？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
如何用Vue实现模块化开发？
模块化开发就像我们管理书籍一样，一开始只有几本书时，堆书桌上就可以了。随着书越来越多，有几十上百本时，我们需要一个书橱，按照类别放在不同的格子里。对比App迭代过程，起步时，业务少，单一工程模式效率最高，随着业务发展，我们要根据业务拆分不同的模块。所有这些目的都是为了方便管理、高效查找。 模块化，就 ......
使用pako.js压缩、解压数据
最近发现有个接口响应时间很长，查看network发现数据量比较大，导致需要用近3秒才能完成请求。于是决定后端压缩数据后再发给前端解压，顺便把发送数据的地方也改成了压缩数据。 本文用到的插件：pako.js、js-base64 废话不多说，附上demo： cdn引入插件 <script src="ht ......
vue3 模糊搜索 不区分大小写 多选框 element plus
```javascript<div class="select-part" ref="selectRef"> <div class="check-type"> <input type="text" class="check-type-title" :placeholder="placeholder" ......
Vue3 面试题 （2023-09-26更新）
Vue3 对比 Vue2 做了那些改进？ 1. 响应式系统 vue2 中使用的 Object.defineProperty 实现的响应式，劫持整个对象，递归遍历所有属性，给每个属性添加 getter 和 setter vue3 中使用的 Proxy 实现的响应式 2. 编译阶段 Fragment V ......
flv.js的追帧、断流重连及实时更新的直播优化方案
1. 前言 最近在处理前端直播的业务，根据业务需要，使用 flv.js 的方案播放实时的flv视频流。不得不承认，flv.js 是一个伟大的库。 在使用flv.js开发的过程中，遇到了一些问题，也无外乎是视频延迟，视频卡顿等问题，经过在github issues里摸爬滚打，加上长时间的试错，将这些问 ......
聊聊 QianKun JS 沙箱的那些事
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：空山 什么是沙箱 沙箱即 SandBox，它是一种安全机制，用于严格控制访问资源。通过在程序中创建一个独立的运行环境，把一些来源不可信、具有破坏力或者又是无法 ......
Vue3-vite 按需引入Element-plus
1.下载unplugin-vue-components，unplugin-auto-import 包 npm i -D unplugin-vue-components unplugin-auto-import 2.vite.config.js 文件中配置 1 import AutoImport fr ......
vue npm 视频播放 项目中感觉比较好用的包
npm @easydarwin/easyplayer 对H265 H264支持都比较友好！！实测比较好用 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c ......
vue中没有index.html 如何可以加上
在Vue项目中，如果没有默认的index.html文件，你可以手动创建一个并进行设置。 以下是创建并配置index.html的步骤： 在你的Vue项目根目录下创建一个新的public文件夹（如果还没有）。 在public文件夹下创建一个新的index.html文件。 在index.html文件中添加 ......
vue-cli_关于vue-cli打包后多出的js与css文件
平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | ......
vue源码解析-实现一个基础的MVVM框架
基本介绍 vue.js采用数据劫持结合发布-订阅模式的方式，通过Object.defineProperty()来劫持各个属性的getter,setter,在数据变动时发布消息给订阅者，触发响应的监听回调。 主要功能： 实现一个指令解析器Compile 实现一个数据监听器Observer 实现一个Wa ......
Vue-进阶，404页面控制及路由钩子
路由转发传参 我们在使用vue-router时，可能会在Vue实例对象中，写一些方法使用路由的方式完成跳转，其实这种方式也是可以进行转发的 this.$router.push("/main"); 如上，可以使用字符串拼接，把参数拼接在后面，然后转发，完成参数传递 this.$router.push( ......