效果echarts项目vue
android webview调用js(vue)问题记录
这几天和别人对接移动端，安卓平台，我们这边输出vue界面，安卓方反馈轮询的时候调用不到，具体原因也定位不到，只能确定前端这边没几句代码，应该没有问题，因此决定自己下载个android studio写个例子，其实以前也做过java和android开发，并不陌生。 网上很多帖子只给出了最基础的例子，我们 ......
ruoyi-vue如何部署在根目录下的多级目录
1、找到vue.config.js module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项 ......
搭建前端Vue框架的步骤，包括TypeScript、ESLint、Prettier和Vite的配置
搭建前端Vue框架需要以下步骤： 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
如何提高项目并发量
前端： 1.用cdn，静态资源，放到cdn上,使用第三方存储（js，css，静态图片） 2.用精灵图（一个大图，上面有很多小图，用定位，定位到小图），一次请求拿回来的图，以后好多位置可以用 3.前端缓存（响应头设置缓存时间）cache-control 高性能web服务器部署项目：nginx： 1 n ......
鼠标任意拖动元素排列顺序（vue）
参考地址：https://codesandbox.io/s/condescending-butterfly-enjqpr?file=/src/App.vue <template> <div> <transition-group name="drag" class="list" tag="ul"> < ......
vue-颜色选择器（vColorPicker）
// 安装插件 // 官网：http://vue-color-picker.rxshc.com/ npm install vcolorpicker -S // main.js 中全局引入 import vcolorpicker from 'vcolorpicker' Vue.use(vcolorpi ......
vue3中使用provide/inject
父组件 <template> <hello-world/> <button @click="changeMessage">按钮</button> </template> <script setup lang="ts"> import HelloWorld from "./components/Hel ......
Javaweb实战项目：公司信息管理系统（下）
查询员工 跟之前查询部门一样的，直接EmpController写@GetMapping,Integer id，Emp emp=empService.getById(id);success(emp),然后后面就根据idea的提示非常简单。补充一下@RequestBody注解是将数据变为json格式的。 ......
04.使用 github actions+docker 自动部署前后端分离项目 zhontai (.net core+vue)
本文将分享使用 GitHub Actions 完成对一个.Net Core+Vue 的前后端分离项目 zhontai 的构建，并使用 docker 部署到云服务器(阿里云),及对docker部署.Net Core+Vue的一些经验分享。 ......
Vue Components Testing All In One
Vue Components Testing All In One
TDD / 测试驱动开发
......
vue3项目实战+element-plus
记录自己搭建前端项目的学习过程和开发过程，希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……（目前刚开始是用到了这些,随着开发慢慢更新） npm是比较慢的， 所以我用的是pnpm。安装指令：npm i pnpm 简单介绍下作用 Vue3:前端框架 ......
服务器部署前后端项目-SQL Father为例
hello~大家好哇，好久没更新博客了。现在来更新一波hhh 现在更新一下部署上的一些东西，因为其实有很多小伙伴跟我之前一样，很多时候只是开发了，本地前后端都能调通，也能用，但是没有部署到服务器试过，包括其中nginx的转发等等，很多存在不理解的地方，这一期我主要打算来讲这一部分。可能讲的不是很详细 ......
乌班图下idea打开项目报错闪退（记录）
``` [ 553960] WARN - #c.i.i.c.t.p.v.p.StateDatabaseParser - No suitable driver found for jdbc:sqlite:/root/.config/Code/User/globalStorage/state.vscdb ......
5个前端开源项目带你在Web上体验Windows
本文来分享五个 yyds 的开源项目，这些项目把 Windows 带到了 Web 平台上。让我们一起感受这些项目带来的回忆和创新，重温 Windows 93、98、XP 和 7 的经典界面，甚至探索现代概念中的 Windows 11 和 12！ Windows 12 使用 JavaScript、CS ......
vue2
介绍 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 ......
基于security的前后端分离项目尝试踩坑和解决实录
# 到访游客请注意，如果你有相似的问题，请不要跟着步骤，这里记录的是踩坑和解决 # 解决在最后：debug不如rebuild：） # 开始踩坑 ## 坑1：首先是数据库设计 很自然的想到用户登录是一个表。 用户需要权限角色，可能一对多，所以出现了角色表。 这些接口有哪些角色可以使用。 出现第一个大坑 ......
vue项目打包之后， 生成一个可修改IP地址的文件
在做项目的时候遇到了一个问题， 就是把项目部署到不同的服务器上， 但不能每次修改IP的时候就打包一次， 这就增加了前端的工作量，经过百度， 发现有一些方法是可以的，亲测可用。 具体操作是， 1，在static文件夹下面建立一个config.js文件， 1 2 3 4 5 6 7 (function ......
vue3探索——组件通信之v-model父子组件数据同步
# 背景 再很多场景中，我们可能想在子组件中修改父组件的数据，但事实上，vue不推荐我们这么做，因为数据的修改不容易溯源。 ## Vue2写法 在vue2中，我们使用`.sync`修饰符+自定义事件`'update:xxx'`，来使父子组件数据同步。 ```html // 父组件 我是父组件，我有{ ......
Python 潮流周刊#17：Excel 终于支持 Python 了、Meta 重磅开源新项目、Mojo 新得 1 亿美元融资
你好，我是猫哥。这里每周分享优质的 Python、AI 及通用技术内容，大部分为英文。标题取自其中两则分享，不代表全部内容都是该主题，特此声明。 本周刊由 **Python猫** 出品，精心筛选国内外的 250+ 信息源，为你挑选最值得分享的文章、教程、开源项目、软件工具、播客和视频、热门话题等内容 ......
ASP.NET-MVC项目搭建
[toc] # 零、资料 > - ASP.NET MVC：https://www.bilibili.com/video/BV1q64y1z7zS/ # 一、 ......
vue中添加音频和视频
视频播放功能 1. 安装vue-video-player npm install vue-video-player --save 或 yarn add vue-video-player --save 2. 在main.js中全局引用 import VueVideoPlayer from 'vue-v ......
vue--day73--getters的使用
1. 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 2. 在```store.js```中追加```getters```配置 ```js ...... const getters = { bigSum(state){ return state.sum * 10 } ......
前后端分离项目之Vue2框架搭建
1、安装Node.js ， 为了可以使用npm命令去安装其他东西 2、vue-cli安装： npm install -g @vue/cli 安装完之后可以执行vue -- version 或者 vue -V 命令去查看版本 注意：npm可以设置淘宝镜像对npm进行加速 ： npm config se ......
在vue中使用svg
# 背景 svg作为矢量图，放大不失真，但是如果在vue文件中直接引入svg的话会导致vue文件过长，不友好。想要在组件中使用的时候使用下面的方式来引入svg ```vue // svg-name的值就是svg图片的名称 ``` # 步骤 1. 在`components`下创建`SvgIcon.vu ......
elementplus-Cascader 组件vue3 实现省市区级联动态加载
背景： 省市区级联是三张sql表，需要实现动态加载 因为我只需要三级 leaf 标记为>=2就好了 <el-cascader :props="props" /> const props: CascaderProps = { lazy: true, async lazyLoad(node, resol ......
vue 错误
npm ERR! Conflicting peer dependency: vue@3.3.4npm ERR! node_modules/vuenpm ERR! peer vue@"^3.2.0" from @element-plus/icons-vue@2.1.0npm ERR! node_mod ......
vue npm install报错
PS I:\Vue3+ts+e-plus后台管理\vue3-ts-element-plus-master\vue3-ts-element-plus-master> npm installnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve ......
RuoYi项目前瞻
#过去博客的不足 过去的博客记录的大多为操作手法,一板一眼的记录每一个过程却忽略了代码和项目背后的逻辑。 #新博客的展望 我们需要记录的有意义的东西应该是项目运行背后的原理以及代码之间的作用，因此博客应当是在每一章的后面写上。 #流程 ###1.先看一遍视频进行整体的把控。 ###2.再以此为基础对 ......
mall：redis项目源码解析
[TOC] ## 一、mall开源项目 ### 1.1 来源 **mall学习教程**，架构、业务、技术要点全方位解析。mall项目（**50k+star**）是一套电商系统，使用现阶段主流技术实现。涵盖了SpringBoot 2.3.0、MyBatis 3.4.6、Elasticsearch 7. ......