vue项目源码分享

在vue项目中封装echarts的正确姿势

说明随着echarts版本的更迭，很多书写方式都有了变化，本文于2021/09/24更新了一次，具体可查看源码：github源码地址为什么需要封装echarts每个开发者在制作图表时都需要从头到尾书写一遍完整的option配置，十分冗余在同一个项目中，各类图表设计十分相似，甚至是相同，没必要一直做重复工作可能有一些开发者忘记考虑echarts更新数据的特性，以及窗口缩放时的适应问题。这样导致数据更
短暂又灿烂的·2023-12-25 01:48

vue项目实现前端预览word和pdf格式文件

最近做vue项目遇到一个需求，就是前端实现上传word或pdf文件后，后端返回文件对应的文件流，前端需要在页面上展示出来。
百思不得小李·2023-12-24 22:47

使用Vite + Vue打造第一个Cesium应用

第一步创建Vite+Vue项目vue+vite官网：https://vitejs.dev/guide/，需要按官网去准备一些环境，如nodejs之类的#npm6.xnpmcreatevite@latestvite-cesium
Run不动了·2023-12-24 21:39

使用vite创建项目

文章目录1.安装vite脚手架1.1下载vite1.2创建vue项目1.3配置代理服务器(vite.config.ts)2.创建入口文件(index.html)3.创建系统入口页面(app.vue)4.
田七三两·2023-12-24 20:37

基于Vue2.x的前端架构，我们是这么做的

通过VueCLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们
街角小林2·2023-12-24 19:36

vue实验报告5 Tab栏的切换案例（使用路由）

c.使用一个HTML文件或者vue项目实现该案例二、
lsy永烨·2023-12-24 17:23

超实用！3步教你使用watermark.js在项目中添加水印效果

项目（vue项目）涉及很多数据，为保障安全，需要对数据项目做一个前端防护——加水印！使用的插件为watermark-dom,接下来分三步走，实现水印保护。
疯疯疯峰·2023-12-24 16:17

使用webpack打包后的vue项目如何运行（express）

我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他css、js以及图片等，那么打包后的文件该如何正确运行呢？
老贾_ddc1·2023-12-24 12:45

Vue项目配置ZingChart可视化图标

