属性 变量vue css

CSS02.css构成

为网页添加样式 术语解释 h1 { color:red; background-color: lightblue; text-align: center;} CSS规则 = 选择器(“{”前面的)+ 声明块 声明块 出现在大括号中({}) 声明块中包含很多声明(属性),每一个声明(属性)表达了某一方 ......
CSS css 02

【Unity3D】Shader常量、变量、结构体、函数

1 源码路径 ​ Unity Shader 常量、变量、结构体、函数一般可以在 Unity Editor 安装目录下面的【Editor\Data\CGIncludes\UnityShader】目录下查看源码,主要源码文件如下: UnityCG.cginc UnityShaderUtilities.c ......
常量 变量 函数 Unity3D 结构

vue按需加载组件,异步组件

vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
组件 vue

纯 CSS 实现瀑布流式排版

最近写了个页面,想到了用瀑布流实现页面布局。在我看来一个合格的横向瀑布流式布局包含以下几个条件: 1、每个内容块高度可以不等,但宽度相等。 由于内容的不确定性,内容块的高度应根据内容高度伸缩。高度相等的话就变成了网格布局,规整倒是规整,不仅没有瀑布效果,内容的个性也无从体现。 2、内容块应进行横向排 ......
瀑布 CSS

Cookie 的属性-1与Cookie的属性-2

Cookie 的属性-1 Cookie的名称(Name)和值(Value) 最重要的两个属性,创建Cookie时必须填写,其它属性可以使用默认值 Cookie的名称或值如果包含非英文字母,则写入时需要使用encodeURlComponent 编码,读取使用哪个decodeURIComponent() ......
属性 Cookie

Cookie的属性-3 与 Cookie 的封装-1

Cookie的属性-3 Cookie的名称(Name)和值(Value) 失效(到期)时间 Domain 域 Path路径 HttpOnly 设置了 HttpOnly 属性Cookie 不能通过JS去访问 Secure 安全标志 Secure限定了只有在使用了Https而不是http的情况下可以发送 ......
Cookie 属性

vue点击图片获取图片原像素坐标

<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
图片 坐标 像素 vue

vue-element-admin e-icon-picker的input一直不出来

今天项目中有用到e-icon-picker,然后正常引入如下: 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了,但是页面中一直都没有出现 各种查找原因,最终浪费了很久时间才找到原因,是e-icon-picker的版本的问题,也就是1.1.7版本的input并没有,这个是版本自己的 ......

Vue基础语法整理

# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 demo容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
语法 基础 Vue

Vue10*10图片表格的点击效果

要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程:一.用PS切图 1.打开PS,选择切图工具,在左边复选框选择切图工具。 2.单击右键鼠标,选择划分切片。 3.选择水平划分、垂直划分10*10,点击确定。 4.单击菜单栏文件,在导出栏选择储存为Web所用格式。 二.用HBui ......
表格 效果 图片 10 Vue

【vue-blog】从SCF改为tsx

修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
vue-blog blog vue SCF tsx

普通css实现table表格过长数据隐藏,鼠标停留显示全部

在<style></style>中添加下面代码 table { table-layout: fixed; /* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ } table td { position: relative; /*width: 80px;*/ height: ......
表格 鼠标 数据 table css

变量声明和定义的关系

为了支持分离式编译,C++语言将声明和定义区分开来。声明使得名字为编译器所知,一个问价如果想使用别处所定义的名字则必须包含对那个名字的声明。而定义负责创建与那个名字关联的实体。 变量声明规定了变量的类型和名字,在这一点上定义与之相同。除此之外,定义还申请存储空间,也可能会为变量赋一个初始值。 如果想 ......
变量

vue/react关与key的面试题

虚拟dom中key的作用 当状态中的数据发生改变时,react会根据新数据生成新的虚拟dom,随后react进行新虚拟dom与旧虚拟dom的diff算法比较,比较规则如下: 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变,则使用之前的真实dom b.若虚拟dom中的内 ......
react vue key

一起学学Vue Router 4.X开发中用到的新特性

前言: vue3发布这么久以来,还没好好梳理过它相关的全家桶,今天我们先聊聊Vue Router 4.X的使用以及新特性! 可以说路由是一个简单又复杂的东西,简单指的是我们日常使用的过程中只是不断的调用它的API,复杂则是我们有的需求场景需要结合路由原理去处理数据等问题,此时我们就不得不对其原理有很 ......
中用 特性 Router Vue

Cadence16.6批量修改原理图中器件属性

https://blog.csdn.net/cheer_me/article/details/115678835 操作步骤如下 (1) 选中.dsn设计⼯程⽂件—>Tools—>Export properties—>默认选项并点击OK。即可⽣成⼀个后缀名为.EXP的⽂件。 关于Instance和 O ......
器件 属性 原理 Cadence 16.6

C-变量

变量 数据类型 C 采用补码的编码方式存储数据, 用一定长度的二进制码表示数字或字符. 整型 int - 长度为 4 个字节, 32bit, -2147483648 ~ 2147483647 long - 8 个字节 short - 2 个字节 浮点型 float - 4 个字节 double - ......
变量

vue2 element ui 使用i18n 国际化配置

前提npm install vue-i18n 第一步:vue项目下新建locals文件夹,里面配置index.js内容如下,同时新建zh.js 和 en.js作为语言配置文件 import Vue from 'vue' import VueI18n from 'vue-i18n' import El ......
element 国际 vue2 i18n vue

检查对象 Object 中是否含有某属性

检查对象 Object 中是否含有某属性,可以用 in 验证,例如 const obj = { name: 'a', age: 3 }console.log('name' in obj); // trueconsole.log('sex' in obj); // false ......
属性 对象 Object

CSS实现跑马灯效果

盒子区域 创建一个大盒子,用来装我们的广告语,还有跑马灯的四个小盒子 <div class="box"> <div></div> <div></div> <div></div> <div></div> 创意广告 </div> 设置box样式 * { padding: 0; margin: 0; } ......
跑马灯 效果 CSS

使用vue完成图片表格的点击因隐藏效果

首先了解整个项目可以分几个板块。图片的切割,图片放入的框架构建,图片放入。 1.图片的分割,这里的图片分割可以使用PS,或者网上搜图片切割的网站上传图片就行(http://www.zuohaotu.com/cut-image.aspx) 2.创建一个项目,导入vue.js 3. 建立一个名字为"ap ......
表格 效果 图片 vue

属性

属性:保护字段的 属性的本质:两个方法,一个get方法(取值),一个set方法(赋值) using System; using System.Collections.Generic; using System.Text; namespace 属性 { public class Person { pr ......
属性

vue 设置 菜单Item 背景色

<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
菜单 背景 Item vue

在Vue项目中为何要重写push和replace

0.前言 为啥要重写push和replace,主要是你不写他会报错啊,为啥会报错呢,主要是因为函数式路由push方法返回的是一个promise对象,我们知道promise对象是有成功回调和失败回调的,但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
replace 项目 push Vue

Vue2 快速上手

1.声明式渲染 通过{{}}将数据渲染到页面: <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ......
Vue2 Vue

关于 Vue 列表渲染 key 绑定 index 的性能问题

今天在学习 React 文档,列表渲染一节中提及到一个关于 key 绑定索引值(index)性能的问题: React 官方文档原文:“如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题”。 查阅网上的博客,确实有对 Vue 列表渲染 ......
性能 问题 index Vue key

Vue 跑马灯效果

vue简单的跑马灯效果,直接封装的组件,引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
跑马灯 效果 Vue

ant design vue 2.0 select 二次封装组件

//a-select 组件文件 <template> <a-select placeholder="请选择" :value="defaultValue" :disabled="disabledSelect" @change="changeSelect"> <a-select-option value ......
组件 design select ant 2.0

css实现霓虹灯特效字体

在开始之前先了解外部字体的引入: vite中字体的引入方法(.otf字体等)如下: 1、在src下的assets文件夹下创建font文件夹,将下载好的字体包放到该文件夹下 2、在font文件夹下创建font.css文件,如果你用的是scss,那么就是font.scss。less同理。 3、在font ......
霓虹灯 霓虹 特效 字体 css