![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
前端加油站
如果可以实现记得点赞分享,更多关注:
https://gitee.com/coding_zxd
http://www.zxdblog.net
谢谢老铁~
展开
-
前端调用浏览器录音功能且生成文件(vue)
Web Audio API和WebSocket在不同浏览器上的实现可能会有所不同,确保在目标浏览器上测试。停止录音,并调用 createDownloadLink 方法生成下载链接。将存储的音频数据块创建为一个 Blob 对象,并生成一个下载链接。将 PCM 数据块添加到 audioChunks 数组中。确保WebSocket服务器可以处理PCM数据。存储生成的下载链接,供用户下载录音文件。存储录音过程中的 PCM 数据块。原创 2024-05-21 18:02:38 · 442 阅读 · 0 评论 -
3.electron之vue3.0的桌面应用程序
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中,因此它允许你仅需一个代码仓库,就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。————————————————版权声明:本文为CSDN博主「前端加油站」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/Gas_原创 2023-12-15 11:00:00 · 1604 阅读 · 0 评论 -
vue 解决响应大数据表格渲染崩溃问题
1.场景描述发起请求获取上万条数据,进行表格渲染,使浏览器卡顿,导致网页崩溃。2.分析原因1.大量数据加载,过多操作Dom,消耗性能。2.表格中包含其他控件,增加渲染负担。原创 2023-12-01 11:59:53 · 1481 阅读 · 0 评论 -
vite下javascript-obfuscator 代码混淆
关于 rollup-plugin-obfuscator 插件的配置选项列表,每个选项都用于定制代码混淆和压缩的方式。在vite.config.ts中引入插件,并进行设置。1.高混淆,低性能。性能会比没有混淆的时候慢很多。2.中等混淆,最佳性能。性能会比没有混淆时慢。3.低混淆、高性能。表现会处于比较正常的水平。项目环境:Vue3+Vite。4.默认预设,高性能。原创 2023-11-24 16:54:09 · 3095 阅读 · 0 评论 -
前端界面网页截图(干货)
对网页进行局部截图或者是整个网页截图,于是想着弄个demo,关于前端的截图。原创 2023-11-16 15:03:02 · 926 阅读 · 0 评论 -
自定义目录高亮的锚点计算位移
一个支持目录树形结构,自定义目录高亮的锚点计算位移,且支持选中该目录后锚点对应的内容。这里只提供左边的组件思路,右边展示对应的内容最好自己自定义组件控制更为灵活,会提供思路。然后再自己的业务组件中直接引用。首先在自己的项目中的。原创 2023-08-21 15:31:03 · 113 阅读 · 0 评论 -
vue所有UI库通用)tree-select 下拉多选(设置 maxTagPlaceholder 隐藏 tag 时显示的内容,支持鼠标悬浮展示更多
vue所有UI库通用)tree-select 下拉多选(设置 maxTagPlaceholder 隐藏 tag 时显示的内容,支持鼠标悬浮展示更多原创 2023-08-15 17:42:32 · 2170 阅读 · 0 评论 -
echart 3d立体颜色渐变柱状图
3d立体渐变柱状图原创 2023-08-15 17:05:27 · 1111 阅读 · 0 评论 -
ZSTD 解压缩前端处理方案(干货简单)
由于后台返回数据量大,请求资源比较耗时,需要一个方案来优化性能。因为咱们是解析一个二进制的文件,所以需要进行指定返回类型。原创 2023-06-02 12:08:29 · 2165 阅读 · 0 评论 -
vue3.0 无法侦听响应式reactive对象的属性值
【代码】vue3.0 无法侦听响应式reactive对象的属性值。原创 2023-07-18 17:20:04 · 457 阅读 · 0 评论 -
(vite/webpack 通用)vue 白屏 Uncaught Syntaxerror: Unexpected token ‘?‘
浏览器一片空白,开控制台输出:Uncaught Syntaxerror: Unexpected token?vite代码版本较高,导致低版本浏览器无法运行,结果是他那边浏览器的版本很低(谷歌44)导致的。原创 2023-07-13 11:31:03 · 3380 阅读 · 0 评论 -
(通用0bug)纯原生实现一个类似浏览器搜索功能(ctrl + f)
模拟Ctrl + F 的搜索功能,支持自选可搜索区域范围,且支持回车查看下一个,上下查看,自动滚动定位,帮助小白解决不会快捷键操作的搜索。原创 2023-06-02 16:27:12 · 1375 阅读 · 15 评论 -
Could not xxx file for module ‘module-name‘. ‘xxx/module-name.js‘ implicitly has an ‘any‘ type
在vue3.0 + vite + typeScript 开发中,需要引入第三方js脚本作为插件使用,但yarn build 构建的时候一直报此错误。在vue项目中使用第三方库作用组件库,因为没有配置相关参数,导致构建一直报错原创 2023-06-02 14:23:41 · 187 阅读 · 0 评论 -
揭穿Vue修饰符async的秘密
对于VUE的初学者来讲,肯定会感觉prop的写法很麻烦,很讨厌!你肯定想如果prop也可以实现双向绑定那怎是一个爽字了得!不过现实是残酷的,如果子组件可以任意修改父组件的内容,那势必会带来数据的混乱,从而造成维护的困扰!毕竟父组件也是有尊严的!转载 2021-01-20 11:33:20 · 1879 阅读 · 3 评论 -
Webpack-dev-server的proxy代理用法
前言如果你有单独的后端开发服务器 API,并且希望在同域名下发送 API 请求 ,那么代理某些 URL 会很有用。 解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~) 在webpack.config.js中配置 下面简单介绍一下五个经常使用的场景 使用一: mmodule.exports = { //... devServer: ...转载 2019-12-11 14:34:00 · 618 阅读 · 0 评论 -
打包之后npm run build放到服务器上之后刷新会报404怎么解决啊
方法一:打包之后npm run build放到服务器上之后刷新会报404怎么解决啊如果你是 iview + vue 的项目 请到src/route/index.js 把mode: 'history' 注释掉 再重新打包其他纯 vue-cli 项目的 直接找到mode: 'history' 对应的文件,一样 注释掉 再重新打包方法二:当然,如果不想要很丑的 hash,我们可以用路由的h...原创 2018-12-24 11:37:16 · 2995 阅读 · 1 评论 -
vue (iview)根据权限控制columns 的某列显示与隐藏(通用)
1.需求描述根据权限控制某列中显示与隐藏2.使用场景根据不同用户(普通用户,vip用户),展示对应的列3.解决思路将原来的columns copy一份,然后根据权限去让它过滤对应的列,就能返回最新的columns了举个例子,代码如下created() { userType(type) { // type: 1 普通用户 2 vip用户 如...原创 2019-07-14 14:55:25 · 9875 阅读 · 1 评论 -
Vue开发中regeneratorRuntime is not defined
1.需求描述想先让其他异步接口发送请求响应后,再发送详情接口,以便于正常渲染页面2.使用场景在vue项目中使用 async await处理并行多个异步,是因为项目中没有使用transform-runtime将es6+转换成es53.解决思路注意:不建议使用babel-polyfill,因为这个太大了,现在6.0版本的babel改成了插件的形式,现在推荐的是transform...原创 2019-07-18 17:19:00 · 7434 阅读 · 2 评论 -
Vue 构建打包出现 es6问题from UglifyJs 报错Unexpected token: punc
1.使用场景在vue项目中使用 async await处理并行多个异步,是因为项目中没有使用transform-runtime将es6+转换成es5解决方案在上一篇文章:https://blog.csdn.net/Gas_station/article/details/96437350但是,但是当你npm run build 构建失败!!!会报 Unexpected token...原创 2019-07-18 17:56:28 · 2802 阅读 · 1 评论 -
iview UI 阻止下拉框select选中的值,不让其进行渲染
1.需求描述在一个table中,每一行都有排序下拉框,每个排序都是唯一的,不能重复,如图所示:2.问题描述现在的排序是 1, 2, 3 现在将第三行下拉框的值由 3 改变成 1,因为 1 已经再第一行存在,所以不允许重复,但是还是渲染成了 1 怎么破???4.解决思路首先查看API文档并没有回调拦截的事件或方法,所以只能自己重新渲染了,那如何渲染呢?...原创 2019-07-29 20:24:58 · 1617 阅读 · 2 评论 -
vue iview-admin 如何兼容IE浏览器(通用)
1. 安装babel-polyfill `yarn add babel-polyfill --save`2. src/main.js 引入babel-polyfill `import '@babel/polyfill`3. 在根目录增加babel.config.js文件 ``` module.exports = { presets: [ ['@v...原创 2018-12-29 11:26:43 · 4478 阅读 · 2 评论