变量vue3 vue css

CSS伪类选择器

伪类选择器 选择第几个元素 <style> /* 类num后代li的第1个 */ .num li:first-child { color: red; } /* 类num后代li的最后一个 */ .num li:last-child { color: red; } /* 类num后代li的第3个 */ ......
CSS

CSS基础选择器

基础选择器 前端页面结构如下 <h1>h1:标签选择器对选定的所有的标签都生效</h1> <p>p:标签选择器对选定的所有的标签都生效</p> <div class="green">div:类选择器测试</div> <div id="myid">id选择器测试,id是唯一的</div> 效果展示如下 ......
基础 CSS

vue学习记录

前端运行环境搭建 node安装 注意自己需要的node版本即可 npm配置 npm默认安装的路径在C盘,如果介意可以修改配置 npm config set prefix "X:\XXX\node_global" npm config set cache "X:\XXX\node_cache" 墙的原 ......
vue

《渗透测试》安全开发-PHP应用&留言板功能&超全局变量&数据库操作&第三方插件引用 2023 Day22

PHPStorm : 专业PHP开发IDE PhpStudy :Apache MYSQL环境 Navicat Premium: 全能数据库管理工具 #数据导入-mysql架构&库表列 1、数据库名,数据库表名,数据库列名 2、数据库数据,格式类型,长度,键等 #数据库操作-mysqli函数&增删改查 ......
amp 全局 变量 第三方 插件

完美的模板CSS

