- 博客(6)
- 收藏
- 关注
原创 Bootstrap(一)认识Bootstrap
什么是Bootstrap?Bootstrap是一个用于快速开发web应用程序和网站的前端框架。 Bootstrap的优点。移动设备优先所有浏览器支持容易上手响应式设计内置组件基于web定制的开源 怎么使用BootstrapBootstrap官网提供了三种使用方式1.用于生产环境的 Bootstrap 编译并压缩后的 CSS、JavaS...
2018-07-20 08:59:34 356
原创 全面感知ES6(8)Class类
Class(类)ES6引入了Class,这个概念,作为对象的模板,通过Class定义类,新的Class写法只是让对象原型的写法更加清晰,更向对象编程的语法而已。ES6中类的基本用法就如下面这样。 class name{ constructor(name,age){ this.name = name; this.a...
2018-07-24 11:12:19 416
原创 Vue的10个生命周期钩子
什么是Vue的钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。怎么调用在实例生命周期的不同阶段被自动调用,不需要手动调用Vue的生命周期图示可以详细的看一下,对Vue的理解很有用...
2018-07-23 09:17:41 4746 1
原创 Bootstrap(四)列表组和附加导航
列表组普通列表组Ul添加类.list-group每一项li添加.list-group-item利用list-group-item-*给列表项设置预定义样式风格可以给列表项添加任何HTML内容列表项内容标题设置.list-group-item-heading列表项内容部分设置.list-group-item-text附加导航页面左侧或右侧的固定导航1.实现方法...
2018-07-20 09:40:40 1676
原创 Bootstrap(三)下拉菜单和分页器
下拉菜单用于显示连接裂变的可切换,有上下文的菜单下拉菜单中自定义属性的含义Data-* 触发器,操纵交互的aria-*和role类为不方便人士提供服务如屏幕阅读器aria-*一般表示行为,role当前的状态(separator为线)(disabled为禁用)<div class="container"> <div class="dropdown"...
2018-07-20 09:31:59 1792
原创 Bootstrap(二)栅格系统布局
Bootstrap为我们提供了两种布局。流体布局和固定布局。流体布局是按照百分比进行分配,平铺整个页面。固定布局是根据浏览器大小不同,固定尺寸不同,对应宽度不同,分为4个断点。>=1200 宽度为1170px>=920 宽度为970px>=768 宽度为750px<768 没有边距 栅格系统:什么是栅格系...
2018-07-20 09:15:01 1018
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人