世界之魂

摘要： 闭包是指有权访问另一个函数作用域中变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。因此闭包就是一种编码现象！ 上面的例子就是一个简单闭包。函数f2可以访问f1中的变量n，这是由于内部函数的作用域中包含了外部函数的作用域。下面我们将重点讲解函数作用域链与变量对象的关系，这对理解闭包至 阅读全文

摘要： 最近刚学习Vue的官方文档，了解了指令、模板、组件、数据双向绑定等有关Vue的知识点。因此估摸着做点实例出来练练手。 下面介绍一个简单的例子，模拟购物车自动统计金额，效果图如下： 代码如下： 阅读全文

摘要： 一、默认进度条 创建一个基本的进度条的步骤如下： 添加一个带有 .progress 的 <div>； 接着，在上面的 <div> 内，添加一个带有 .progress-bar 的空的 <div>； 添加一个带有百分比表示的宽度的 style 属性，例如 style="60%"; 表示进度条在 60% 阅读全文

摘要： Bootstrap中导航栏在应用和网站中作为导航页头的响应式基础组件。导航栏在移动设备视图中是折叠的，随着设备可用视口宽度的增加，导航栏也会水平展开。在Bootstrap中导航栏包含了基本的预定义类和钩子。 一、基本导航栏 创建一个默认导航栏的步骤如下： <nav>元素中添加.navbar .nav 阅读全文

摘要： Bootstrap通过写简单的html标签和扩展类即可创建不同样式的表单。 一.表单布局 基本的表单结构是Bootstrap自带的，创建一个基本表单的步骤如下： 向<form>元素添加role=“form”; 把所有表单控件和标签都放在带有类.form-group的<div>元素中； 在所有文本元素 阅读全文

摘要： 1.表格元素 Bootstrap提供了一套清晰地创建表格的布局。下表列出Bootstrap支持的一些表格元素： 表格类<table> 下表中的类可用于<table>中： <tr>、<th>和<td>类 下表的类可用于表格的行或单元格： 2.表格示例 下面就使用上述的预定义类来生成一个表格： 效果如下 阅读全文

摘要： 1.简介 Bootstrap官方文档有关网格系统的描述： “Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。” 从以上文字可看出网格系 阅读全文

摘要： 一、动画方式 在HTML5/CSS3时代，实现动画的方式有许多种： 你可以用css3的animation和@keyframes； 可以用css3的transition； 还可以用原始的setTimeout()、setInterval()达到动画效果，以及jQuery中animate方法； 今天我们要 阅读全文

摘要： 一、拖放事件 1.任何元素都有一个draggable属性，draggable=true就能拖动，拖动元素时依次触发下列事件： (1)dragstart：按下鼠标并移动时，在被拖动元素上触发； (2)drag：在元素被拖动时持续触发； (3)dragend：拖动停止时触发； 2.当元素被拖动到一个有效 阅读全文

摘要： 一.定义和用法 1.event.clientX：事件对象的水平偏移量； event.clientY：事件对象的垂直偏移量； 2.event.pageX：事件对象加上滚动距离后的水平偏移量； event.pageY：事件对象加上滚动距离后的垂直偏移量； 3.$(selector).scrollLeft 阅读全文