第一步：安装ZingChart:ZingChart官网，图表比Echarts还丰富npminstallzingchart或npminstallzingchart-vuep1第二步:在main.js文件中全局配置import'zingchart/es6';importzingchartVuefrom'zingchart-vue';Vue.component('zingchart',zingchart
pythonJam·2023-12-24 05:27

vue项目的创建和vue-router的详解

一：创建项目在桌面创建一个新的文件夹，点开新建文件夹在地址位置输入cdm打开黑窗口，然后子啊黑窗口中输入vuecreate项目名创建一个项目。选择要创建项目的类型这里我通过方向键的上下键选择最后一个的自定义类型对项目中需要的内容进行选择通过空格来进行选择和取消选择选择vue.js的版本这里我们选择vue2.x的版本通过方向键来进行选择选择路由的模式输入y就是选择了history模式，输入n就是选择
PCthedream·2023-12-24 01:35

vue项目打包体积大优化之-productionSourceMap设置

一、productionSourceMap的作用productionSourceMap在构建时生成完整的SourceMap文件，默认情况下开启。生产环境中启用productionSourceMap有助于开发者调试代码，可以在浏览器的调试工具中查看到源文件中错误的代码位置，而不是编译后的代码位置。这对于定位线上问题十分有帮助。然而，开启productionSourceMap会使得构建后的代码包含源代
邹荣乐·2023-12-24 00:07

日常开发11 vue加载静态文件，页面刷新后报错Uncaught SyntaxError: Unexpected token ‘＜‘ (at Encrypt.js:1:1)

问题描述：vue项目开发中，加载静态文件，静态文件存放的地址是在static文件下，也就是说打包的时候是不会一起打包的。
圆周率v1.1·2023-12-23 21:38

Blazor 混合开发_MAUI+Vue_WPF+Vue

Main.razor组件修改MainPage.xaml文件创建WPF项目创建wwwroot文件夹服务注册创建_import.razor添加Shell.razor组件修改MainWindow.xaml文件创建Vue
黑夜中的潜行者·2023-12-23 15:02

解决vue背景无法铺满全屏的问题

今天新建了个vue项目，想弄一个顶部铺满屏幕的图片，结果发现无论怎么调，都无法完全铺满屏幕。
木石文若·2023-12-23 15:24

BY组态（WEB组态）编辑器插件介绍

BY组态（WEB组态）编辑器插件介绍BY组态是一款非常优秀的纯前端的【web组态插件工具】，可无缝嵌入到vue项目，react项目等，由于是原生js开发，对于前端的集成没有框架的限制。
BY组态2·2023-12-23 13:04

vue项目中 jsconfig.json和tsconfig.json文件配置释义 & compilerOptions配置

vue项目中jsconfig.json和tsconfig.json文件配置释义&compilerOptions配置示例和src同层级jsconfig.json{"compilerOptions":{"baseUrl
viceen·2023-12-23 12:38

npm run serve与npm run dev的区别

在我们运行一些vue项目的时候，输入npmrunserve或者npmrundev的其中一个时，系统会报错：PSC:\Users\LENOVO\Desktop>npmrundevnpmERR!
吃饭睡觉打代码想南南·2023-12-23 11:09

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

问题描述再写vue项目时使用了，vue-router插件，但是运行之后报错vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction，
Rumda·2023-12-23 09:20

【使用gnvm管理node.js版本的安装过程】

二、问题描述1、vue项目安装less和less-loader时（npminstalllessless-loader--save）遇到node.js的10.15.3版本过低，而无法安装，因此需要升
借鉴收藏家·2023-12-23 09:42

vscode中vue项目报错

当在vscode中写代码时，报错报错报错.........已经头大，还没写就报错，这是因为eslint对语法的要求太过严格导致的编译时，出现各种语法格式错误我们打开vue.config.js，加上这句代码，就OK啦lintOnSave:false
Chemo辰陌·2023-12-23 08:04

vue项目单页面引入echarts步骤

第一步npm安装echartsnpminstallecharts--save第二步在需要使用的页面引入import*asechartsfrom'echarts'import*asechartsfrom'echarts';exportdefault{....}第三步在需要使用的页面写出一个dom节点第四步在methods方法里写一个创建echarts图表的函数然后在mounted里面调用复制代码Re
不正经开发者·2023-12-23 07:47

使用nginx反向代理实现vue项目打包部署上线

server{listen80;#监听端口server_namelocalhost;#域名可以有多个，用空格隔开#access_loglogs/host.access.logmain;location/{root/etc/nginx/html/dist/;#站点根目录，即网页文件存放的根目录,默认主页目录在nginx安装目录的html子目录。indexindex.htmlindex.htm;#目录
A文凯·2023-12-23 06:09

vue项目 通过路由跳转页面后立即刷新页面

1.本来想用路由守卫在进入页面之后调用刷新页面的方法但是在VueRouter中，beforeRouteEnter导航守卫无法直接访问组件实例，因此在该导航守卫中无法调用组件的方法。2.用activated方法但是没有效果（activated在页面一出现就执行）3.用watch监听//路由跳转的时候给他传递一个参数this.$router.push({path:'/knsxs/knssq',quer
htt2321·2023-12-23 03:35

nginx单域名配置访问多vue项目（vue3 + vite4）

。。。简单粗暴。。。vue配置项目avite.config.ts//https://vitejs.dev/config/exportdefault({command,mode}:ConfigEnv):UserConfig=>{return{//重要:配置别名base:'/a/',//其他配置}}router/index.ts//创建路由实例constrouter=createRouter({//c
钢铁熊猫33·2023-12-23 02:05

Vue和Vant使用

1.先创建vue项目，我准备把项目放在e盘下：E:\VueElement-ui命令行进入这个目录：cdE:\VueElement-ui创建一个基于webpack模板的新项目（1）vueinitwebpackregister
Kemmy_m·2023-12-23 02:00

vue介绍以及基本指令

目录一、vue是什么二、使用vue的准备工作三、创建vue项目四、vue插值表达式五、vue基本指令六、key的作用七、v-model九、指令修饰符一、vue是什么Vue是一种用于构建用户界面的JavaScript
chenximuxueya·2023-12-23 01:36

【已解决】在使用frp内网穿透访问VUE项目提示：Invalid Host/Origin header 解决方案

项目配置在使用frp作为内网穿透的时候，配置了多端口穿透(也是第一次配置frp多端口)，端口配置如下：8079：vue项目的管理系统8080：vue项目的前台系统8082：普通的web项目更高frp相关问题
凯哥Java·2023-12-22 20:15

【ECharts】从零实现echarts地图完整代码（纯前端，包含地图资源）

最终效果标题环境搭建这里忽略创建vue项目的操作过程，请自行搭建vue2项目、less环境安装下载echarts这里我们选择npm下载npminstallecharts安装成功后，在main.js中把echarts
Y_coder·2023-12-22 19:42

从Gitee克隆项目、启动方法

从gitee克隆VUE项目到本地后，不能直接运行，需要进行npminstall安装node_modules文件夹里面的内容，因为在git上传的时候，一般都会过滤到node_modules中的依赖文件。
知远同学·2023-12-22 19:32

registermodule 微前端_微前端实战看这篇就够了 - Vue项目篇

wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践微前端落地。同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。此项目为了尽可能的简单易上手，以及方便文章讲解，大部分逻辑都在主应用和子应用的main.js来回施展，实际项目应用可不要如此粗暴，要有优雅的架构设计。另有微前端进阶实战项目：基于vue3.0-beta及
weixin_39603492·2023-12-22 14:52

vue项目使用html2canvas实现截图

引入依赖npmihtml2canvas导入依赖importhtml2canvasfrom'html2canvas'1:ref写哪里,就代表截取哪个容器下的所有内容2:data-html2canvas-ignore代表着不计入截取范围,如果你不想截取某部分,但是他又在容器里面可以加data-html2canvas-ignore标签(隐藏)点击方法:html2canva(){//第一个参数是需要生成截
白云苍狗417·2023-12-22 13:12

vue项目使用html2canvas实现截图功能

这个截图有点类似下载的那种，可以按照自己的需要在代码中指定要截屏的部分，点击截图会自动保存到本地，更贴切的说法可以说是快照。不同于我们常用的截图软件，这点要注意。实现结果如图：html2canvas是JavaScript实现页面截图的类库，html2canvas使你可以直接在用户浏览器上截取网页或部分网页的“屏幕快照”。屏幕截图基于DOM，因此可能无法真实表示100％的准确度，因为它无法生成实际的
代码搬运媛·2023-12-22 13:41

vue项目使用VUE html2Canvas截取页面内容生成pdf

第一步：先安装html2canvas和jspdfnpminstallhtml2canvasjspdf--save第二步：到项目package.json中查看是否下载好html2canvas和jspdf第三步：utils文件夹下创建一个html2canvas.js第四步:内容源码已给大家提供，可直接拿去使用--最下面的pdf.save里面是生成的文件名，自己可根据对应项目进行修改importhtml
翱翔同步·2023-12-22 13:10

【前端数据可视化AntV】G2 、G6 、L7 的使用

gitee地址:gitee地址强烈建议使用国内镜像1.AntV-G2的使用这里是使用vue-cli创建了一个vue项目:vuecreatelearn-antVAntV-G2-Plot的使用:快速上手npminstall
itlu·2023-12-22 12:19

Vue项目里rem的使用

先在src下的libs文件夹下新建一个js文件，取名为rem.js，封装一个换算方法：//此处的16跟上面的16对应，同样是倍数constbaseSize=16//设置根节点的font-size大小函数functionsetRem(){//375为设计稿页面宽度，如为750，把375改为750constscale=document.documentElement.clientWidth/1920/
百思不得小李·2023-12-22 08:24

Nodejs+Vue 前后端连接 dist 包，express开篇写法和Vue 通过用HBuilder X 工具生成（Vue项目 打包）

前端：打开运行npmrunbuild得到dist文件夹后端Express喜欢的写法index.js注这个就是接包dist目录的：app.use(express.static('dist'))//dist是项目的打包资源路径，一般为根目录下distconstexpress=require('express')//require函数引入express包constapp=express()//调用函数/
PieroPc·2023-12-22 07:37

VUE项目---npm install时报错[email protected]安装失败

解决方法：执行[email protected]命令用来安装[email protected]，--ignore-scripts参数用于npminstall在安装[email protected]时忽略package.json中设置的脚本，意思就是避免package.json中的脚本影响包的正常安装
哎呦喂1111·2023-12-22 06:38

vue项目npm run build报错npm ERR! missing script: build（已解决）

vue项目npmrunbuild报错npmERR!
fpl1116·2023-12-22 00:14

基于vite 初始化vue3项目并引入Vue Router和Ant Design Vue

VueRouterAntDesignVue系列文章指路系列文章-基于Vue3创建前端项目并引入、配置常用的库和工具类文章目录创建Vite+Vue项目创建并运行WebStorm无法识别@，需要在vite.config.js
小雅痞·2023-12-21 22:34

vue中bus总线中的bug（能打印不能渲染）

第一步：在vue项目中的main.js文件中初始化busVue.prototype.Bus=newVue();第二步：在传递参数的vue页面图1将需要传递的数据放进beforeDestroy里面第三步：
chaokun·2023-12-21 20:34

Vue项目实现添加水印

vue项目需要实现添加水印的功能，实现如下：引入watermark-dom依赖包npminstallwatermark-domApp.vue引入importwatermarkfrom"watermark-dom
ljw@lq·2023-12-21 20:27

数字滚动插件——vue-count-to

在vue项目中要实现数字动态滚动效果时，通常使用vue-count-to插件来实现。
苹果函数·2023-12-21 18:42

Vue项目中支持可选链（链判断运算符）操作

一、案例效果在开发过程中拿到一个内嵌比较深的值需要做很多的判断，来保证没有数据而报错，比如：constobj={a:{b:{c:"1"}}}取c,正确的做法是：constcValue=(obj&&obj.a&&obj.a.b&&obj.a.b.c)||'';//需要判断4次，每一层是否有值二、操作方法1.安装依赖（Babel）[为了避免出现兼容问题，装好对应的转换器]npminstall@babe
在路上`·2023-12-21 18:08

【大数据优质案例】基于大数据分析的物流数据可视化平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:50

【大数据项目】基于大数据分析的全国信息教育平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:50

【大数据项目】基于大数据分析的餐饮行业数据分析平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:50

【大数据优质项目】基于数据分析的保险行业可视化分析平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:49

计算机源码数据库基于SpringBoot的人事管理系统

前言：我是极客的Code，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务项目名基于SpringBoot的人事管理系统技术栈SpringBoot
极客的Code·2023-12-21 18:17

如何运行vue项目（从github上下载的开源项目）

一、准备工作：1.从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了2.安装cnpm，在命令行中输入npminstall-gcnpm--registry=http://registry.npm.taobao.org3.安装webpacknpminstallwebpack-g4.安装vue-clicnpminstallvue-cli-g二、方式一从GitHub上下载项目，
放羊娃华振·2023-12-21 15:37

Vue项目部署上线全过程（保姆级教程）

Vue项目部署上线全过程（保姆级教程）上线前准备1.先在vue.config.js文件中配置反向代理解决跨域请求问题const{defineConfig}=require('@vue/cli-service
天才守门员·2023-12-21 15:07
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他