CSS-icon
PSD怎么切图: 在右下角图层选择器上右键Duplicate Layer（复制图层），Document选择New Image里选择Trim…（裁剪） Image里选择Canvas Size（画布大小），调整图片尺寸 File里选择Export（导出成PNG） PNG怎么抠图: 选择好图片区域，Image里选择Crop（剪切） Quick Selection Tool（快速选择工具），按住shift选择其他你想要的地方，右键Sele
CSS-堆叠上下文
堆叠顺序从里到外： background border 块级元素 浮动元素，如果浮动元素里面有文字，那么等级没有外面的文字高 内联元素 z-index: 0 === position:relative/absolute； z-index: +如果是兄弟元素(如文字)重叠，那么后面的盖在前面的身上。z-index只能给定位元素加 堆叠上下文堆叠上下文可以理解为堆叠作用域。跟 BFC 一样，我们只知道一些属性会触发堆叠上下文，但并不知
CSS的宽度与高度
文档流（Normal Flow）内联元素的宽高 内联元素的高度是由行高决定的，内联元素的宽度是由内容，margin，padding，border决定的块级元素的宽高 如果div里面只有一个内联元素，那么div的高度是由内联元素这一行的字体乘以字体建议行高确定，和font-size没关系 如果div里面有多行内联元素，那么div高度由每一行的行高加起来,div的宽度不是由文字决定的 div的高度是由内部文档流中元素的总和决定的 字和字是
CSS的学习思路
CSS 学习的难点CSS 一开始设计出来的时候并没有想到大家会这么依赖 CSS，所以设计的时候想得特别简单：你要什么功能我就加什么属性。没有CSS的时候用元素自带属性，比如<body bgcolor="yellow"></body>,居中就用<center></center>,字变红就用<font color="red"></fon
Vue组件基础
基本示例组件是可复用的 Vue 实例12345678Vue.component('button-counter', { // 定义一个名为 button-counter 的新组件 data: function () { return { count: 0 } }, template: '<button v-on:click=
Vue表单输入绑定
基础用法可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源
Vue事件处理
监听时间可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。123456789101112131415161718192021222324252627//HTML<div id="example-2"> <!
Vue列表渲染
用 v-for 把一个数组对应为一组元素我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。123456789101112131415<ul id="example-1"> <li v-for="item in items"> &#
Vue条件渲染
v-if在 Vue 中，使用 v-if 指令实现功能：1<h1 v-if="ok">Yes</h1> 也可以用 v-else 添加一个“else 块”：12<h1 v-if="ok">Yes</h1><h1 v-else>No</h1> v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将
Vue Class 与 Style 绑定
绑定 HTML Class对象语法我们可以传给 v-bind:class 一个对象，以动态地切换 class：1<div v-bind:class="{ active: isActive }"></div> 你可以在对象中传入更多属性来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class 属性共存。12345678910111213141