v-bind
- 使用插值表达式、
v-text
等插值语法是为元素绑定数据,使用v-bind:属性名
(或 v-model)为元素的属性绑定数据 - 简写为
:属性名='合法JS表达式'
如:'temp+1'
用 v-bind 为元素绑定 class 类名
应用场景:从服务器动态获取样式后动态绑定类名,实现后端控制前端样式。
注意:
- 若使用
:class='color'
vue 会去模型的 data 中寻找这个”color”,此时–- 若”color”是在
Update your browser to view this website correctly. Update my browser now
概述访问网页的设备有着不同的屏幕尺寸、分辨率和处理能力。 响应式 Web 设计是一种能自动响应不同尺寸设备的设计方法。 实现这一切的核心要素是:媒体查询(Media Query)。 如果你预计网站的大部分流量来自移动端,那么应该采取“移动端优先”的策略,再为 PC 端做兼容。 如果你预计网站的大部分
CSS 设置图片 hover 时放大镜动效1. 需要给`<img>`加一个父元素,设置`overflow:hidden` 2. 使用scale("比例")将元素基于中心按比例缩放 12345678910111213 .father {  
盒模型:css 定义所有的 html 元素都可以拥有像盒子一样的外形和平面空间 标准盒模型(W3C 盒模型) 元素实际宽度: width+左右 padding+左右 border+左右 margin; 元素实际高度: height+上下 padding+上下 border+上下 margin 怪异盒
使用 CSS 变量创建: 在变量名前添加两个破折号并为其赋值,例子如下: 1--penguin-skin: gray; 这样会创建一个--penguin-skin变量,其值为gray(灰色) 可以通过引用变量名来使用它的值 1background: var(--penguin-skin); 给 CS
Class 类 ES6 引入了‘类’这一概念,作为对象模板,更接近传统语言的写法(面向对象) 但它只是 ES5 的语法糖,它的绝大多数功能 ES5 都可实现 引入它是为了更像“面向对象”编程的语法 对比 ES5 的面向对象编程– ES5 使用构造函数来实例化对象 12345678910111213/
评论