属性 变量vue css
TypeScript 学习笔记 — 自定义类型:部分属性可选,反选 key,求对象交差并补集等(十三)
上文中介绍了 对象操作的内置类型的使用,本文介绍几个基于内置类型,扩展的自定义类型,(类型名称自定义的) 将部分属性变为可选属性 实现思路:先将 name 属性挑出来变为可选的 & 除了 name 属性的 // 有时处理类型之后,对象类型结构不明显。只是简单做一个映射,并未其他意义。 type Co ......
vue之数组与对象的检测与更新
说明 MVVM会自动检测变量的变化,当变量改变,页面也会对应的变化,但是有一点需要注意,如果有一个对象增加值的时候,不能直接修改,需要使用Vue.set()方法 语法 Vue.set(this.变量, 键, 值) 示例 <body> <div id="app"> <div v-for="(value ......
vue3中 toRefs和 toRef 的区别
toRefs 是为了避免对一个响应式对象解构的时候,解构后的每个属性不具有响应性 toRef 是为了针对单独获取某个对象的属性的时候保持响应性,从而单独对某个对象的属性进行响应式转化 针对 reactive 或者 ref 创建的响应式对象都可以使用这两个 api 进行转化 注意:toRefs只能对第 ......
vue 手写分页
data:{ crossing_status:CROSSING_STATUS, crossing_list:[], time:null, log: { page: 1, pages: 1, total: 0, count: 20, displayPage: 5, list: [] }, select ......
vue3中路由错误自动跳转404页面 路由表写法
定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
封装表单组件,如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候,子组件修改了内容,会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ,从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v ......
Vue3.0学习(一)------Vue简单介绍
什么是Vue? 官方原文:Vue是一款用于构建用户界面的JavaScript框架。它基于标准的HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。 简单来说,Vue就是一个构建用户界面的前端框架 Vue的两个核心功能 声明式渲染 Vue基于标 ......
ant-design-vue tree 通过key递归获取该节点信息
<template> <div class="tzgl_wrap"> <a-tree :tree-data="treeData" @select="treeSelect" default-expand-all > <template slot="title" slot-scope="{ title ......
MySQL8创建和使用用户属性
什么是用户属性 用户属性是一个由一个或多个键值对组成的json对象,它是在使用create user创建用户时设置的,通过添加语句attribute 'json_object'。json_object必须是一个有效的json对象。 mysql将所有与用户相关的数据存储在mysql中的user表,但是 ......
vue里浏览器返回键如何禁用
1 mounted () { 2 3 // 禁用浏览器返回键 4 5 history.pushState(null, null, document.URL); 6 7 window.addEventListener('popstate', this.disableBrowserBack); 8 9 ......
二次封装ui组件,如何做到属性,作用域插槽以及 实例方法的穿透使用
A页面: 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
学习-ts变量声明-捕获变量怪异之处
经典面试题,varsetTimeout会在若干毫秒的延时后执行一个函数(等待其他代码执行完毕)。 for (var i = 0; i < 10; i++) { setTimeout(function () { console.warn(i); }, 1); // 全是10 } for (var i ......
实现和CSS一样的easing动画?直接看Mozilla、Chromium源码!
前言 在上一篇丝滑的贝塞尔曲线:从数学原理到应用介绍贝塞尔曲线实现动画时给自己留了一个坑,实现的动画效果和CSS的transition-timing-function: cubic-bezier差别较大,如下图所示,红色为Linear、绿色为CSS的cubic-beizer、蓝色为自己实现的cbez ......
Shell判断字符串变量是否为空
判断 bash 变量是否为空:要点:变量两端用双引号括起来 如果bash变量未设置或设置为空字符串,则返回true: if [ -z "$var" ];另一个选择: [ -z "$var" ] && echo "Empty"确定bash变量是否为空: [[ ! -z "$var" ]] && ech ......
vue里cdn引入改为本地js文件引用
问题 vue项目cdn引用会出现网络加载不了问题 vue项目 cdn引用 改为本地public/index.html引入 首先把cdn的链接复制在浏览器里打开或直接下载下来 把js文件放到public文件夹下面 在index.html里引入,注意生产环境才加载出来 ......
2023.04.06 - 使用mixin动态混入,对vue组件中的数据做兼容经验总结(xp)
业务场景:在一个高拍仪的硬件设备中,厂家给了两套不同的API,分别支持win XP 和 winXP以上版本的系统,而这两套API的实现方式截然不同,一套使用的是http通信,一套是使用scoket通信,方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显,我除了修改组件里的函数 ......
vue第七课:记事本实例
功能需求: 新增 生成列表结构 获取用户输入 回车,新增数据 删除 点击删除指定内容(v-on splice) splice(index,1) 删除1个对应的索引 统计 v-text,length 清空 数组清空 隐藏 没有数据时,隐藏元素(v-if,v-show 数组非空) <div id='ap ......
HTML+CSS仿写的登录页面
仿写的登录页面 使用HTML+CSS,感觉很简单,记录下 话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE= ......
直播商城源码,vue 弹窗 惯性滚动 加速滚动
直播商城源码,vue 弹窗 惯性滚动 加速滚动 弹窗基础组件 新建文件 components/zwy-popup <template><div v-show="ishide" @touchmove.stop.prevent><!-- 遮罩 --><div class="mask" :style="m ......
c# 字段、属性的特性
类的成员: 1. 常量 → 固定的值 2. 字段(变量) → 会变化的值 3. 属性 → 受保护的值 4. 方法 → 一系列动作和行为 5. 运算符 → 特定的运算方式(=,+,-,*,/,%,>=,<=...........) 6. 构造方法 → 按照特定的结构创造、产生东西的方法如下代码示例 1 ......
STATA:快速根据多个变量进行相同的计算
STATA:快速根据多个变量进行相同的计算 gen xd=1 if A011601==5 local vvar A011602 A011603 A011604 A011605 A011606 A011607 A011608 A011609 A011610 A011611 A011612 A01161 ......
vue之列表渲染v-for
简介 v-for可循环对象:数组,对象,字符串,数字 用法 需要哪个标签循环,就把v-for写到哪个标签上 v-for="xxx in 变量" 这里的xxx in是固定写法,xxx代表一个变量,比如后端的 for i in中的i字母 v-for可循环的几种变量的展示 使用v-for循环“数组,对象, ......
vue第六课:v-for,v-on补充,v-model
1,v-for指令 根据数据生成列表结构 <div id='app'> <input type="button" value="添加数据" @click="add"> <input type="button" value="删除数据" @click="remove"> <ul> <li v-for= ......
python中的全局变量、实例变量、局部变量、静态变量等
a=1#全局变量,在模块内、在所有函数外面、在class外面 class Test(): c=3#静态变量,也可以说类属性,在class内的,但不在class的方法内的 def login(self): b=2#局部变量,在函数内、在class的方法内(未加self修饰的) self.d=4#实例变 ......
STATA 用变量原有值标签的显示值来代替,删除原有的值标签
. des //变量provinces对应的值标签s41lab // Contains data from 1xx.dta // Observations: 10 // Variables: 2 6 Apr 2023 12:14 // // Variable Storage Display Valu ......
普通结构体变量和结构体指针变量作为函数传参问题
#include "stdio.h" #include "string.h" //基本认知 /* * 结构体变量之间可以相互赋值 * struct student a;//定义结构体变量 * 1.a.age//结构体变量访问结构体成员 * struct student *p = &a//指针指向结构 ......
vue实现下拉加载更多
1、首先下载插件 npm install better-scroll 2、循环列表的上级,上上级分别添加属性,如图: 3、data里面添加字段 data() { return { myScroll: null, pullLoadingBottom: 0, pullLoading: false, to ......
vue第四课:v-show,v-if,v-bind的使用
1,v-show指令 根据表达式的真假,切换元素的显示和隐藏如:广告,遮罩层等 <div id='app'> <input type="button" value="切换显示状态" @click="changeIsshow"> <input type="button" value="增加年龄" @c ......
vue el-upload自定义文件列表以及自定义上传事件,导致触发自定义上传时无法上传的问题
1.自定义列表::file-list="my_fileList" 2.自定义上传方法 3.发现当触发confirm_upload 无法执行上传 4.查看uploadFiles的列表时,status为success(猜想:实际的上传文件列表为uploadFIles ,uploadFIles=my_fi ......