浏览器 项目vite vue
【flask】flask-sqlalchemy使用 flask-migrate使用 flask项目演示
昨日回顾 类装饰器可能有两种含义： 使用类作为装饰器 装饰类的装饰器 基本增删查改：单表 # 0 sqlalchemy创建表：Base = declarative_base() -只能创建和删除 -不能创建数据库 -不能修改表 # 1 快速插入数据 -借助于session对象 from sqlalc ......
Springboot项目搭建及踩坑
1. 创建项目 **注意：**加载start.spring.io 网址与网络有关，如果网速比较慢的话将无法加载成功，可以考虑换成阿里（比较旧）：https://start.aliyun.com **注意：**springboot版本如果3.0以上的，将不支持jdk1.8 如果是新建project的话 ......
vue3使用elmentui-plus中的图标
按照官网这样直接引入使用,不知道为啥行不通: import { Document, Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue' 使用时,需要 <script> import { UserFilled } ......
前端Vue项目修改
【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客 用HBuilder X打开项目，修改 vue.config.js 文件 修改端口号、关闭语法检查、注释 mock ......
vue3引用draggable实现拖拽组件形成form表单
需求： 想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框 ......
angular/react/vue/un-app
web前端三大主流框架分别是什么？-群英 (qycn.com) web前端三大主流框架：1、Angular，是一种用于创建单一应用程序界面的前端框架，具有模块功能强大，拥有自定义命令等优点；2、react，是一个用来构建用户界面的JavaScript开发框架，主要用于构建UI；3、vue，是一套用于 ......
vscode 使用浏览器调试
launch.json { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "node", "skipFiles": [ "<node_internals>/**" ], " ......
vue表格实现拖拽排序
这老哥的，不用插件，原生js实现 借鉴：https://blog.csdn.net/chengqige/article/details/124871341 。 ......
Nginx 部署vue项目时 nginx配置问题
最近在部署vue项目时遇到问题简单记录下： 本地测试时连接的服务器后台地址 一切ok （有水印是因为我遇到问题了 去问了下大佬 然而大佬都很忙的样子 没空理我 ！！） 然而当我吧前端部署到nginx上时 问题出现了 刚才明明测试的没有问题啊！！奇了怪了 其实解决方法很简单：nginx配置问题 看图 ......
路飞项目day12
上节回顾 # 1 文件存储 -之前上传到服务器，放到media文件夹下 -使用文件服务器托管文件 -1 第三方托管 -阿里云oss -腾讯云 -七牛云 -2 基于开源文件服务器自己搭建 -fastdsf 》中小文件 -minio -go-fastdsf：是一个基于http协议的分布式文件系统，它基于 ......
vue项目中webpack编译glsl文件的配置
1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置，添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co ......
vue3使用体验--用了之后再也不想用vue2
0.个人推荐使用 setup 语法糖，看起来更加简洁。 <script setup> import { ref,reactive,onMounted } from 'vue'; const name=ref('李四')； // 定义普通数据类型的响应式，获取/修改数据需要 .value，在模板中不需 ......
Vue3 setup语法糖添加name属性
1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
Vue3+TS配置路径别名@
##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
【学习笔记】JS+VUE
JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS？ JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现 ......
自建系统项目如何整合客服系统-在线客服系统中展示自己的会员信息-达到知晓访客是谁
默认情况下，当项目对接完客服系统后，可以让项目下的访客用户点击在线客服按钮，或者通过右下角弹窗，与后台客服人员进行实时交流 客服人员那里，并不能知道这个访客会员是谁，只能看到匿名的临时访客信息。因为我们没有传递自己项目下的会员信息到客服系统，所以客服系统并不显示会员信息。 现在我们可以在聊天链接，或 ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 ......
vue跳到下一页
好久没接触vue了，，，写毕设的时候，需要从注册页跳到选择兴趣爱好页， 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页，但是一直跳不进去，why，，， 去路由配置中心一看，没毛病啊，配置好兴趣爱好页的路由， 然后放到注册页的子页面，，傻了，两个页面同时存在 ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
VUE：引入腾讯地图并实现轨迹动画
VUE：引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果： 引入步骤： 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
博客项目部署
系统环境需求 阿里云CentOS8.2 JDK >= 1.8 MySQL >= 5.7 Maven >= 3.0 Redis Node.js Nginx 新建目录 #tmp存放临时安装包 mkdir -p /data/tmp #service存放软件环境 mkdir -p /data/service ......
在浏览器和node中使用 GitHub的js-xlsx库进行Excel文件处理(一)
1.简介 js-xlsx 库是目前 Github 上 star 数量最多的处理 Excel 的库，功能强大，提供了各种对表格的操作，但是这个项目文档有些乱，提供的demo也只具备最基本的功能。 Demo地址: http://oss.sheetjs.com/js-xlsxGithub上源码地址: ht ......
vue 预览PDF、Docx、EXCEL文件
<template> <div class="contentArea"> <div class="fileContainer" ref="fileDiv" v-if="$route.query.fileName.indexOf('docx') !== -1"></div> <div class="f ......
vue3 el-table-column 修改时间格式
根据element文档说明，el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......
vue生命周期（钩子函数）
介绍 Vue实例有一个完整的生命周期，也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程，我们称这是Vue的生命周期。 生命周期： vue实例从创建到销毁的过程。 生命周期钩子： 就是生命周期事件的别名而已 钩子函数 描述 创建期间的生命周期函数 beforeCr ......
python项目-数据可视化-matplotlib和plotly绘图
matplotlib和plotly绘图 参考书籍《Python编程 从入门到实践》 折线图 15-1 立方：数字的三次方被称为其立方。请绘制一个图形，显示前5 个整数的立方 值，再绘制一个图形，显示前5000 个整数的立方值。 15-2 彩色立方：给你前面绘制的立方图指定颜色映射。 import m ......
“西氢东送”,我国首个纯氢长输管道项目正式启动
今天，我国首个纯氢长输管道项目正式启动，这是全国最长距离的输氢管道。 4月10日，中国石化宣布，“西氢东送”输氢管道示范工程已被纳入《石油天然气“全国一张网”建设实施方案》，标志着我国氢气长距离输送管道进入新发展阶段。“西氢东送”起于内蒙古自治区乌兰察布市，终点位于北京市的燕山石化，管道全长400多 ......