属性 变量vue css
变量类型【int/float/str】+占位符使用
变量类型:int:整形 float:浮点数 str:字符串 占位符: %s,占位字符串 %d,占位整形 %f,占位浮点数 %.2f,保留2位小数占位 - f 表达式 - format # 变量+占位符的使用 name = "AAA" age = 8 weight = 89.7550 # 占位符使用 ......
Css导入方式
CSS导入HTML有三种方式: 1.内联样式:在标签内部使用style属性,属性值是css属性键值对 <div style="color: blue"> Hello CSS~</div> 2.内部样式:定义<style>标签,在标签内部定义css样式 <style> div{ color: red; ......
CSS简介
CSS是一门语言,用于控制网页表现 CSS(Cascading Style Sheet):层叠样式表 W3C标准:网页主要由三部分组成 结构HTML 表现HTML 行为JavaScript <!DOCTYPE html> <html lang="en"> <heah> <meta charset=" ......
CSS效果实现参考
文字溢出用省略号结尾,使有限区域内文字合理显示。 /*单行*/ p{ width:200px; overflow:hidden; text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/ white-space:nowrap; } /*多行*/ p{ wi ......
类型、类型变量、多态函数
类型 Haskell有一个静态类型系统,每个表达式的类型在编译时是已知的,这将产生更安全的代码 与Java或C不同,Haskell有类型推断,不用显式编写类型 理解类型系统是掌握Haskell的一个非常重要的部分 :type命令可以检查表达式的类型,如下 :type 'a' :type True : ......
Java中对象List根据某个属性去重,如果重复根据自定义规则取舍
场景 Java中从数据库中查询出某对象的list,需要根据某个属性进行去重,并且如果有重复的话 自定义取舍的保留规则。 比如从数据库中查询出上面结构的对象的list,需要根据car_Number字段去重,如果有重复则保留id字段最小的一条数据。 注: 博客: https://blog.csdn.ne ......
defineExporse vue3中一个由子组件导出数据,让父组件调用的方法。
子组件 <script setup> import { ref, reactive } from 'vue' const isFlag = ref(false) const data = reactive({ name: 'tom', age: 18 }) //把数据导出 defineExpose( ......
macos:用homebrew安装node/安装vue-cli( node v18.15.0/ Homebrew 4.0.10-119)
一,用brew安装node liuhongdi@liuhongdideMacBook-Pro Homebrew % brew install node@18 ==> Downloading https://formulae.brew.sh/api/formula.jws.json #=#=# ==> ......
vue:路由守卫
路由守卫 作用:对路由进行权限控制 配置路由守卫应在暴露前配置 分类:全局守卫、独享守卫、组件内守卫 首先先给需要鉴权的路由设置好meta配置项。 meta配置项:是vue-router中的一个对象,主要用于存储路由的元数据(meta data)信息。这些元数据信息可以是一些描述性的内容,比如页面的 ......
DSL5.变量定义区的权限规则
当事人 如果当事人被初始化,将定义一个初始化函数实现当事人的赋值,合约部署者可以对当事人参数进行修改 如果当事人被is定义,该当事人将无法修改 资产 如果资产被当事人拥有,该资产如果被初始化,仅当事人可以修改该资产 如果资产未被当事人拥有,该资产处于未定义状态,合约部署者可以为该资产设置拥有者 ......
Go语言入门(go环境配置,变量和常量)
go语言特点 天然支持高并发 语法简单,去掉很多臃肿的东西 优化的内存分配和垃圾处理 完善的标准库 go安装 下载:Go下载 - Go语言中文网 - Golang中文社区 (studygolang.com) go version判断是否安装成功 配置环境变量GOROOT ,GOPATH go env ......
webpack 从零开始搭建 vue-cli
🔱webpack 从零开始搭建 vue-cli🔱 1、Webpack 🐱🏍 1.1 webpack 是什么?做了啥? Webpack 是一个模块打包工具。在开发中,它把一堆文件中每个都作为一个模块处理,找出它们间的依赖关系,并打包成待发布的静态资源。 主要做了: . 模块化 . 处理不同格 ......
[vue3]npm创建环境
1. npm安装 vue cli [root@Python 20230401VUE3]# npm install -g @vue/cli 2. 查看 vue版本 [root@Python 20230401VUE3]# vue --version @vue/cli 5.0.8 3. 创建项目 [roo ......
第二十二篇 vue - 深入组件 - 异步组件 - defineAsyncComponent
基本用法 defineAsyncComponent 在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能 import { defineAsyncComponent } from 'vue' co ......
第二十三篇 vue - 深入组件 - 内置组件 - Transition
动画组件 Transition 和 TransitionGroup Vue 提供了两个可以帮助你制作基于状态变化的过渡和动画内置组件 1、<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画 2、<TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入 ......
第二十四篇 vue - 深入组件 - 内置组件 - TransitionGroup
TransitionGroup <TransitionGroup> 是一个内置组件,用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果 和 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 Jav ......
第二十五篇 vue - 深入组件 - 内置组件 - keepAlive
keepAlive <KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 ......
第二十六篇 vue - 深入组件 - 内置组件 - Teleport
Teleport <Teleport> 是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景:一个组件模板的一部分在逻辑上从属于该组件,但从整个应用视图的角度来看,它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 ......
第二十七篇 vue - 深入组件 - 内置组件 - Suspense
Suspense <Suspense> 是一个内置组件,用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成,并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能,并且在稳定之前相关 API 也可能会发生变化 ......
第二十八篇 vue - 深入组件 - 动态组件 - component
component 动态组件就是动态变化的组件,和动态样式一样,通过用户的操作来确定是什么类型的组件。动态样式是绑定:style,动态组件则是绑定:is 在 vue 中,实现 Tab 切换主要有三种方式:使用动态组件,使用 vue-router 路由,使用第三方插件。本文将详细介绍Vue动态组件 所 ......
第二十一篇 vue - 深入组件 - 依赖注入 - provide 和 inject
Prop 逐级透传问题 provide 和 inject 可以帮助我们解决这一问题。 [1] 一个父组件相对于其所有的后代组件,会作为依赖提供者 任何后代的组件树,无论层级有多深,都可以注入由父组件提供给整条链路的依赖 Prop 逐级透传问题 通常情况下,当我们需要从父组件向子组件传递数据时,会使用 ......
vue2 + sass + sass-loader
本地vue脚手架版本:5.0.8 本地node版本:v18.13.0 项目创建:vue init webpack demo 由于项目本身不支持sass,需要首先安装:npm install sass sass-loader -D,记住:此处无需安装node-sass,安装后报错。 由于sass和sa ......
vue第一课:简单了解
1,通过JS引入,学习的时候通过CDN即可 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> 2,在HTML文件中 <div id ='root'> <h1>hello,{{name}}</h1> </div> <s ......
C语言逆向汇编——参数局部变量、函数堆栈、调用约定和内嵌汇编码
第一节 1.1C语言 1、注意参数和局部变量在堆栈中的存储方式 2、参数在调用函数前就已经存入堆栈,从[EBP+8]、[EBP+C]、……开始。 3、局部变量是在调用函数后,存入缓冲区里,从[EBP-4]、[EBP-8]、……开始 4、函数运算得到的结果,通常存在EAX里。 第一节 1.2逆向汇编 ......
vue (一)
vue是一套构建用户界面的前端框架。 构建用户界面指的是用vue往html中填充数据。 框架指的是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能。 vue指令、组件(ui的复用)、路由、vuex、vue组件库 只有把上面罗列的内容掌握之后 才有开发vue项目的能力。 vue框架的 ......
Windows 如何让环境变量(例如PATH路径)设置后------不需要重启立即生效
##不重启生效方法 以修改环境变量“PATH”为例,修改完成后,进入DOS命令提示符,输入:set PATH=C: ,关闭DOS窗口。再次打开DOS窗口,输入:echo %PATH% ,可以发现“我的电脑”->“属性”->“高级”->“环境变量”中设置的 PATH 值已经生效。 不用担心DOS窗口中 ......
VUE分别使用普通方法、计算属性、监听器完成简易计算器
VUE分别使用普通方法、计算属性、监听器完成简易计算器 声明:本方法使用VUE完整框架独立模块组件来实现 TOP:实现效果 Ⅰ:完整框架 Ⅱ:框架实现案例组件功能细分 1.APP组件 总组件,管理所有组件(每个单独的组件最后都汇总到APP组件里,便于管理) 管理汇总:Methodss组件、Watch ......
我的第一个项目(七):(解决问题)Vue中canvas无法绘制图片
好家伙, 现在,我想要把我的飞机大战塞到我的主页里去,想办法把文件导入 然后,直接死在第一步,图片渲染都成问题 先用vue写一个测试文件 来测试canvas的绘制 <template> <div> <div ref="stage"></div> <button @click="drawsth()"> ......
Vue3 深度选择器原理
一、Demo <!-- 补录身高与体重 --> <script lang="ts" setup> import { ref } from 'vue'; const isShow = ref(true); const height = ref(); const weight = ref(); </sc ......
Vue 2中实现数字滚动效果
代码: <template> <div class="statistics-num"> <!-- 显示当前数字,不使用逗号分隔符 --> <span class="num">{{ currentVal.toString() }}</span> <!-- 显示当前数字,用逗号分隔符 --> <!-- ......