李不要熬夜

摘要： 有的时候，我们不希望相邻的两个列紧靠在一起，但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移（offset）功能来实现。使用列偏移也非常简单，只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数)，那么具有这个类名的列就会向右偏移。例如，你在 阅读全文

摘要： 该页面中主要用到的有 1. 全局 CSS 样式 -- 栅格系统 2. 全局 CSS 样式 -- 按钮 3. 全局 CSS 样式 -- 辅助类 4. 组件 -- 按钮式下拉菜单 5. 组件 -- 导航条 6. 组件 -- 分页 7. 组件 -- 媒体对象 8. JavaScript 插件 -- 标签页 阅读全文

摘要： Bootstrap框架是如今最流行的前端框架之一，Bootstra功能强大，简单易学，很符合实际应用场景。但是其中包含的内容比较多，新手往往不能很快的熟练掌握。接下来，我们一起对Bootstra栅格系统做一下简单的总结： Bootstrap栅格系统的定义是什么呢？ Bootstrap包含了一个响应式 阅读全文

摘要： 基本介绍 Grid做前端的同学应该都很熟悉了，翻译成中文为“栅格”，用过bootstrap、semantic ui、ant design的同学肯定都了解grid layout（删格布局），以往css框架中的grid布局一般是通过float和百分比的宽度实现的，这种实现有几种缺点： html不够简洁； 阅读全文

摘要： 生命周期钩子函数 Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom → 渲染、更新 → 渲染、卸载等一系列过程，我们称这是Vue的生命周期 Vue中组件生命周期调用顺序 生命周期 描述 beforeCreate 组件实例被创建之初，组件的属性生效之前 create 阅读全文

摘要： 前言 之前做项目，关于布局方面没怎么深入研究过，好多页面都是能用定位就用定位，能用百分比就用百分比，导致很多地方，看似对齐了，但是就很别扭，这几天又被一个布局折磨了很久。于是痛定思痛，总结一下自己思想上的问题。 自己之前没把 CSS 的相关问题当回事，心里总是理所应当的认为，样式什么时候用到随便百度 阅读全文

摘要： 一、前言 css3动画效果的强大不言而喻，自它出现一直热度不减，它与js动画的优劣也一直成为前端界争论的话题，不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度，利于前端的学习，其精简的代码量把我们从烦人的js调试中解放出来，当然css的动画效果有其局限性，我们不能只用css3模拟出 阅读全文

摘要： 1 transform属性 在CSS3中，可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。 （1）浏览器支持 到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。 2 旋转 使用rotate方法， 阅读全文

摘要： 分享： CSS3圆角技术能非常好的美化你的页面效果，而且避免了使用图片辅助，一则省去了制作图片的时间，二则省去了浏览器加载图片造成的延迟和带宽。如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。下面让我们来看看border 阅读全文

摘要： 像我之前提到的那样，文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层，背景层可以是完全透明或者其它颜色，也可以是一张图片。此背景层由8个CSS属性（加上1个简写的属性）控制。 background-color background-color属性设置元素的背景颜色。它的值可以是任意合法的颜 阅读全文