- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue3+ts 导出功能，同时解决导出同时下载两个文件bug
在代码中添加了 link 到 DOM 后立即触发了 click 事件，导致了多次下载文件。为了解决这个问题，我们需要将触发下载的操作放在异步环境中，确保 link 已经完全添加到 DOM 再触发 click 事件。其中’tableData.xlsx’为下载文件名，可自定义修改~示例为导出el-table表格数据。
2023-08-11 17:39:27
358
原创 使用easyPlayer再vue项目中播放H265 hls协议的直播视频踩坑记录
ps：由于需求较为简单，只是展示直播视频，如果对流畅度有需求的或者展示多个直播，建议参考jessibuca库，（缺点就是收费）。收费的和开源的区别就是一个是软解码一个是软解码+硬解码~~~（还有一个点要注意一下，如果url使用的是服务器地址有跨域的，地址要改成localhost：后面跟服务器的端口号再拼接视频地址）随后将项目打包到本地nginx服务器上，却一直报wasm文件解析404的错误，这个问题困扰了博主三天左右，后面再刷帖子无意中看到类似问题的解决方法，将。，于是尝试了一波，果然可以播放了。
2023-07-31 17:56:51
804
2
原创 vue后台管理处理导航菜单数据方法记录
后端返回数据格式如上，一次返回所有权限菜单，现需求是匹配所有父级菜单下的子菜单，组成正常的树结构实现代码打印结果基本逻辑就是首先将原数据，以菜单id为键的方式生成新对象里，然后循环原数据数组进行比对，就实现需求了~
2023-06-30 15:58:17
129
原创 antd-form表单结合栅格布局横向展示
可根据antd内置API 设置 layout属性，我这里UI图展示表单标题和输入框各单独一行，所以才用的是‘vertical’属性，和‘inline’属性区别就是标题与输入框是否单独一行，再根据antd中的栅格布局，将表单各项用row,rol包裹住即可完成需求，若考虑响应式布局，可根据xs，sm等属性设置<a-form :label-col="{ span: 8 }" :wrapper-col="{ span: 20 }" layout="vertical
2022-01-12 11:31:10
5162
原创 Vue组件
组件mvvm 数据驱动 组件化组件：网页上组成部分（预定义组件、自定义组件）组件语法:组件也是Vue的实例（new Vue 他有的属性 组件都有） // 全局组件（挂载到Vue上，可以在任意组件以及实例的模板中使用） Vue.component(组件名,{ template:` <div> xx xxx </div> `, data(){ return { }
2020-11-14 15:11:13
66
原创 Vue得MVVM原理和数据驱动
MVVM原理es5 Object.defineProperty(obj,‘属性’,{value:1,set:function(){},get:function(){}})注意：Object.defineProperty不兼容IE8及以下浏览器 所有vue不兼容IE8及以下浏览器当我们创建一个实例（new Vue、组件），vue就会去遍历，new Vue传入的对象中的data属性（也是对象），将data这个对象中的所有的属性 通过 Object.defineProperty()转换成gett
2020-11-12 10:39:08
175
原创 Vue常用指令和条件渲染
其他常用指令v-bind:属性 将标签（组件），的普通属性的值 变成动态的值 值：变成js环境 里面可以写表达式、如果有变量 会去找实例上的属性和方法 简写： :属性v-on:事件 将标签 事件 的事件函数 与 这个指令的 值进行绑定 值：js环境 找 实例上的方法（只找方法） 简写： @事件注意： <button @click="fn"> <button @click="fn()"> 绑定事件两种方式 方式1，f
2020-11-10 20:53:13
213
原创 Vue简单入门
什么是vuehttps://cn.vuejs.org/是 MVVM js 渐进式 视图层 框架mvvm m model 数据 v view 视图 mv vm 数据改变 视图会自动刷新（vm Vue实例驱动刷新） 命令式 将程序 每一个 运行步骤 写出来 程序运行 声明式 告诉 计算机 我要干什么 （中间怎么做 不管）一切以数据为核心、尽量不要操作dom(由数据驱动视图)渐进式 vue.js 核心库 只有 核心语法 vue还有很多其他的功能，是
2020-11-09 15:30:58
65
原创 nodejs模板（模板引擎）
结构（html）结构 可以直接渲染数据 （jsp）node模板引擎jadepugejs 没有破坏html结构cnpm i ejs -S //安装步骤app.set('views', './views')app.set('view engine', 'ejs')views home.ejs news.ejs // 将html后缀名改为ejs路由中渲染 res.render('home', { //可以携带数据到模板上可以渲染 })渲染数据允许我们在 ejs
2020-11-06 19:55:18
1137
原创 nodejs express知识点
nodejs expressnodejs框架如何使用npm init npm install express -Sindex.js const express = require('express') // 创建一个应用程序 const app = express()//get请求 app.get('/home', (req, res)=>{ res.send('hello node') }) //post请求 app.post('/home',
2020-11-05 15:13:20
79
原创 Git得常规操作
本地使用git下载安装，检测是否安装成功：git --version或者点击鼠标右键出现下图也可以git安装成功的标志首先要在被管理的文件夹中进行初始化，才能在这个文件夹中使用git命令管理：git init初始化后，会出现一个隐藏的文件夹.git，此时代表当前这个文件夹及其以下内容都被git管理了。git管理文件夹的时候将管理过程分为3个区域：工作区：自己写的源文件工作区示意图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接
2020-11-02 17:40:39
175
原创 nodejs模块和简单爬虫
node模块nodejs 全局模块引入 const fs = require('fs') // **直接写模块名即可**使用 fs.readFile(xx,xx)独立安装第三方模块 （npm下载） 在 node_modules下载npm i body-parser -S引入const bodyParser = require('body-parser') // 直接写模块名使用 bodyParser.json()自定义模块nodejs模块 1，如果
2020-11-02 17:14:53
2214
8
原创 nodejs基础
node 对于前端意义node：基于 chrome v8引擎 js 运行环境（独立安装的js运行环境）浏览器 解析 网页 内核内容排版引擎 解析 html/cssjs解释引擎 解析jsnvm安装以及使用nvm ls 列举当前可用的node列表nvm install 6.14.4nvm use 版本复习npmnode是js 运行环境（独立安装 安装到 服务器上）node就可以操作 服务器 相关 资源（数据库、当做服务器软件、操作硬件）node可以取代java php做 后端服务
2020-11-02 17:08:14
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人