变量vue3 vue css
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
PostCSS received undefined instead of CSS string
问题 npm run serve启动项目后，报错Syntax Error: Error: PostCSS received undefined instead of CSS string 解决 node-sass 版本兼容问题导致,按照应用使用的node-sass版本 切换（可使用nvm）到对应的n ......
CSS中的变量
前言 在 CSS 中，有很多需要反复使用的属性值，如果每个使用的地方都直接写死这个值，而没有使用变量去定义这个值的话，后期修改起来会很麻烦。有很多人忽略了在 CSS 中也可以定义变量这个事情，相信你会爱上它 ！ CSS 使用变量有很多好处: 可以减少样式代码的重复性，增加样式代码的扩展性和灵活性 声 ......
已知结构体成员地址，计算出结构体变量地址
点击查看代码 /** * rt_container_of - return the member address of ptr, if the type of ptr is the * struct type. */ #define rt_container_of(ptr, type, member ......
浏览器安装vue.js-devtools插件
1.火狐浏览器在——扩展和主题搜索vue，如下图所示，直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
动态修改el-input样式，css变量形式外层修改input样式
背景：正常我们在修改样式的时候，直接在样式表里写死，但是如果我们想要动态的修改样式，例如el-input字体颜色时，我们需要修改的实际是.el-input__inner这个样式的color，既然是动态，我们就不能在样式表里写死了，而是使用CSS变量修改。 一、CSS变量是什么？ 1.css变量 注意 ......
springboot+vue整合百度的Ueditor
前言 最近应上级要求，添加一个富文本编辑器，百度的Ueditor（主角来了）；划重点2016年就停更了！ 废话不多说，直接开始操作吧。 ！！！建议看的时候仔细一点，因为很可能遗漏了某个地方就很抓狂！！！ 相信你看完肯定会有收获的 1、先去GitHub官网上下载Ueditor(点这里) 下载完成之后解 ......
vue端接收springboot端传来的表格数据
1、成果--实现啦！ 2、vue端相关代码 表格界面： <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......
python变量作用域、global关键字
python:变量作用域、global关键字 全局变量、局部变量 全局作用域：在函数外 局部作用域：在函数内部 num1 = 10 # 全局变量 # 全局作用域：在函数外部 def func(): # 局部作用域：在函数内部 num2 = 20 # 局部变量 sum1 = num1 + num2 # ......
linux 中while循环中从文件中读取变量
001、 [root@pc1 test02]# ls a.txt [root@pc1 test02]# cat a.txt ## 测试文件 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 [root@pc1 test02]# c ......
linux shell 字符串变量 有双引号和无双引号的区别
001、 [root@pc1 test02]# ls a.sh b.sh [root@pc1 test02]# cat a.sh ## 测试程序1 #!/bin/bash str1="ab_cd_ef" tmp1=$(echo $str1 | sed 's/_/\n/g') echo $tmp1 [ ......
vue九宫格播放
[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放，同时也要做到拖拽放大的自适应，两种思路方法，一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应，工作量较大；第二种是通过ui组件库自带的grid布局，这里用ant-desig ......
Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误
问题描述 在编译前端项目时出现下面的问题： Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
SpringBoot和Vue实现数据对接--Vue端
以table表格进行数据展示 Vue端 在PageOne界面进行组件引入： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt ......
全栈工程师必须要掌握的前端CSS技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
Vue学习三：生命周期和工程化开发
一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段：1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数（钩子函数） Vue生命周期过程中，会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是，现在页码并不能与每页的内容相互对应 解决方式： page用来表示确认每 ......
vue3.*安装axios具体步骤
在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错； ......
SpringBoot和Vue实现数据对接--SpringBoot端
1、新建一个SpringBoot项目 勾选上这四个： 等待创建完成即可； 2、编写.yml文件 这里需要注意的是，端口需要与vue的端口区分开，不然会存在端口冲突的问题！ 3、编写SpringBoot代码 Student.java package com.example.myspring001.en ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用 ......
vue前端实现分页逻辑
在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
python安装后，添加完环境变量，dos窗口输入python无效
问题背景 python 版本：3.8.5 安装时是否勾选添加环境：是 问题: dos窗口输入python提示： 无任何报错提示，弹出windows应用商店 解决方案 问题1： 弹出windows应用商店是因为默认的商店的path环境变量优先级高于我们配置的python目录，将对应的配置优先级调换即可 ......
vue实现动态导航栏的设置
1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签，动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果： 2、为页面设置选中状态--此时点击选中是有状态的，但是初始 ......
Mac 电脑 m2 在终端怎么把python3加入环境变量
首先获得python3安装路径： which python3 然后编辑 bash_profile 文件 vi ~/.bash_profile 在insert模式下 将python3路径写入 PATH="/Library/Frameworks/Python.framework/Versions/3.1 ......
从零开始使用vue2+element搭建后台管理系统（框架布局+面包屑+内容页加载实现）
先在components下分别创建侧边栏、顶部、布局等组件，用于全局配置： CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
Vue源码学习(四):<templete>渲染第三步,将ast语法树转换为渲染函数
好家伙, Vue源码学习(三):<templete>渲染第二步,创建ast语法树, 在上一篇,我们已经成功将 我们的模板 转换为ast语法树 接下来我们继续进行操作 1.方法封装 由于代码太多,为了增加代码的可阅读性 我们先将代码进行封装 index.js import { generate } f ......
vue 嵌套全屏iframe 能有效避开返回两次才能返回上一个路由的问题
<template> <div class="home"> <iframe ref="iframe" class="iframe" frameborder="no"></iframe> </div> </template> <script> import { get_doctor_info, sta ......
vue3中的watchEffect高级侦听器
介绍 watchEffect有两个参数，一个回调函数，一个是对象(设置配置项) watchEffect执行传入的一个函数，同时响应式追踪其依赖，并在依赖更新时重新运行该函数 watchEffect是非惰性的，会默认自动调用一次的 import { watchEffect, ref } from 'v ......
CSS之实现视频背景
1.新增<video> <video class="video-background" autoplay muted loop> <source src="../../assets/starry-sky.mp4" type="video/mp4" /> Your browser does not s ......