一、Bootstrap介绍 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。本课时讲解 Bootstrap 的概念，并介绍 Boo
简介 前面写了一篇文章讲解了position常用的几个属性：《CSS 属性之 position讲解》一般都知道下面几个常用的： 在https://developer.mozilla.org/zh-CN
什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可
clip-path介绍 clip-path 直译过来就是裁剪路径，使用SVG或形状定义一个HTML元素的可见区域的方法。想象一下你在Photoshop中勾勒路径的场景。MDN上是这样介绍 clip-p
基本代码 html代码： 首先定义一些基本的样式和动画： background-size: auto 100%; 这段代码的意思是让图片的高等于容器的高，并且水平方向自动，即图片最左边贴着容器左侧。
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expression }}。AngularJS 表达式把数据绑定到 HT
$http是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上的 JSON 文件：{ "records": [ { &q
单页面原理 Vue是单页面开发，即页面不刷新。 页面不刷新，而又要根据用户选择完成内容的更新该怎么做？Vue中采用锚点来完成。 如访问http://127.0.0.1#/index就是主页，而访问ht
v-for 通过v-for进行循环，不光可以拿到元素本身，也可以拿到索引值。 如果数据是对象类型，则可以使用(value,key,index)进行取值。 需要注意的是，当不指定key/value而只指
事件监听 v-on 使用v-on进行事件绑定监听，回调函数写在methods中。可以使用@的这种简写形式来代替v-on，当事件源无参数传递时，可省略括号。 语法如下所示： <button @:事
基础知识 VueX作用 VueX是一个数据仓库，它可以管理多个组件公用的数据。 没有学习VueX的时候，子组件要向父级组件传递信息则通过$emit()自定义事件，父组件如果要向子组件传递信息则通过pr
全局指令 使用directive注册全局指令，我们自定义了指令v-focus：、 <div id="app"> <p>页面载入时，input 元素自动获取焦
局部过滤器 局部过滤器定义在Vue实例的filters中，必须是一个函数，调用时使用|完成调用。 局部过滤器只能由当前的Vue实例使用。 如下，对时间类型进行过滤： <body> <
基本流程 使用<transition>对要执行动画的标签内容进行包裹。 如果你使用css动画，则该标签应当具有name属性，可以使用name-时机进行链接书写css类。 如果你使用anim
mustache 内容渲染 使用mustache语法{{变量}}进行渲染操作，它将会从Vue实例中查找这个变量。 <body> <div id="app">
组件化开发 基本概念 在最开始的时候，已经大概的聊了聊Vue是单页面开发，用户总是在一个页面上进行操作，看到的不同内容也是由不同组件构成的。 通过用户的操作，Vue将会向用户展示某些组件，也会隐藏某些
基本介绍 Vue.js Vue是一款优秀的过程开源框架，也是现在WEB工程师必会的一项技能。 它是一个渐进式的框架，所谓渐进式是指你可以对你的项目代码进行渐进的重构，比如最开始你的项目中所有页面的代码
属性绑定 v-bind 如果想要操纵被挂载标签的属性，则使用v-bind进行属性绑定，当然也可以进行简写，简写形式为:。 需要注意的有以下两点： 如果包裹属性的是双引号，它将访问Vue实例尝试获取该属
响应渲染 在Vue中，被渲染的数据都是响应式的，即Vue实例中进行改变页面中也会跟着改变： <body> <div id="app"> <p>{
computed 基本使用 如果数据需要有复杂的计算，则可以在Vue实例中定义计算属性，再交由mustache进行渲染。 computed内部其实是通过getttr实现的，所以不用加括号即可完成其下方
