变量vue3 vue css
Vue第二季
[TOC] # **016-Vue CLI 本地存储 自定义事件** ## 3.8. WebStorage（js 本地存储） 存储内容大小一般支持 5MB 左右（不同浏览器可能还不一样） 浏览器端通过**Window.sessionStorage**和**Window.localStorage**属 ......
shell 环境变量传递
一共三个文件， 两个shell（father.sh 和 child.sh），一个Makefile father.sh -> Makefile -> child.sh father.sh 调用 Makefile 调用 child.sh REF： exporting makefile variables ......
vue之jsx
# 一. vue中的jsx 用接近模板的语法代替render函数 不仅能自由地渲染dom,同时语法上也和template相似 例如： - "标签 h+ 变量"可以生成不同类型的级别的标题 - 使用html字符串渲染 Message.alert({ messge: 确定要删除xxx的笔记?, type ......
Linux环境编程day01--库与环境变量
##### UNIX系统简介： 1970年于美国贝尔实验室，作者肯.汤普逊和丹尼斯.里奇 UNIX是最早的多用户、多任务、支持多种CPU架构，高稳定性、高可靠性、高安全性 既能构建大型关键型业务系统的服务器(银行、电信公司等)，也能支持移动嵌入式设备 Minix是一种开源的基于微内核架构的类UNIX ......
vue + canvas 实现涂鸦面板
我们基于 canvas 实现了一款简单的涂鸦面板，用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。 ......
记录--基于css3写出的流光登录（注释超详细！）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 完整效果 对基本的表单样式进行设置 这里设置了基本的表单样式，外层用了div进行包裹，重点是运用了两个i元素在后期通过css样式勾画出一条线没在聚焦文本框的时候线会过度成一个对话框，掩盖掉原本的对话框的形式，很好的一个创意 <body> ......
Vue 中如何进行权限控制？
随着前端技术的不断发展，越来越多的前端框架被使用在 Web 应用程序中，其中尤为出色的一个就是 Vue。Vue 是一个易于理解并且使用方便的框架，它被广泛地应用于 Web 应用程序的开发中。在大多数 Web 应用程序中，权限控制是至关重要的一部分，如何在 Vue 中进行权限控制就成为了一个十分关键的 ......
在vue中使用Electron开发C/S架构中的C（客户端界面）
Electron简介：Electron是利用web前端技术进行桌面应用开发的一套框架。 我是用的nodejs版本（16.18.1）和npm版本（8.19.2）： 创建vue-electron项目，鄙人测试了两种方式创建vue-electron项目，如下所示：1、vue-cli-plugin-elec ......
vue 动态绑定style class
## 绑定style ```html 基本使用 123 123 123 data () { return:{ styleArr: [ { fontSize: '30px', color: '#ff0000' }, { fontStyle: 'italic' } ], astyle: { color: ......
创建一个VUE项目
下载并安装nvm nvm可以帮助更换node版本 1、在官网下载setup.zip 2、setup.zip版本无需配置环境 3、在vscode中使用终端打开powershell 3.1 执行 get-ExecutionPolicy查看当前的脚本执行策略。 3.2 执行set-ExecutionPol ......
h5(html5)+css3前端笔记二
###HTML标签 ####表格标签 表格的主要作用： 表格主要用于**显示、展示数据**，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 1.``用来定义表格的标签。 2.``用来定义行的标 ......
前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的，试过更高的版本会有ES6语法的报错，因为我node使用的是v12，如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
Pycharm配置less编译生成的css文件到指定目录
### 一、当前演示项目目录  ### 二、标记less文件夹为资源目录 > 不标记其实也不影响 ![i ......
CSS 布局面试题目
## 盒子模型 - 盒子模型包含margin,padding,border,content四个内容 - 盒子模型可分为`标准盒模型`和`怪异盒模型` - 盒子模型可通过`box-sizing`设置 ## margin 和 padding的区别 - margin用来设置元素之间的距离 - paddin ......
react使用tailwind.css
> Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex，pt-4，text-center和 rotate-90 这样的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。官网：https://tailwindcss.com/ ## 1.安装 - 以 vite + ......
C语言编程技巧 全局变量在多个c文件中公用的方法
在使用C语言编写程序时，经常会遇到这样的情况：我们希望在头文件中定义一个全局变量，并将其包含在两个不同的C文件中，以便这个全局变量可以在这两个文件中共享。举个例子，假设项目文件夹"project"下有三个文件：main.c、common.c和common.h。在这种情况下，我们希望声明一个字符型变量 ......
vue2项目中引入svg图标
vue 版本 vue: "^2.6.11" 1. 下载对应的svg 依赖 npm install svg-sprite-loader --save-dev 2. 创建svgIcon 文件夹 文件夹下对应3个文件 svg 文件夹：存放svg 文件 index.js 文件：vue 挂载svg index ......
VUE常见知识点记录(一)
## 在vue项目中import引入外部文件什么时候用花括号什么时候不用 ### 当你默认导出一个变量或者方法等的时候，也就是你在模块A中，export default a ，那么你导入时，始终不需要花括号 ![image](https://img2023.cnblogs.com/blog/3165 ......
Vue3+ setup语法中报错 'defineProps' is not defined（eslint[no-undef]）
## 1. 问题 ### 1.1 场景 使用**Vue3 + setup**语法，使用`defineProps`时出现Eslint错误： ![](https://img2023.cnblogs.com/blog/2240374/202308/2240374-20230803101840773-197 ......
jeecgboot前端 vue生产环境下console.log不显示的问题解决
我这里使用搞得jeecgboot低代码平台开发的系统，有时候会为了调试用console.log语句输出相应的日志。 但是我发布到生产环境后，发现有console.log的地方，竟然都没有输出日志信息，这给调试带来了极大的不便。 于是我苦苦思索，寻找了很多办法，经过九九八十一难，终于换了个思路，心想是 ......
vue中展示多张小图轮播每几秒走一张，支持左右点击
html部分 <div class="regional-services-list" style="overflow: hidden;" @mouseenter="stopCar()" @mouseleave="starCar()"> <div class="preIcon" @click="pre ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
css三栏布局
三栏布局：它是一种经典的布局方式；在页面上呈现左中右三列布局，其特点是左右两端固定，中间宽度自适应， 1.浮动布局 左右两个div分别左右浮动，中间的用magin-left与magin-right撑开 缺点：要考虑清除浮动带来的影响（父容器高度塌陷），主要内容无法最先加载。 2.定位布局 子绝父相 ......
How to build a VUE project
# 1.Download node.js in your computer * The download address of Node.js ：https://nodejs.org/zh-cn/download/ ——Python变量的基础类型。|整数类型|浮点数类型|字符串类型|布尔类型|
学习编程语言，不得不忽视变量这个概念。Python 中的变量是用于存储数据的名称，你可以将值赋给变量，并在程序的其他地方使用该变量来引用该值。变量在程序中起到存储和操作数据的作用。 如果学过C/C++语言的同学，定义了变量后，需要加个类型的限制，比如 ```c int age = 28 double ......
vue-父向子传值-使用自定义属性
# 1.组件之间的关系 在项目开发中，组件之间的`最常见的关系`分为如下两种： - `父子关系` - `兄弟关系` # 2.父子组件之间的数据共享 父子组件之间的数据共享又分为： 1. `父->子`共享数据 2. `子->父`共享数据 ## 2.1 父组件向子组件共享数据 父组件向子组件共享数据需要 ......
14.this指针调用成员变量时，堆栈会发生什么变化？
# 14.this指针调用成员变量时，堆栈会发生什么变化？ 当在类的非静态成员函数访问类的非静态成员时，编译器会自动将对象的地址传给作为隐含参数传递给函数，这个隐含参数就是this指针。 即使你并没有写this指针，编译器在链接时也会加上this的，对各成员的访问都是通过this的。 例如你建立了类 ......
03_llvm_IR测试创建变量
主要分全局变量、函数参数、局部变量（常量）与返回值 ## 测试全局变量 介绍说明、代码、编译与结果如下： ```c++ #include "llvm/IR/Module.h" #include "llvm/IR/LLVMContext.h" #include "llvm/Support/raw_os ......
关于vue中同时使用v-if和nth-of-type时的bug
### 问题引出 需求：例如我想要在某一个ul元素中使用v-if条件时渲染 2 个li元素， 同时第一个和第二个的样式不同，这里我使用了nth-of-type选择器去设置样式， 但是当v-if条件改变时，li元素的样式没有改变，看了下开发者工具，元素对应的选择器 没有改变，即使此时仅剩第二个li元素 ......