vue项目web端-封装组件

自己配置vue项目

webpack.dev.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');const{VueLoaderPlugin}=require('vue-loader');constESLintPlugin=require('eslint-webpack-plugin');functionge
Miss Stone·2024-01-20 07:38

Github 2024-01-19 开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目3非开发语言项目3JupyterNotebook项目2TypeScript项目1Kotlin项目1Vue项目1MDX项目1免费编程中文书籍索引创建周期
孙琦Ray·2024-01-20 07:06

webpack打包后引用cdn的js_webpack入门

内容提纲：electron-vue项目中的webpack工程实例思考webpack与gulp/gruntHMRelectron-vue项目中的webpack工程实例从electron-vue项目中的实际使用例子来入手如下是
weixin_39662263·2024-01-20 02:56

Vue项目中使用Cube-UI的Upload组件上传图片 2018-12-23

Vue项目中使用Cube-UI框架制作表单页面遇到的问题在我的使用上来看，Cube-UI的使用上相对其他UI框架较为简单。在项目中遇到了上传图片的问题。实际上也是自己从未遇到过上传图片的需求。
Nic_Y·2024-01-20 02:09

vue项目编译非常慢，经常卡在某个百分点

1、注册插件2、在项目根目录下的babel.config.js文件中加入下方配置3、将import导入方式改为require导入方式，返回promise4、如果动态加载组件import引入组件找不到组件（Error:Cannotfindmodule）使用webpack的require.ensure()方法引入组件，它可以接受变量作为参数，并且可以返回Promise对象
Tongfront·2024-01-19 23:47

Mac-开发环境配置

Web端环境安装Homebrew/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/
zhulichao·2024-01-19 18:17

vue项目直接调用外部链接获取json文件

