摘要：
1，使用组件的方式封装动画， 2，使用动画钩子设置样式 3，在组件中设置插槽，方便父元素自定义标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文
摘要：
1.CSS动画原理 动画进入： 动画如果不给名字，默认：v-enter 原理：在某一时刻给 div 添加 或 删除一些样式 <style> .fade-enter{ opacity:0; } .fade-enter-active{ transition: opacity 1s; //对opacity 阅读全文
摘要：
一、组件使用过程中的细节问题 1.使用 is 解决H5标签的小bug（用 is='组件名' 解决） 好处：这样的写法一方面可以使用组件，另一方面也符合H5的规范。 /*创建组件*/ Vue.component('row',{ template:'<tr><td>this is a row</td>< 阅读全文
摘要：
一、模板语法： {{message}} 等同于v-text：文本插值 v-html：html插值 v-once：插入固定的值，不会变 v-bind：单向数据绑定（内存JS改变，影响页面）缩写（:） v-model：双向数据绑定 v-on：事件绑定 缩写（@） 二、计算属性和侦听器 1.compute 阅读全文
摘要：
1.如何让层在flash上显示？ 方法： <param name="wmode" value="transparent" /> /*设置flash的wmode值为transparent或opaque*/ 2.如何使用标准的方法在页面上插入flash？ 方法： <object id="flash-sh 阅读全文
摘要：
1.如何清除图片下方出现几像素的空白间隙？ 清除浮动，方法请参考第9条 /*通常出现这样的情况都是由于没有清除浮动而引起的，所以Debug时应第一时间想到是否有未清除浮动的地方*/ 方法1： img{display:block;} 方法2： img{vertical-align:top;} /*除了 阅读全文
摘要：
1.如何在IE6及更早浏览器中定义小高度的容器？ 方法： #test{overflow:hidden;height:1px;font-size:0;line-height:0;} /*IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高*/ 2.如何解决IE6,7block元素转换成 阅读全文
摘要：
注意：尽可能减少对CSS Hack的使用。Hack有风险，使用需谨慎 1.条件 Hack（用于选择IE浏览器及IE的不同版本） 语法： <!--[if <keywords>? IE <version>?]> HTML代码块 <![endif]--> <keywords> if条件共包含6种选择方式： 阅读全文
摘要：
1.em：相对长度单位，em会继承父级元素的字体大小。 2.rem：相对长度单位。相对于根元素(即html元素)font-size计算值的倍数 3.px：绝对单位，页面按精确像素展示。 4.英寸（Inches）。绝对长度单位。1in = 2.54cm = 25.4 mm = 101.6q = 72p 阅读全文
摘要：
!important CSS1 提升指定样式条目的应用优先权。 /*comment*/ CSS1 CSS中的注释 /* 这里是注释内容 */ @import CSS1/3 指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明 @charset CSS2 在外部样式表文件内使用。指定该样式表 阅读全文