自定义全局过滤器
- 用于格式化文本内容
- 只能在插值处和 v-bind 处使用
- 可在一处元素堆叠使用多个过滤器
- 使用
Vue.filter()
方法定义过滤器,该方法接收两个参数:过滤器名(String),处理数据的函数 - 默认处理数据的函数接收一个参数,即当前要被处理的数据
- 使用时,在元素插值处,加上
| 过滤器名
即可,如下 ↓
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/