body { margin: 0px; padding: 0px;} .left { background: #313541; width: 20%; float: left; position: absolute; top: 0px; bottom: 0px;} .top { width: 80% ......
模板 CSS

flask-day5——python项目高并发异步部署、uwsgi启动python的web项目不要使用全局变量、信号、微服务的概念、flask-script、sqlalchemy的介绍和快速使用、sqlalchemy创建及操作数据库

一、python项目高并发异步部署 参考博客:https://zhuanlan.zhihu.com/p/358163330 django和flask都是同步框架,部署的时候,使用uwsgi部署,uwsgi是进程线程架构,并发量不高 但是我们可以通过uwsgi+gevent,部署成异步程序 然后我们简 ......
sqlalchemy 项目 python flask 全局

vue中 ref、$refs、$emit、$on、$bus、$off 详解和使用

1.ref 和 $refs ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上,如果是在普通的DOM元素上使用,引用指向的就是DOM元素,如果是在子组件上,引用就指向组件的实例。 $refs 是一个对象,持有已注册过 ref 的所有的子组件。 ref用法: r ......
emit refs vue ref bus

vue导入处理Excel表格详解

https://blog.csdn.net/m0_46309087/article/details/125022676 目录1. 前言2.vue导入Excel表格2.1 使用ElementUI中的upload组件2.2 使用input文件上传3. 总体代码与效果4. 总结1. 前言 最近遇到前端导入 ......
表格 Excel vue

Jenkins Vue Windows(FreeSSHd)整合

创建项目第一次创建执行一次如下的代码。 # 进入Jenkins工作空间下hxkj项目目录 cd /root/.jenkins/workspace/pc_back # 下面的命令只需要执行一次,后续可以删除 ### # npm切换为淘宝源 npm config set registry http:// ......
FreeSSHd Jenkins Windows Vue

Mac Apple 芯片运行 Vue 项目中 node-sass 转为 sass 遇到的问题记录,node-sass 替换成 sass

背景: 前段时间因为某些原因将 window 笔记本换成 Mac M1 pro , 然后运行项目的时候发现高于node12版本的项目中不支持 node-sass。 记录下解决相关问题之后的记录📝 Node version : V14 1、将项目中的 node-sass 插件卸载 npm unins ......
sass node-sass node 芯片 项目

vue3学习第二课:组件和父组件的传递数据给子组件方式props

1,在conponents目录中新建header.vue <template> <div> <h1>这是头部组件</h1> </div> </template> 2,在App.vue中添加 <template> <div> <Header></Header> <Main></Main> <Foote ......
组件 方式 数据 props vue3

编写一个程序以确定分别由signed及unsigned限定的char、short、int及long类型变量的取值范围。采用打印标准头文件中的相应值以及直接计算两种方式实现

#include <stdio.h> #include <limits.h> main() { printf("采用打印标准头文件limits.h的相应值\n"); //signer types printf("signed char min =%d\n", SCHAR_MIN); printf(" ......
变量 unsigned 范围 类型 方式

学习使用VUE3+Django+GraphQL实现简单的Blog网站

这周每天花点时间学习使用VUE3+Django+GraphQL的使用,按照RealPython的网站的教程走了一遍,踩了一遍坑. Realpython上的教程使用的是Vue2的Vue-CLI模块,Vue本身已经进化到VUE3,并且推荐使用Vite代替Vue-CLI.我按照教程上的步骤将代码转化为VU ......
GraphQL Django 网站 VUE3 Blog

VUE解决跨域的proxyTable

找到问题: 因为java服务运行在localhost:9001端口,vue运行在localhost:8080端口,不同端口存在跨域问题。所以我使用了反向代理处理。 在vue.config.js里: proxyTable: { '/api':{ target:'localhost:9001', // ......
proxyTable VUE

vue全家桶进阶之路29:Element Plus

Element Plus是一个用于Vue.js的UI组件库,为开发人员提供了一组可重用和可定制化的组件,用于构建现代Web应用程序。它是流行的Element UI库的扩展,重点是提高性能和可访问性。 Element Plus包括广泛的组件,如按钮、表单、表格、对话框等。 除了常规的UI组件外,Ele ......
全家 Element Plus vue

vue-video-player简单例子之mp4视频链接

1.首先,在终端中使用以下命令安装vue-video-player npm install --save video.js vue-video-player 2.然后,在Vue.js组件中导入vue-video-player,并将其注册为组件 <template> <div> <video-play ......
vue-video-player 例子 链接 player video

vue生产环境跨域不生效

vue生产环境跨域不生效 开发环境跨域 项目集成了百度地图的api,在接入ip查询地址等功能时返回跨域报错,所以使用vite配置文件配置服务代理来解决。传送门 生成环境失效 测试跟我说内网功能失效了,在验证了程序确实build到最新版本之后,使用f12发现了api访问的地址并没有代理到百度地图api ......
环境 vue

css 实现文字交融展开动画

css 实现文字交融展开动画 效果 👇👇👇👇👇 <div class="textCont"> <span class="text">这是一条测试文案</span> </div> css: .textCont{ filter: contrast(30); background: #000; ......
文字 动画 css

直播平台制作,html+css复刻登录输入框

直播平台制作,html+css复刻登录输入框 <!DOCTYPE html><html><!-- *Material文本框 *作者:程序员阿诺斯 *时间:2023-3-5 0:50--><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp ......
平台 html css

免费分享前端面试题,vue面试题,TypeScript基础知识点 PDF格式

免费分享前端资料,面试题,电子书 接前端开发,带徒弟,一对一教学,远程协助,bug修改 微信: ......
知识点 前端 TypeScript 格式 基础

Vue3.0学习二

组合式API:setup 在beforecreate之前就执行了。 import { ref, toRefs, toRef , h} from 'vue' export default { props:{ name: { type: String } }, //setup中使用props中的数据 s ......
Vue3 Vue

vue前端纯小白向快速扫盲贴集合

看的一些博客,对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的,可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可,管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端 vue

vue admin plus 的菜单权限判断,菜单隐藏过滤,函数路径

main.ts -> setupRouter()router/index.ts -> setupPermissions()router/permissions.ts -> getUserInfo() && setRouters()store/modules/routes.ts -> filterRo ......
菜单 路径 函数 权限 admin

支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。

原文链接 https://github.com/501351981/vue-office 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单:只需提供文档的src(网络地址)即可完成文档预览 体验好:选择每个文档的最佳预览方案,保证用户体验和性能都达到最佳状态 ......
组件 vue 多种 文件 excel

vue之按键事件与修饰符

按键事件 按键事件就是,按了键盘的一个按键,就会触发绑定函数的执行。 |按键|说明| | | | |keyup|按键弹起的时候触发(最常用)| |keydown|按键按下的时候触发| |keypress|按键按压的时候触发| 语法 # 在标签上进行定义 @keyup="函数" @keydown="函 ......
按键 事件 vue

css居中之vertical-align

现有布局: <div class="div"> <span class="span"></span> </div> 样式: .div{ height:24px; } .span{ display:inline; /*或者 inline-block/table-cell; */ line-height ......
vertical-align vertical align css

CSS某些属性值,记忆方式

之前记不住CSS某些属性给三个值时的每个值的方向,原来少于四个值的时候都是按照这个顺序填充的,没有的就取镜面的值 ......
属性 记忆 方式 CSS

Vue中axios请求后res返回204,no content,res.data为undefind

一直以为后台只要返回200-299之间的状态码就没问题,就是这个错误认知,花了三个小时终于想到解决办法 附上axios 地址 axios中文文档|axios中文网 | axios (axios-js.com) 前面一直想着后台能接收处理请求,肯定不是后台问题,一直花时间配置前端请求指令,以及设置响应 ......
res undefind content axios data

k8s前端js、css等资源文件CDN加速

序言:用户访问网站,网站的加载速度直接影响着用户体验问题;前端js、css等文件资源需要加速访问处理; 方案一:js、css、png等资源打包到文件服务器,文件服务器抛出连接,工程项目打包的时候publicpath使用文件服务器访问链接; 如图: 需要购买文件服务器,把资源文件推送到文件服务器上,由 ......
前端 文件 资源 k8s css

前后端Vue分离开发平台的前期准备

摘要: 之前我下载的一个快速开发平台,生成的前端代码不是Vue类型的,我发现下载的版本出现问题。我去找了一个前后端分离Vue的快速开发平台。但是配置又重新配,配置的过程中出现了很多的bug。 问题及解决 1、Mybatis-plus的技术升级 Could not resolve type alias ......
开发平台 前期 平台 Vue