今天来分享一些原生的CSS或者是CSS+JS的实际例子，这些例子比较的简单，但是都是实际开发之中可能遇到的。相信还是会对部分童鞋有所帮助~ 时间轴算是很常见效果，我们可以通过CSS的相对定位和绝对定位来实现，在开发的时候我们可以根据实际情况来调整各个属性的值，以满足需求。 对于…

下面总结了一些常用又有趣的css技巧，希望大家收藏，以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -…

然后..........然后 我就想实现一下这个效果， 然后...... 然后就是 到现在我也莫得游戏玩

写个消息框容易太容易了，网上一搜就一大堆教程。直接拷贝粘贴到自己项目就可以啦。大多是用::after或者::before实现三角形，绝对定位移动到边上成为消息框的角角。 似乎常用的消息框写法这种操作是实现不了的。 用常用的方式实现的消息框，想要改成透明背景，似乎不太可能。 因为…

移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2倍屏，3倍屏之分，作为精益求精的前端，我们希望找到一种完美适配各种机型的方案。rem是现在主流的移动端自适应布局方案，本文主要介绍了rem布局的原理和通用方案 首先说一下，我们想要达到的自适应效果…

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 router-view 是一个组件，如果直接被包在 keep-alive 里面，所有路径匹配到的视图组件都会被缓存。