摘要: 概述 公司技术栈开始用vue主导开发,但因为公司前端会vue的不多所以在项目中用到vue的技术不是很深,之前出去面试被接连打击,而且本来打算开始为公司vue的项目构建自己的组件库所以去下载了 "iview" 的 "源码" 打算研究一番,学习大神的组件封装模式和vue的深层技术的运用,随便写博客系列来 阅读全文
posted @ 2018-05-08 18:05 余子酱 阅读(2134) 评论(3) 推荐(0) 编辑
摘要: article元素 article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件,或者其他任何独立的内容。例子如下: seciton元素 section元素用于对网站或应用程序中页面上的内容进行分块,一个 阅读全文
posted @ 2017-08-02 15:43 余子酱 阅读(436) 评论(0) 推荐(0) 编辑
摘要: 使用盒布局 在CSS3中,通过box属性来使用盒布局,例子如下: 盒布局与多栏布局的区别 盒布局与多栏布局的区别在于:使用多栏布局时,各栏宽度必须是相等的,在指定每栏宽度时,也只能为所有栏指定一个统一的宽度,栏与栏之间的宽度不可能是不一样的,另外使用多栏布局时,也不可能具体指定书目栏中显示书目内容。 阅读全文
posted @ 2017-07-07 11:20 余子酱 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 多栏布局 使用float属性或position属性的缺点: 使用float属性或position属性进行页面中的简单布局的例子。 使用float属性或position属性进行页面布局时有一个比较明显的缺点,就是第一个div元素与第二个div元素时各种独立的,因此如果在第一个div元素中加入一些内容的 阅读全文
posted @ 2017-07-06 16:34 余子酱 阅读(623) 评论(0) 推荐(1) 编辑
摘要: Transitions功能使用方法 在css3中,transitions功能通过将元素的某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画功能,可通过transitions属性来使用transitions功能。 transitions属性的使用方法如下所示: transitions: 阅读全文
posted @ 2017-07-05 11:51 余子酱 阅读(544) 评论(0) 推荐(1) 编辑
摘要: transform功能 放缩 使用sacle方法实现文字或图像的放缩处理,在参数中指定缩放倍率,比如sacle(0.5)表示缩小50%,例子如下: 另外,可以分别指定元素水平方向的放大倍率与垂直方向的放大倍率,例子如下: 倾斜 使用skew方法来实现文字或图像的倾斜处理,在参数中分别指定水平方向上的 阅读全文
posted @ 2017-07-04 11:45 余子酱 阅读(773) 评论(0) 推荐(1) 编辑
摘要: 在border-radius属性中指定两个半径 在border-radius属性中,可以指定两个半径,指定方法如下所示: 针对这种情况,各种浏览器的处理方式并不一致,在chrome浏览器与safari浏览器中,会绘制出一个椭圆形边框,第一个半径为椭圆的水平方向半径,第二个半径为椭圆的垂直方向半径,在 阅读全文
posted @ 2017-07-03 15:45 余子酱 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 新增属性: background-clip:指定背景的显示范围 background-origin:指定绘制背景图像时的起点 background-size:指定背景中图像的尺寸 background-break:指定内联元素的背景图像进行平铺时的循环方式 background-clip属性 在HT 阅读全文
posted @ 2017-06-30 14:00 余子酱 阅读(370) 评论(0) 推荐(0) 编辑
摘要: text-overflow属性 当通过把overflow属性的属性值设定为”hidden”的方法,将盒中容纳不下的内容隐藏起来时,如果使用text-overflow属性,可以在盒的末尾显示一个代表省略号”…”。但是,text-overflow属性只在当盒中的内容在水平方向上超出盒的容纳范围时有效。例 阅读全文
posted @ 2017-06-28 18:28 余子酱 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 盒的基本类型 在css中,使用display属性来定义盒的类型,总体上来说,css中的盒分为block类型与inline类型 inline-block类型 inline-block类型是在css2.1中追加的一个盒类型,属于block类型的一种,但是显示时它具有inline类型盒的特点,例子: 使用 阅读全文
posted @ 2017-06-22 17:36 余子酱 阅读(274) 评论(0) 推荐(0) 编辑