属性 变量vue css
初识vue3-setup语法糖,ref和reactive语法,computde计算属性,watch开启监听
vue3和vue2的区别 1,vue3首次渲染更快(Vue3在编译和渲染性能上有了很大的提升,主要是因为使用了Proxy代理和优化算法,使得组件可以更快的渲染) 2,diff算法更快 3,内存占用体积变得更小 4,打包体积变得更小 5,更好的ts支持(这里不是因为vue3是ts写的,所以更加支持ts ......
css3实现模糊背景
☆filter采用高斯模糊,只能在背景图片上,纯色图片不显示 https://www.zhihu.com/tardis/sogou/art/382696698 ......
vue 后台管理系统 全屏
toggleScreen() {if(this.screen){this.$refs.components_layout_side.$el.requestFullscreen()}else{if (document.exitFullscreen) {document.exitFullscreen() ......
使用css绘制聊天气泡
实现原理: 给聊天区域的边框补充一个三角形 1: 左三角聊天气泡 .left-box{ max-width: 540rpx; min-height: 80rpx; border-radius: 10rpx; border: 2rpx solid #D7D7D7; position: relative ......
css 样式笔记
calc calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运 ......
c语言函数定义、函数声明、函数调用以及extern跨文件的变量引用
引用:https://www.yii666.com/article/519100.html 函数或参数无非三种表达形式:声明、定义、引用。 如果没有定义,只有声明和调用:编译时会报连接错误。undefined reference to `func_in_a' 如果没有声明,只有定义和调用:编译时一般 ......
vue3中vue-router一个简单使用案例
![](https://img2023.cnblogs.com/blog/1202393/202303/1202393-20230325153048659-840207058.png)![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
VUE 环境搭建
一、安装node.js在node.js官网下载安装最新版的:https://nodejs.org/zh-cn/ 然后需要更换下载源为国内的 #设置为淘宝源npm config set registry https://registry.npmmirror.com #查看下载源npm config g ......
XHR的属性、XHR的方法、XHR的事件
XHR的属性 responseType和response属性 timeout属性 withCredentials属性 XHR的方法 abort() setRequestHeader() XHR的事件 load事件 error事件 abort事件 timeout事件 ......
python代码编写规范,变量,常量,变量的基本使用,常量的基本使用,数据类型,与用户交互使用,基本运算符和比较运算符,常用赋值符,身份运算符,垃圾回收机制,流程控制的使用,流程控制必备知识,分支结构使用,循环结构使用
python代码编写规范 单行注释如果跟在代码之后 那么警号与代码之间需要空两格,内容与警号空一格 如果单行注释自成一行,那么内容与警号空一格 变量 记录变化(可能会经常改变)的事物状态 eg:年龄 容貌 薪资 常量 记录固定(可能不经常改变)的事物状态 eg:圆周率 重力加速度 变量的基本使用 n ......
vue3中的setup含义
setup 是 Vue3 中引入的一个新的选项,用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数,它在组件实例被创建之前执行,并返回一个包含状态和方法等配置信息的对象。 具体来说,setup 选项的作用包括: 响应式数据:使用 Vue3 ......
【入门】Go语言变量详解
一、变量赋值的几种方式 1.1 声明单个变量 语法: var name type name:变量名称 type:变量类型 案例: package main func main() { var name string var age uint } 1.2 声明多个变量 语法: var name1,na ......
css-输入框和按钮水平对齐
<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width ......
CSS鼠标样式(cursor)总结(转载)
CSS鼠标样式(cursor)总结 属性值 示意图 描述 auto 默认值,由浏览器根据当前上下文确定要显示的光标样式 default 默认光标,不考虑上下文,通常是一个箭头 none 不显示光标 initial 将此属性设置为其默认值 inherit 从父元素基础 cursor 属性的值 cont ......
CSS选择器(包含CSS3新增的伪类和属性选择器等)
选择器 详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法 规则由两个主要的部分构成:选择器,以及一条或多条声明(样式) 全局选择器 可以与任何元素匹配,优先级最低,一般做样式初始化 ......
Java环境变量了解及配置
1.JDK 这个是首先要了解的知识 JDK:Java开发工具包,是学习java必须安装的的软件 JDK包括 Java开发工具和JRE(Java运行环境) JRE又包括基础类库和JVM虚拟机 正是有各种操作系统的JVM,Java程序才可以一次编译,到处运行 2.下载与安装JDK 去官网找最需要的:ht ......
vue-element-admin 运行踩坑笔记
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm ERR! Error while executing: npm ERR! G:\ForCodeSoftwa ......
vue+leaflet示例:geojson数据地形剖面分析(附源码下载)
demo源码运行环境以及配置 运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。 运行工具:vscode或者其他工具。 配置方式:下载demo源码,vscode打开,然后顺序执行以下命令: (1)下载demo环境依赖包命令:npm i (2)启动demo命令:npm run ......
vue实现移动端签名功能之 vue-esign插件篇
1.安装 vue-esignnpm install vue-esign --save 2.全局引用 3.代码 4.将生成的base64转成文件 handleGenerate() { this.$refs.esign .generate() .then(res => { let randnum = M ......
vue03 01.创建项目
01.创建项目 打包工具 vite官网 vite介绍 Vite也是前端构建工具 相较于webpack,vite采用了不同的运行方式: 开发时,并不对代码打包,而是直接采用ESM的方式来,而是直接采用ESM的方式来运行项目 在项目部署时,在对项目进行打包 除了速度外,vite使用起来也更加方便 基本使 ......
SAP UI5 里响应式表格的 minScreenWidth 属性讲解
响应式网页设计 (Responsible Web Designer) 的最大挑战之一是呈现表格数据。 包含很多列的大表格根本不适合较小的屏幕,并且没有简单的方法使用 CSS 和 Media Query 重新格式化表格内容,以获得可接受的视觉显示。 为了解决这个问题,SAP UI5 框架提供了基于列的 ......
🍍踩坑:SpringBoot打jar包运行出现错误(没有主清单属性)
我是使用Spring Initializr创建的SpringBoot项目,下面看下给我自动生成的pom文件: <dependencyManagement> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> ......
vue2 - mockjs的使用
mockjs官网:http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from ......
JAVAWEB-北京地铁查询系统(Servlet+JSP+CSS+SQL 实现)部分代码
#这是我与伙伴合作完成的练习项目 @小彭先森 页面展示请见我的上一篇博客:https://www.cnblogs.com/rsy-bxf150/p/17253623.html 完整代码请看我的GitHub:https://github.com/BXF-Aurora168 部分代码: Sub.java ......
sap.ui.comp.smarttable.SmartTable 一些属性的用法阐述
SmartTable 控件根据 OData 元数据和指定的配置创建一个表格控件。 必须指定 entitySet 属性才能使用该控件。 此属性用于从 OData 元数据中获取字段,从中生成列; 它还可以用于获取实际的表数据。 基于 tableType 属性,此控件将呈现标准表、分析表、树或响应表。 这 ......
JAVAWEB-北京地铁查询系统(Servlet+JSP+CSS+SQL 实现)
Servlet+JSP+CSS+SQL 实现完善的地铁系统页面 #这是我和伙伴合作完成的练习项目 #代码我将放在下一篇博客 功能介绍: 1.地铁线路查询:选择线路,输出线路上的站点名。 2.地铁站点查询:输入站点,输出所在的线路。 3.最短路径换乘查询:输入起点终点,输出所有可能的路线,最上面显示的 ......
Node12+ 下 axios 包使用报错引发的对 package.json's exports 等属性以及 esm 的探究
最近碰到一个 case,在一个用 ts 写的 node 项目里,使用 axios,本地开发没问题,但是部署上去报错了,然后使用方式改了一下就没问题了 import axios from 'axios' // 部署上去后报错 // 修改后 import axios from 'axios/dist/n ......
Ubuntu配置环境变量
配置用户环境变量 vim ~/.bashrc 刷新 source ~/.bashrc 配置系统环境变量 vim /etc/profile 刷新 source profile ......
centos7 yum 安装nodejs 16,搭建编译vue项目环境
1、安装nodejs curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs node -v 2、安装yarn #安装yarn npm install -g yarn #查看版本 y ......