![](https://img-blog.csdnimg.cn/20210525112028796.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
vue相关
蜗牛与藤曼
天天想要转行的秃头码农
展开
-
babel ES6 转换 ES5 实现原理
babel ES6 转换 ES5 实现原理## 转换过程分为三步:原创 2023-03-13 15:13:09 · 868 阅读 · 0 评论 -
vue3+vite搭建项目
vue3+vite搭建项目原创 2023-03-07 19:29:24 · 3081 阅读 · 1 评论 -
vue实现浏览器桌面通知
vue实现浏览器桌面通知当浏览器最小化,或者切换到其他标签页不在当前系统页面,或在其他页面时依然可以显示通知原创 2023-01-05 14:42:36 · 8385 阅读 · 2 评论 -
Vue结合高德地图(AMap)Gis开发
Vue结合高德地图(AMap)Gis开发实现标绘和重绘之前的图形 判断是否在区域内原创 2023-01-05 14:05:41 · 1472 阅读 · 0 评论 -
声网实现音频通话
声网实现音频通话原创 2022-11-30 10:48:11 · 413 阅读 · 0 评论 -
视频流加载播放
视频流加载播放,rtsp流地址 \ MP3/MP4类型的地址,rtmp流地址原创 2022-11-30 10:37:27 · 1240 阅读 · 0 评论 -
vue加载图片,地图,请求api跨域问题
vue加载图片,地图,请求api跨域问题通过proxy配置代理解决vue.config.js引入可配置变量原创 2022-09-06 14:41:34 · 2636 阅读 · 0 评论 -
循环多个el-popover的手动显示/隐藏问题
循环多个el-popover的手动显示/隐藏问题原创 2022-08-06 16:26:01 · 2057 阅读 · 0 评论 -
vue获取用户ip地址
vue获取用户ip地址(仅限IE浏览器,谷歌无效)原创 2022-07-22 16:03:35 · 10266 阅读 · 0 评论 -
npm安装插件报错 ERR Error while executing: npm ERR C:\Program Files\Git\cmd\git.EXE ls-remote -h -t ssh://
npm安装插件报错 ERR Error while executing: npm ERR C:\Program Files\Git\cmd\git.EXE ls-remote -h -t ssh://原创 2022-06-01 18:06:08 · 11756 阅读 · 1 评论 -
Vue Elementui表格行列实现拖拽排序
由于elementUI 表格没有自带的拖拽排序的功能,本文主要通过第三方插件Sortablejs来实现。原创 2022-05-16 17:17:35 · 3617 阅读 · 0 评论 -
Vue使⽤uuid⽣成唯⼀标识
Vue中使⽤uuidv1根据时间戳和MAC地址⽣成唯⼀标识(获取客户端唯一标识)原创 2022-05-11 15:39:57 · 812 阅读 · 0 评论 -
跨域 解决方案汇总
跨域 解决方案汇总原创 2022-03-25 11:36:49 · 179 阅读 · 0 评论 -
Vue SSR(vue服务端渲染)
Vue SSR(vue服务端渲染)原创 2022-03-21 14:19:17 · 16311 阅读 · 0 评论 -
vue项目webstrom内存溢出经常停止运行需重启问题
vue项目webstrom内存溢出经常停止运行需重启问题解决方案:全局安装 increase-memory-limit命令行cmd ,dos窗口运行:cnpm install -g increase-memory-limit,进入项目文件夹,运行:increase-memory-limit原创 2022-01-17 14:11:41 · 739 阅读 · 0 评论 -
前端获取服务器时间
前端获取服务器时间(测试验证时需打包到服务器,本地开发环境无法验证)原创 2021-12-10 13:39:31 · 3800 阅读 · 1 评论 -
tinymce富文本编辑器
UEditor:百度前端的开源项目,功能强大,基于 jQuery,但已经没有再维护,而且限定了后端代码,修改起来比较费劲bootstrap-wysiwyg:微型,易用,小而美,只是 Bootstrap + jQuery…kindEditor:功能强大,代码简洁,需要配置后台,而且好久没见更新了wangEditor:轻量、简洁、易用,但是升级到 3.x 之后,不便于定制化开发。不过作者很勤奋,广义上和我是一家人,打个callquill:本身功能不多,不过可以自行扩展,api 也很好懂,如果能看懂英文.原创 2021-12-02 17:31:20 · 176 阅读 · 0 评论 -
Nuxt.js
Nuxt.js 基于vue的通用应用框架:它建立在同等的Vue技术栈之上,但抽象出很多模板,并提供了一些额外的功能,例如静态站点生成。通过NUXT可以根据约定的规则,快速的实现Vue SSR1. 什么是服务端渲染(SSR)Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的HTML字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js原创 2021-12-01 14:40:38 · 521 阅读 · 0 评论 -
vue 加载720全景图
步骤1.安装photo-sphere-viewernpm install --save photo-sphere-viewer2.引入import 'photo-sphere-viewer/dist/photo-sphere-viewer.css'import { Viewer } from 'photo-sphere-viewer'3.主要代码<div id="viewer720"></div>showViewer720 () { let tempUr原创 2021-10-14 10:11:40 · 982 阅读 · 0 评论 -
webpack学习
一、基础1.1 优点 1.默认支持多种模块标准,包括AMD,CommonJS,ES6 Model 2.有完备的代码分割(code splitting)解决方案,分割打包后的资源,只加载必要部分 3.可以处理各种类型资源(js文件,样式,图片等) 4.庞大的社区支持1.2 基本用法方式一:最基本的命令行 — 在控制台输入即可打包npx webpack --entry=./index.js --output-filename=bundle.js --mode=development方式原创 2021-09-10 16:56:55 · 111 阅读 · 0 评论 -
海康威视的视频web端(vue)
海康威视的视频web端(vue)https://blog.csdn.net/hbjiankely/article/details/103169234原创 2021-09-09 10:01:14 · 1197 阅读 · 0 评论 -
vue结合esmap进行室内3D地图开发
vue结合esmap进行室内3D地图开发官网:https://www.esmap.cn/escopemap/content/cn/develope/develope.html原创 2021-08-20 10:02:51 · 948 阅读 · 3 评论 -
vue element 实现弹窗可拖拽
1.安装npm install vuedraggable --save2.在公共组件中新建个js文件,搭配vue自定义指令来实现拖拽的效果directive.js文件import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialo原创 2021-08-16 18:07:58 · 522 阅读 · 0 评论 -
npm使用国内淘宝镜像的方法
npm使用国内淘宝镜像的方法一.通过命令配置命令 npm config set registry https://registry.npm.taobao.org验证命令 npm config get registry如果返回https://registry.npm.taobao.org,说明镜像配置成功。二、通过使用cnpm安装安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org原创 2021-08-12 17:29:50 · 31076 阅读 · 1 评论 -
Vue实现弹窗 拖动、放大、缩小
实现:拖动,上下放大和左右放大,双击头部会实现全屏,因为普通的弹窗标签会在我们点击弹窗之外的部分的时候自动关闭,所以我们需要给弹窗部分增加一个属性页面标签引用部分 <el-dialog title="弹窗" :visible.sync="dialogVisible" :close-on-click-modal=false v-dialogDrag width="75%" > //:close-on-click-modal=false 这个属性的作用是不让点击外面关闭弹窗 <原创 2021-08-04 17:49:59 · 7884 阅读 · 3 评论 -
递归 -- 树结构
递归树结构 generateOptions (params) { // 生成Cascader级联数据 var result = [] for (let param of params) { if (!param.isLeaf && !param.parentId) { // 判断是否为顶层节点 var parent = { // 转换成el-Cascader可以识别的数据结构原创 2021-08-04 16:49:48 · 159 阅读 · 0 评论 -
全屏实现方法
全屏实现方法主要代码 // 全屏 fullScreenChange () { // let element = document.documentElement;//设置后就是我们平时的整个页面全屏效果 let element = document.getElementById('videoDiv') // 设置后就是 id==videoDiv的容器全屏 if (this.fullscreen) { // 如果已经全原创 2021-07-28 17:18:53 · 548 阅读 · 0 评论 -
Vue cli3\4 babel配置转译解决浏览器兼容问题
什么是babel?babel官网介绍戳戳戳:https://www.babeljs.cn/docs/Babel 是一个 JavaScript 编译器,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。Babel 做的事情:语法转换通过 Polyfill 方式在目标环境中添加缺失的特性(通过第三方 polyfill 模块,例如 core-js,实现)源码转换 (codemods)主要配置v原创 2021-06-02 16:03:08 · 12626 阅读 · 3 评论 -
Vue.js CLI4.0 vue.config.js配置
Vue.js CLI4.0安装npm i -d vue-cli-configjs// vue.config.jsconst path = require('path');const CompressionWebpackPlugin = require("compression-webpack-plugin"); // 开启gzip压缩, 按需引用const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/原创 2021-05-28 10:33:02 · 341 阅读 · 0 评论 -
element
官网地址:https://element.eleme.cn/#/zh-CN/component原创 2020-06-09 14:43:22 · 128 阅读 · 0 评论 -
nginx解决JSON跨域问题
nginx解决JSON跨域问题server{ listen 3002; server_name localhost; location /ok { proxy_pass http://localhost:3000; # 指定允许跨域的方法,*代表所有 add_header Access-Control-Allow-Methods *; # 预检命令的缓存,如果不缓存每次会发送两次请求原创 2021-05-06 16:03:01 · 552 阅读 · 0 评论 -
vue + UEditor使用(富文本编辑器)
UEditor是百度的一个javascript富文本编辑器,功能强大,常见的富文本编辑器中总有它的一席之地,今天我们就写一个简单的demo来学习如何在vue-cli中使用它,以及图片上传!第一步,先下载依赖npm i vue-ueditor-wrap -S第二步,引入到项目中import VueUeditorWrap from 'vue-ueditor-wrap'第三步,注册组件components: { VueUeditorWrap}第四步,在模板中使用组件<temp原创 2021-04-09 10:27:35 · 298 阅读 · 0 评论 -
Vue知识点汇总学习
vue知识点汇总原创 2021-02-26 15:14:39 · 821 阅读 · 0 评论 -
vue中出现组件不渲染更新的问题,方法总结
vue中出现组件不渲染更新的问题,方法总结1.用this.$forceUpdate()方法例如:this.data.status= false; // 数据改变this.$forceUpdate(); // 调用2.如果是object或者是array类型的话改变值最好用 this.set(),this.set(),this.set(),this.delete(),array.splice()等方法进行修改this.$set(this.data,'status',false)3.用v-i原创 2020-07-31 16:09:39 · 3236 阅读 · 0 评论 -
前端面试题(汇总)
js,css,vue面试题汇总原创 2020-07-07 17:06:06 · 15139 阅读 · 2 评论 -
前端实现鼠标拖拽功能
1.实现拖拽页面: <div @mousedown="move" style="position: relative; "> 待拖动div </div>实现方法: move(e){ let odiv = e.currentTarget ; //获取目标元素 //算出鼠标相对元素的位置 let disX = e.clientX - odiv.offsetL原创 2020-06-09 11:38:31 · 4722 阅读 · 0 评论