摘要: sass 中,选择器继承可以让选择器继承另一个选择器的所有方式,并联合声明。使用选择器的继承,要使用关键词@extend,后面紧跟需要继承的选择器。 占位选择器 % 占位选择器以% 标识定义,通过@extend 调用。如果不被调用,不会产生任何代码 阅读全文
posted @ 2017-08-22 14:58 会爬树的猪日月 阅读(80) 评论(0) 推荐(0)
摘要: sass 中使用@mixin 声明混合,可以传递参数,参数名以$ 符号开始,多个参数以都好分开,也可以给参数设置默认值。 声明的@mixin 通过@include 来调用 混合器中不仅可以包含属性,也可以包含css 规则,包含选择器和选择器中的属性 给混合器传递参数 当混合宏传的参数过多时,可以使用 阅读全文
posted @ 2017-08-22 11:37 会爬树的猪日月 阅读(104) 评论(0) 推荐(0)
摘要: 父选择器的标识符 & 父选择器能对于嵌套规则如何解开提供更好的控制。它就是一个简单& 符号,且可以放在任何一个选择器出现的地方,比如h1 放在哪里,它就可以放在哪里 群组选择器的嵌套 好处 样式表看上去很小,但实际生成的css 却可能非常大,这会降低网站速度 避免选择器嵌套 选择器嵌套最大的问题是将 阅读全文
posted @ 2017-08-22 10:21 会爬树的猪日月 阅读(108) 评论(0) 推荐(0)
摘要: CSS 预处理器是一种专门的编程语言,进行Web 页面样式设计,然后再编译成正常的CSS 文件,以供项目使用。CSS 预处理器为CSS 增加一些编程的特性,无需考虑浏览器的兼容问题。 在CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些特性,可以让CSS 更加简洁、适应性更强、可读性更佳 阅读全文
posted @ 2017-08-21 22:49 会爬树的猪日月 阅读(232) 评论(0) 推荐(0)
摘要: Asynchronous JavaScript and XML (异步的 JavaScript 和XML) AJAX 不是新的编程语言,而是一种使用现有标准的新方法,最大的优点是在不重新家在整个页面情况下,可以与服务器交换数据并更新部分页面内容。 XMLHttpRequest 是AJAX 的基础。 阅读全文
posted @ 2017-08-16 21:36 会爬树的猪日月 阅读(64) 评论(0) 推荐(0)
摘要: transition 是Vue 提供的封装组件。 条件渲染(使用v-if)、条件展示(使用 v-show)、动态组件、组件根节点 当插入或删除包含在transition 组件元素时,Vue 将会做以下处理: 1. 自动嗅探目标元素是否应用了CSS 过度或动画,如果是,在恰当的时机添加/删除CSS 类 阅读全文
posted @ 2017-08-15 22:50 会爬树的猪日月 阅读(102) 评论(0) 推荐(0)
摘要: Vue 最显著的特性之一是响应式系统(reativity system)。 模型层(model)只是普通的JavaScript 对象,修改它则更新视图(view)。 每个组件实例都有相应的watcher 实例对象,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的setter 被调用时,会通知w 阅读全文
posted @ 2017-08-14 22:47 会爬树的猪日月 阅读(92) 评论(0) 推荐(0)
摘要: v-model 指令在表单控件元素上创建双向数据绑定。 修饰符 .lazy 修饰符,将同步的v-model 转为change 事件中同步 .number 自动将用户的输入值转为Number 类型 .trim 自动过滤输入的首位空格 阅读全文
posted @ 2017-08-14 11:25 会爬树的猪日月 阅读(98) 评论(0) 推荐(0)
摘要: 监听事件 v-on 指令监听DOM 事件触发一些JavaScript 方法事件处理器 事件处理的逻辑很复杂,直接把JavaScript 代码写在v-on 指令中是不可行的。因此,v-on 可以接收一个定义的方法调用。 內联处理器方法 事件修饰符 .stop 阻止事件冒泡 .prevent 提交时间不 阅读全文
posted @ 2017-08-13 23:37 会爬树的猪日月 阅读(72) 评论(0) 推荐(0)