CSS浮动会对原本的布局产生破坏，所以我们会考虑清除浮动产生的影响，本文不谈浮动以及各种清除浮动的方法，只讨论clearfix类和clear清除浮动。在网页设计中，很常见的一种情况是给内容一个div作为包裹容器，而这个包裹容器不设置高度，而是让里面的内容撑开包裹容器的高度。<div　class="wrapper" ><div class="content"></div></

项目中用到可下拉选择可输入框，于是自然想到element-ui的select组件。当select组件的下拉选项不满足要求时用户可以输入自己需要的选项。那么问题来了。在某种特殊的情况下，输入的文本过长，而select组件的宽度是固定的（从页面美观的角度基本不允许文本框宽度自适应），这样输入的文本会溢出select组件。接下来我们分两步来解决这个问题。1）CSS控制宽度,给输入项一个固定的宽度...

技术栈vuevuexvue-router（子路由）需求分析1）歌手列表点击歌手会跳转到下级页面歌手详情页，歌手详情页由四个部分组成歌手图片返回按钮：点击返回歌手tab页随机播放按钮歌手歌曲滚动2）歌曲栏向上滚动到顶部时，图片和播放按钮随之隐藏，保留歌手名和返回按钮3）歌曲栏向下拖动时，歌手图片的高度作出无缝增高新的组件singer-detail.vuemusic-list.v

学过Vue的都知道Vue等MVVM框架相对于传统的JS库比如Jquery最大的区别在于数据驱动视图，重点在于数据，拿到数据后将数据通过模板{{}}语法或者v-html展示在页面上。我们也都知道在Vue父子组件可以通过Props实现父组件传递到子组件。在项目开发中，我们会遇到这种需求，页面初始化时，父组件通过接口拿到需要数据，然后拿到的数据通过props传递给子组件。在子组件会有些业务上的操作来..

在vue中使用v-if来销毁组件近期项目中接手了一个同事用vue写的组件,说下项目的特点各种技术栈混合：jQuery, require.js, jquery, rivets.js最近的需求使用的框架是vue替代了之前的rivets.js数据渲染模板非模块化开发，使用es6模板字符串来写vue组件，一个js文件为一个vue组件项目主要做的工作是拿到后台数据渲染到页面上，对于动画等特效...