1.直接使用-axiosaxios.get("https://www.jingqiao100.com/course.json").then(res=>{if(res.data){}2.注意—！！！后端要设置跨域
造糖主义·2024-01-19 16:12

使用 ESLint 在 Vue 项目中进行代码检测与规范

2.在Vue项目中集成ESLint步骤1：安装ESLint步骤2：初始化ESLint配置文件步骤3：安装VueESLint插件步骤4：配置ESLint规则3.在提交代码前执行ESLint检测步骤1：安装
zaijin.yang·2024-01-19 15:52

【vue中文件及文件夹命名规范详细介绍】

vue中文件及文件夹命名规范详细介绍1.介绍2.命名规范3.文件夹名4.路由和子文件夹5.单文件组件的大写字母6.测试文件7.约定性书写1.介绍在Vue项目中，合理的文件和文件夹命名对于代码维护和团队协作非常重要
程序员不想YY啊·2024-01-19 14:43

Nginx 单域名多项目配置汇总

本篇文章为自用nginx多项目配置汇总，涉及Laravel项目/Websocket/Vue项目和Golang项目，基础项目为laravel项目。基础项目配置laravel的nginx配置。
L·S·P·2024-01-19 14:10

vue项目打包成桌面应用并修改图标

目录1.打包为桌面应用2.修改图标3.发现问题：这个打包出来在使用的时候发现里面有些界面样式不兼容，就换了一个打包方式1.打包为桌面应用1.在vux项目的终端执行打包npmrunbuild2.会在项目文件夹里面出现一个dist文件夹里面有这几个文件组成3.在这里需要添加一个package.json文件package.json内容{"name":"鼠标放图标上面的提示文字","version":"1
巨蟹座守护骑士·2024-01-19 13:12

记录electron+vue打包桌面应用程序。

先新建一个vue项目如下：
嗬呜阿花·2024-01-19 13:41

使用Electron将Vue项目打包成桌面应用

q=Electron&spm=1001.2101.3001.70201、Electron安装命令：npminstallelectrong2、Vue项目添加Electron-builder打包工具：vueaddelectron-builderPS
小_U·2024-01-19 13:41

关于在Vue项目中，运用electron打包成web桌面应用的心得浅见

最近的一个vue项目由于有做成桌面应用的需求，在网上找了不少，这一篇介绍electron的很有用：http://blog.csdn.net/j_bleach/article/details/78513282
xjf18250534957·2024-01-19 13:41

Vue：使用electron将Vue项目打包为Windows应用（.exe）

一、下载electron的官方例子进行修改gitclonehttps://github.com/electron/electron-quick-start二、修改路径1.打开vue.config.js中，把publicPath的值"/“改为”./"module.exports={/***YouwillneedtosetpublicPathifyouplantodeployyoursiteunder
Yolo呀·2024-01-19 13:11

前端vue项目 存在 vite 如果需要打包成win和mac端 .exe文件的方法 用代码实现

要将使用Vite构建的Vue.js项目打包为Windows和macOS平台的可执行文件，可以使用electron-builder进行打包。electron-builder是一个基于Electron的构建工具，可以轻松地将应用程序打包成可执行文件和安装程序，支持Windows、macOS和Linux平台。以下是实现该过程的代码示例：首先，安装electron-builder和electron依赖：n
曲江涛·2024-01-19 13:40

vue项目使用electron进行打包操作

一、设置国内镜像npmconfigedit执行后会弹出npm的配置文档，将以下类容复制到文件末尾。electron_mirror=https://npm.taobao.org/mirrors/electron/electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/二、创建v
春啊春·2024-01-19 13:38

将vue项目打包成桌面客户端实现点击桌面图标直接进入项目

1.下载NW.js下载地址：NW.js官网下载完后zip解压2.文件夹下新建index.htmlindex内容如下：window.location.href='项目地址';3.文件夹下新建package.json文件package.json内容如下：{/**指定程序的起始页面。*/"main":"index.html",/**字符串必须是小写字母或者数字，可以包含.或者_或者-不允许带空格。nam
小吴头大·2024-01-19 13:07

unocss+iconify技术在vue项目中使用20000+的图标

安装依赖npmiunocss@iconify/json配置依赖vue.config.js文件uno.config.js文件main.js文件使用class名是i-开头，跟库名:图标名，那都有什么库？什么图标？在https://icones.js.org/找几个看看记得加i-哦i-库名:图标名效果看，是异步加载svg的图标
美酒没故事°·2024-01-19 13:02

vue 对接阿里云视频点播服务——web播放

项目现在是在pc端做播放服务，所以只接入了web端播放大概流程是：1.index.html中加入播放器js文件链接1.获取本地存储的视频id2.获取播放凭证（通过后端或是api接口，api需携带好公共参数
道翼·2024-01-19 12:31

vue项目发版后清理浏览器缓存代码

1、在main.js中清理本地缓存//在main.js中添加以下代码import{version}from'../package.json';window.addEventListener('load',()=>{//获取当前版本号constcurrentVersion=localStorage.getItem('appVersion');//如果当前版本号与最新版本号不一致，则清除缓存if(cu
岳哥i·2024-01-19 11:30

vue项目开发中常用的正则校验

/***@param{string}path*@returns{Boolean}*/exportfunctionisExternal(path){return/^(https?:|mailto:|tel:)/.test(path)}/***@param{string}str*@returns{Boolean}*/exportfunctionvalidUsername(str){constvalid
杨同学a·2024-01-19 11:08

vue3的创建及认识

创建项目使用creat-vue搭建vue3项目2、认识creat-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应3、创建create-vue
香香爱编程·2024-01-19 10:06

vue 不生效 打包 样式_解决在vue项目中webpack打包后字体不生效的问题

最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。如图：打开控制台查看元素样式，发现在开发环境的时候"微软雅黑"被解析成unicode编码并且带着双引号，但使用webpack打包以后，"微软雅黑"的双引号被错误解析并多加了个反斜杠，导致字体不生效。解决方法：尝试了一下去掉双引号，也就是font-family:微软雅黑，这样浏览器并不会把中文字体用u
丞高·2024-01-19 10:50

Springboot项目与vue项目整合打包

我的环境*JDK1.8*maven3.6.0*node环境1.为什么需要前后端项目开发时分离，部署时合并？在一些公司，部署实施人员的技术无法和互联网公司的运维团队相比，由于各种不定的环境也无法做到自动构建，容器化部署等。因此在这种情况下尽量减少部署时的服务软件需求，打出的包数量也尽量少。针对这种情况这里采用的在开发中做到前后端独立开发，打包时在后端springboot打包发布时将前端的构建输出一起
十步杀一人_千里不留行·2024-01-19 10:14

npm run dev 启动vue的时候指定端口

使用的是VueCLI来创建和管理Vue项目，可以通过设置--port参数来指定启动的端口号。
Miraitowa_chole·2024-01-19 09:40

vue初体验(一)

npminstall-gvue-cli全局安装vueinitwebpackproject-name创建一个vue项目cdproje
winterzy·2024-01-19 06:27

vue.js项目中重新加载当前页面的方法

二.解决方法provide/inject的组件组合具体使用方法:1.在前端vue项目App.vue中添加如下代码exportdefault{name:'App',provide(){return{reload
shineyoungBoy·2024-01-19 04:42

关于Vue中使用原生reload刷新页面方法

可以在必要的时候使用此方法但在vue项目中直接使用reload()方法刷新页面是无效的并还会报错是因为我们并没注入相关依赖使用inject方式注入首先在app.vue的文件中插入并配置成全局exportdefault
丸子'·2024-01-19 04:11

vue项目中处理路由视图的重载问题

app.vue页面的代码如下：exportdefault{name:'App',provide(){return{reload:this.reload}},data(){return{isReload:true}},methods:{reload(){this.isReload=falsethis.$nextTick(()=>{this.isReload=true})}}}这段代码是一个Vue.j
black方块cxy·2024-01-19 04:11

步骤3：本地创建实例vue项目并上传到github上

0.确保你的本机电脑是有node环境的，使用下面的命令检查一下image.png如果没有显示版本号，证明你没有安装node环境，请移步度娘，搜索怎么安装node环境。0.1安装好node之后，即得到了npm包管理工具，使用下面的命令检查一下image.png如果没有显示版本号，请检查原因。0.2使用npm包管理工具安装vue-cli脚手架，安装命令如下：image.png如果直接使用npminst
木头就是我呀·2024-01-19 04:37

uniapp 小程序 使用 new FormData 报错，is not defined 问题解决（没解决）

newFormData只适用于web端，uniapp小程序不适用，这里当时也卡了一下，随便用个js文件发现其实FormData也使用不了，所以如果要配置formData的格式无法使用FormData,会报
ToOTOooo·2024-01-19 02:20

使用electron打包vue项目 打包配置，打包exe文件和安转包

安装依赖yarnaddelectron-packager--devyarnaddelectron--develectron.jspackage.json两个文件将放到打包后的dist目录下在根目录的package.json的script中加脚本"win64":"electron-packager./dist/studyelectron_win64--out./OutApp--platform=wi
Jay_帅小伙·2024-01-19 02:25

第七章：vue路由

vue路由下面我们由开启了一个新的页面，我们新增了一个部门管理的页面我们就要实现下面的功能在点击部门管理时显示部门管理的页面在点击员工管理时显示员工管理的页面第一步这里我们不需要安装，因为我们在创建这个vue
幸运小新·2024-01-19 01:08

vue知识-07

$refs.名字---组件对象.组件对象.属性#在vue项目中使用://写在组件上handleClick(){console.log(this.$refs)  this.
糖果爱上我·2024-01-19 00:29

使用 vue-cli 脚手架搭建Vue项目

安装Nodejs去官网下载最新版本，然后安装安装完之后安装淘宝npm镜像(也可以安装镜像)npminstall-gcnpm--registry=https://registry.npm.taobao.org全局安装vue-cli新建一个项目下面称之为my-project全局安装vue-clinpminstall-gvue-cli如果这里报permission错误的话，命令前面加上sudo，然后输入
苦瓜_6·2024-01-19 00:44

vue项目中引入自定义字体

在还原页面的时候可能会遇到微软字体库之外的特殊字体，这种字体就需要自己导入，比如页面中有一些地方需要数字时钟字体来显示，这种就要自己在项目中导入字体文件图片上数字时钟字体的资源链接在下方，是一个ttf文件提取数字时钟字体链接提取码：ittf下载的文件打开是下面这个样子的文件里面有一个"字体名称"，我们的文件名最好和这个字体名称的值一致，文件的后缀名有的是大写的TTF，还有的是小写的ttf，这个后缀
不吃糖的哼哼·2024-01-18 21:36

Vue中使用天地图

Vue项目引入天地图在vue的静态资源目录下的index.html中引入天地图的底图，开发天地图源码路径：天地图API方法一：加载天地图，引用：public/index.html方法二：下载4.0天地图
码农键盘上的梦·2024-01-18 20:53

新建的vue项目如何布局（侧边栏，主页等）

新建一个vue项目，能够运行起来在src的view文件夹下，创建一个layout文件夹，然后分别创建如图所示的四个vue在MainLayout的代码3、找到router下面的index.js,配置，修改原来的
畏迁c·2024-01-18 19:22

vue项目出现此地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接

vue项目出现此地址，但是访问时显示，嗯…无法访问此页面localhost已拒绝连接。
畏迁c·2024-01-18 19:22

解决创建的vue项目没有router，view文件夹

出现问题如图，没有router，view等文件夹错误原因：创建的vue项目没有router，view文件夹是因为创建项目时的Pleasepickapreset:这个问题选错了，也就是第一个问题如图所示，
畏迁c·2024-01-18 19:22

安装脚手架Vue CLI详解！！！

可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack配置】安装脚手架好处：开箱即用，零配置；内置babel等工具；标准化安装步骤：建议：先在电脑安装node.js-->查看自己的
Crastal_qwq·2024-01-18 19:07

基于html2canvas 的简易截图工具

今天分享一个自己手写的简易截图工具（基于html2canvas），因为是在vue项目上做的，少量用了es6语法，如果不支持es6的项目上需要稍微修改下，写的时候有考虑过这个，所以只需要改引入方式、将class
夜伴钟声丶·2024-01-18 16:54

pdf 在线预览之 vue-pdf插件的使用

vue-pdfvue-pdf的安装封装组件vue-pdf的安装支持兼容到[email protected]封装组件由于该组件在我开发的项目中使用的地方比较多，是一个通用型组件
MrDeng_web2018·2024-01-18 16:10

vue项目中写echarts水球图-liquidFill

效果图：1、安装依赖npminstallecharts@^4.9.0npminstallecharts-liquidfill@^2.0.22、引入echartsimportechartsfrom'echarts'//echarts5之前import*asechartsfrom'echarts'//echarts5import"echarts-liquidfill/src/liquidFill.js
未来可期xm·2024-01-18 15:21

一次Web端大量图片同时加载卡顿问题的优化之旅

背景由于业务的需要，笔者最近需要实现一个大量图片同时加载的需求。在实现这个需求的过程中，笔者遇到了很多的坑，也总结了一些优化方案。这里将笔者使用或准备使用的优化方案总结一下。具体场景在描述如何解决问题，我们现在先来申明，问题是什么？笔者的需求大概是在某个页面显示11000张，200500k大小的图。好消息是这些图片来源于本地硬盘而非网络。(否则这个问题就要变成优化网络....)踩坑历程由于不是纯前
Vicky丶Amor·2024-01-18 14:23

你是怎么处理vue项目中的错误的？

一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现网络请求的response先进行一层拦截apiClient.interceptors.response.use(res
蓝斑.json (前端)·2024-01-18 14:18

DVWA靶场暴力破解实践

暴力破解四种情况字典爆破前端绕过（验证码在本地检测）后端绕过（验证码在服务器端检测）web端每次收到用户的操作响应后会自动向服务器端发送包含上一次验证码的请求包，服务端收到后会发送包含新的验证码的响应包
I_WORM·2024-01-18 14:01

Github每日精选（第26期）：在web端操作终端gotty

gottygotty是将您的终端共享为Web应用程序，我们都知道我们可以使用第三方来连接我们的服务器。如果在外地出差，别的电脑上并没有连接终端的第三方软件时，是否可以通过浏览器的方式来连接服务器，并进行简单的操作呢？GoTTY是一个简单的命令行工具，可将您的CLI工具转换为Web应用程序。github的地址在这里。安装先安装go语言aptinstallgolang在github上下载gotty_l
go2coding·2024-01-18 13:57

GoTTY 使用指南：如何将终端分享到 Web 端

通过GoTTY执行的命令，其结果不会在终端输出，而是显示到Web端。本文将介绍GoTTY的使用方法。下载安装根据系统，
Xpitz·2024-01-18 13:23
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他