CaseyWei

摘要： 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。 从图上我们可以看到vue在生命周期中有这些状态，beforeCreate, 阅读全文

摘要： 都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文 阅读全文

摘要： vue中 关于$emit的用法 1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组 阅读全文

摘要： 什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 如何注册组件？ 需要使用Vue.extend方法创建一个组件，然后使 阅读全文

摘要： 简单来说，区别如下：1.v-bind用来绑定数据和属性以及表达式，缩写为'：'2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用 一、v-model v-model多在表单中使用，在表单元素上创建双向绑定，根据控件类型选择正确的方法更新元素，可以绑定text、radio、c 阅读全文

摘要： 1、MVVM模式 MVVM模式（Model-View-ViewModel）的运作如下图： 1）上图解析：ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。 当创建了ViewMode 阅读全文

摘要： 与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。 通过2个简单的例子来说明这两点。 而这个简单的例子，会被编译为： 变量提升demo示例 变量提升demo示例 当然，你的代码编译成为了ES5之后，仍然会存在变量提升，因此这一点只需要我 阅读全文

摘要： 目录 scss的环境搭建 Koala的使用——打开项目 Koala的使用——scss的相关设置 scss的四种输出模式 嵌套输出方式nested 展开输出方式expanded 紧凑输出方式compact 压缩输出方式compressed scss的基本语法 变量 数据类型 嵌套 注释 基本运算 语句 阅读全文

摘要： 响应式布局有三种实现方式： CSS3 Media Query 原生 JS 代码 第三方开源框架（最常见的有 bootstrap） CSS3 -- Media Query 1. 媒体查询实现方式 方式一：styleSheet样式表中的写法： 如：<style>标签中使用@media 方式二：<link 阅读全文

摘要： cssHack 是为了解决不同浏览器显示不同从而是css代码兼容不同的浏览器 “-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效 “\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack “\9\0″ 只对IE9/IE10生效，是IE9/10的h 阅读全文