vue vue-cli-service min源码
【玩转鲲鹏DevKit系列】何如快速迁移有源码应用
本文分享自华为云社区《【玩转鲲鹏DevKit系列】何如快速迁移有源码应用》，作者：华为云社区精选 。 源码（也称源程序）是程序员编写的计算机程序的文本形式，不同的编程语言有不同的语法和规则，常见类型包含解释型语言（JAVA/Python 等 )编译型语言（C/C++/GO等）、汇编语言等。程序员可以 ......
Vue3 组件封装——文件上传
1. 默认方法 使用 input 标签 设置 type = file <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg ......
关于vue.js
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给 ......
直播平台源码弹性云托管技术：稳定直播与降低成本的利器
弹性云托管技术的出现与运用，为直播平台源码带来了重要的意义，在处理平台负载与成本优化等方面起到了重要的作用，为用户带去了优质的使用体验，将平台往更优质的方向推进。 ......
简析Vue的响应式(或叫双向数据绑定)及其原理
上一讲，我们讲Vue和React异同的时候，讲到Vue是响应式的，那么这个响应式到底具体是什么样的？这一讲，我们来仔细看看这个话题。 简单点来说，就是在Vue的数据变量值变化时，变化可以同步到视图；在视图值变化时，视图的值变化可以同步到Vue的数据变量（注意：这里的数据变量是指Vue实例的data属 ......
轻松理解Vue和React的异同
在前端界，Vue和React最近几年一直是我们开发前端项目的两个主流选项。但作为一个想要学习使用框架最快速开发应用的新人我应该先学习哪个？或者说当我们在开发一个新项目时，到底具体是应该选择用Vue呢？还是应该选择用React？这两个的区别是什么？联系是什么？这篇文章，我尽量用最简单的语言来试图阐述我 ......
vue 报错：npm ERR! peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.19
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: admin@0.1.0npm ERR! Found: eslint@7.32.0np ......
Vue源码学习(一):数据劫持(对象类型)
好家伙,了解一下Vue如何实现数据劫持 1.Vue中data的使用 首先,我得搞清楚这玩意的概念,我们先从vue的使用开始吧 想想看,我们平时是如何使用vue的data部分的? 无非是这两种情况 (你可千万不要带着惊讶的表情说"啊!原来有两种写法的吗") //函数写法 data() { return ......
redis7.2.0 centos源码编译安装并设置开机自启动
#### 下载源码包 ``` bash wget https://github.com/redis/redis/archive/7.2.0.tar.gz ``` ```bash tar -zxf 7.2.0.tar.gz ``` #### 编译编码 编译编码 ``` cd redis-7.2.0 m ......
vue3封装筛选项
### 背景 #### 项目开发中遇到筛选项，并且几个页面都有使用，依次写，太过于繁琐 ### 筛选项解构如下  ......
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置，就准备进行页面开发等了 ，与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的，推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦，所以我们可以配置 ......
pageoffice 6 Vue+Springboot磁盘路径打开文档
- 本示例关键代码的编写位置 [Vue+Springboot](https://www.pageoffice.cn/pages/f76d87/ "Vue+Springboot") **注意 本文中展示的代码均为关键代码，复制粘贴到您的项目中，按照实际的情况，例如文档路径，用户名等做适当修改即可使用。 ......
问题（Uncaught ReferenceError: vue is not defined）和解决方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后，首先就是对我们的路由进行配置 模块化配置路由，不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用， https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
Vue+Elemnt-UI遍历生成form-item并为其绑定校验规则
需求：接口获取数据，动态渲染表单（文本框类型，内容，标签，是否必填） 参照博主：blog.csdn.net/qq_33769914/article/details/122449601 遇到的问题：1.通过对单个item绑定的校验规则不生效（表现为：不弹提示，或填了内容依旧提示） 2.提示出现后通过c ......
VUE2+Swiper（H5邀请函开发）
#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c ......
.Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架
# .Net 6/Net Core Vue Element Uniapp前后端分离低代码快速开发框架 这是一个能提高开发效率的开发框架，全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 # 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端 ......
vue3 甘特图（一）：选择与初始化甘特图
vue3 甘特图（一） 1.功能使用背景： 甘特图是一种项目管理工具，以图形直观的方式显示项目的时间轴和任务计划 2.vue3 初始化甘特图 gantt 2.1 下载安装 dhtmlx-gantt 依赖包 npm install dhtmlx-gantt -save 2.2 引入插件 import ......
当vue的el-dialog弹窗出现层级问题时，加个:append-to-body="true"
1、当dialog弹窗出现在遮罩层下面时，如这种情况： 2、解决办法就是，加个:append-to-body="true" 属性，效果如下： 。 ......
数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
CBV、APIView源码分析
一、CBV源码分析 1、功能需求 基于类的视图 > 使用类编写 > 在类中写跟请求方式(methon)同名的方法 > 路由配置 类名.as_view() 前端的请求过来，什么请求，就会执行跟请求方式同名的方法 2、执行流程 路由匹配成功 > 配置在路由上的第二个参：执行函数内存地址自动加(reque ......
cbv源码分析,APIView执行流程分析,序列化组件,序列化组件快速使用之序列化
> #cbv源码分析 `cbv:是基于类的视图,使用类编写,在类中写请求方式同名的方法 >路由匹配 类名 .as_View()` > 请求过来,什么请求,就会执行跟请求方式同名的方法 > ## 执行流程: ``` 请求来了 做路由匹配 如果第books/匹配上了path('book/',BookVi ......
node、npm版本升级，同时解决升级后vue项目运行报错
升级node和npm 1、首先，需要确定当前安装的Node.js的版本。可以通过在命令行中运行以下命令来查看： node -v 2、如果当前版本较旧，可以考虑升级到最新版本。可以访问Node.js官方网站（https://nodejs.org/）下载最新的Node.js安装包。 不想下载最新的版本， ......
vue存储库-----pinia
# vue存储库 pinia和vuex ### pinia与vuex的区别 （1）pinia它没有`mutation`,他只有state，getters，action【同步、异步】使用他来修改state数 （2）pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 （3） ......
安装python库（源码安装）
Python常用的依赖库安装方式是使用pip来安装，比如pip install xxx ；但有时pip的安装速度慢、或需要安装指定版本的依赖库，同时pip又不支持了，这时可以先把依赖库（安装包）源码方式下载到本地，再进行安装。 一、下载依赖库或安装包的源码通常在Github上下载 git clone ......
vue3中使用swiper的完整版教程
在 vue3 中使用 swiper, 实现轮播图的效果；如果组件样式等模块引入不当，很有可能导致，页面无效果；或者想要的箭头或者切换效果异常问题。 使用命令 npm install swiper 安装 swiper插件； 在main.js里使用样式文件，如下所示： 注意需要安装：npm instal ......
npm install安装vue-element-admin报错
## 报错信息 ``` npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart() npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\git. ......
vue-treeselect的组件使用
一 先通过npm 安装 vue-treeselect 二 页面中引入,声明组件 三 页面使用 data中的数据 最终效果图 ......
Vue3 使用重点记录
节选于教程: Vue3 入门指南与实战案例 1.响应式API 1.1 ref Ref 对象的值的读取，切记！必须通过 .value 例子: // 读取一个字符串 const msg: string = 'Hello World!' console.log(msg) // 读取一个数组 const u ......