源码extend vue
vue 学习
1. vue 基础 2. vue-cli 3. vue-router 4. element -ui 5. vue3 vue 是什么？ 是一套用于构建用户界面的渐进式（vue可以自底向上的逐层的应用简答应用只需要一个轻量小巧的核心库 复杂应用可以引入各式各样的vue插件）的javascript 的框架 ......
Vue：组件拖拽
##vue-drag-resize组件拖拽库 [vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize.git) 支持拖拽和缩放两个大动作，轻量级，无依赖，功能扎实，适合需要缩放的应用场景。 无依赖，轻量级 操作可联动 支 ......
Vue：$parent
##什么是$parent 在 Vue.js 中，`this.$parent` 是组件实例的一个属性，用于访问当前组件的直接父组件实例。它提供了一种在子组件中与父组件进行通信和交互的方式。 当一个组件被创建时，Vue.js 会在内部为该组件创建一个组件实例，并建立组件之间的父子关系。每个组件实例都具有 ......
Vue封装组件并发布到npm仓库
# 前言 使用Vue框架进行开发，组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同，开发人员还是得必须封装自己得组件，如果换了一个项目， ......
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3 随着移动互联网的快速发展和智能手机的普及，代驾服务成为了一个日益火热的行业。在这个行业中，如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题 ......
绝无仅有的SpringBoot+Vue前后端分离项目《盈利宝》
每天都在制造矛盾并解决矛盾的路上 程序员的主要矛盾 不是书和资料多不多的矛盾 而是学着学着发现知识又更新了 时间就像一台永不停歇的永动机 向前不停地运作 年初的flag渐行渐远 管他前浪，还是后浪？ 能浪的浪，才是好浪！ 今天带你解锁 Springboot+Vue项目 花了很长时间从头到尾 从无到 ......
vue中router-link路由携带参数跳转
在对应的路由模块儿中 ``` path: 'courseList/:id?' ``` router-link中书写方法如下 ``` 跳转按钮 ``` ......
uni.app上传视频vue2 es6
上传视频可以使用uni.app里面的api let self = this; uni.chooseVideo({ count: 1, sourceType: ['camera', 'album'], success: function(res) { console.log(res) self.sho ......
uni.app 给大家推荐一个 非常牛的 插件 上传图片 上传 word 上传xlsx 上传pdf 兼容vue2 vue3 微信小程序 h5 等等 地址放在下面了
插件 地址地址：https://ext.dcloud.net.cn/plugin?name=lsj-upload 兼容 vue2 vue3 微信小程序 等等 等等 图片放在下面了 使用方法 里面有介绍 又到了 码农 最 重要的时刻了 ctrl c ctrl v 大法 ......
uni.app上传图片/上传七牛云 vue2 es6
uni.app上传图片 可以使用uni.app里面的api // uni.chooseImage({ // success: (chooseImageRes) => { // const tempFilePaths = chooseImageRes.tempFilePaths; // uni.upl ......
如何解决uni-app上传图片提示打包未添加Camera模块？ uni.app es6 vue2
可以在manifest.json来进行配置 这样就解决了 ......
Sentinel源码分析
## Sentinel的基本概念 Sentinel实现限流、隔离、降级、熔断等功能，本质要做的就是两件事情： - 统计数据：统计某个资源的访问数据（QPS、RT等信息） - 规则判断：判断限流规则、隔离规则、降级规则、熔断规则是否满足 这里的**资源**就是希望被Sentinel保护的业务，例如项目 ......
vue中封装服务器地址/接口与设置请求头
1. 设置请求头 首先创建一个放置服务器地址的js,如http.js,然后在http.js中引入axios `import axios from "axios";` 如果没有axios,需要先安装,npm i axios或者yarn add axois,然后重启服务器 ...直接上代码 点击查看代码 ......
碰撞测试（附源码）
这里没有办法展示动态效果，具体动态效果请复制到浏览器并在浏览器控制台上查看具体效果： CSS部分： <style> * { margin: 0; padding: 0; } div { position: absolute; top: 0; left: 0; border-radius: 50% } ......
猜数字游戏（附源码）
CSS部分： <style> html { font-family: sans-serif; } body { width: 50%; max-width: 800px; min-width: 480px; margin: 0 auto; } .lastResult { color: white; ......
3d烟花效果的实现（附源码）
这里没有办法展示动态效果，具体动态效果请复制代码去浏览器中查看： CSS部分： <style> html,body{ margin:0px; width:100%; height:100%; overflow:hidden; background:#000; } #canvas{ width:100 ......
3d立体相册的实现（附源码）
效果图（这里没办法显示动态，具体动态自己复制代码去网页看）： CSS部分：html{ background: #000; height: 100%; } /*最外层容器样式*/ .wrap{ position: relative; position: absolute; top: 0; right: ......
离线安装ffmpeg源码包【详细教程】
今天分享一下ffmpeg源码包的安装过程，针对在没有网络环境下，且不能直接使用yum如何成功安装ffmpeg源码包。博主本人通过正式服务器测试，记录整个安装过程。值得大家收藏 同时，我会分享一下如何使用ffmpeg对H.264格式视频（MP4）进行m3u8+ts切片的转换，并生成m3u8+ts格式文 ......
前端Vue自定义勾选协议组件 可用于登录 注册等场景
#### 前端Vue自定义勾选协议组件， 可用于登录 注册等场景， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13299 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-c ......
前端Vue自定义登录界面切换tabs 账号登录验证码登录模版 支持手机号校验邮箱校验验证码发送
#### 前端Vue自定义登录界面切换tabs 账号登录验证码登录模版 支持手机号校验邮箱校验、验证码发送， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13298 #### 效果图如下： ![](https://p3-jue ......
[GPT] Vue 的 methods 中使用了 addEventListener，如何在 addEventListener 的匿名函数参数中访问 Vue data 变量
在 Vue 的 methods 方法中使用 addEventListener时，你可以使用 箭头函数 来访问 Vue 实例的数据。 箭头函数不会创建自己的作用域，而是继承父级作用域的上下文。以下是一个示例： html <template> <button @click="attachEventLis ......
[GPT] 如何让 vue-router 打开新窗口
在Vue Router中打开新窗口可以通过使用 <router-link> 组件的 target 属性来实现。将 target 属性设置为`"_blank"`将会在新窗口中打开链接。 以下是一个示例： html <router-link to="/example" target="_blank">打 ......
vue：<img>动态绑定的路径无法解析问题
##问题 我们引用图片，正常的静态img 图片是这么引用的 ``` ``` 没问题，只要路径正确 在 vue中动态绑定路径` :src` ``` ``` 发现图片根本加载不出来，因为 `:src`根本不能解析`@/assets/img/icoms/people.png` ##解决方案 ###方案一 ......
vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript
# vane 写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西, 也有些人把很多接口都放在一个js文件内, 看起来很是杂乱, 后来用到nuxt写的时候, 感觉用文件名来命名接口路径很是方便, 无论是query参数还是params参数,都可以通过文件名来命名, 也可以通过文件夹层 ......
O2OA(翱途)开发平台如何在流程表单中使用基于Vue的ElementUI组件?
本文主要介绍如何在O2OA中进行审批流程表单或者工作流表单设计，O2OA主要采用拖拽可视化开发的方式完成流程表单的设计和配置，不需要过多的代码编写，业务人员可以直接进行修改操作。 在流程表单设计界面，可以在左边的工具栏找到ElementUI组件。 将对应的组件拖动到表单设计区域就可以创建组件了。下面 ......
vue中加入视频播放插件vue-video-player
1.安装 ，我试了一下直接安装最新版本是汇报错误的，所以指定5.0.1 npm install vue-video-player@5.0.1 --save 2.在main.js中添加 import VideoPlayer from 'vue-video-player/src';import 'vue ......
Vue3 在主页中加入其它模板页template
模板页 在components目录下 新建 HeaderComponent.vue 文件 HeaderComponent.vue <template> <div > 元素 </div> </template> <script> export default { // 组件名称 name: 'Head ......
贪吃蛇游戏制作（附源码）
CSS：部分 * { margin: 0; padding: 0; } .wrap { width: 600px; margin: 0 auto; position: relative; } p { position: absolute; left: 73%; top: 10%; } h1 { te ......
樱花雨的实现（附源码）
本文讲述如何在页面上实现樱花雨的效果： <!doctype html> <html> <head> <meta charset="utf-8"> <title>樱花雨</title> <script src="js/jquery.min.js"></script> <style> html, bod ......
第2节：vue3 模版语法
1、将vue-demo项目清理为空 （1）index.html 不动 （2）main.js删除样式引用 （3）App.vue只保留template和script （4）清空文件夹assets和components 2、模版语法 （1）文本插值 打开App.vue写一下代码 1 <template> ......