从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

性能高，灵活。 效果就是 html 文件部署在自己服务器上，第三方资源就加载第三方的，其他的从七牛或阿里cdn上加载，充分的利用了浏览器缓存。下一次再创建项目的时候在 project 下创建个文件夹，马上就可以用。 遂推荐一波，希望能帮助到有需要的小伙伴。 可以创建多个单独项目…

不得不承认 Vue 的css解决方式非常自然简洁，相比之下 css 一直是 React 的痛。 从旧宠 css modules 到 JSS 的各种衍生，到新宠 styled-components。几十种的解决方式，上百篇的教程和比较，已经说明了一切。大家一直在寻找最好的最适合自…

number-flip: Change number with flipping animation.

#1-什么是外边距margin重叠1. 什么是外边距(margin)重叠 外边距重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 #2-相邻marign重叠的问题2. 相邻marign重叠的问题 没有正值，…

转载自不定期更新的CSS奇淫技巧一、CSS写自适应大小的正方形代码：效果图：原理：元素的padding的百分比数值是根据当前元素的宽度来计算的padding只能取top或者bottom，自适应正方形其

消除switch语句以获得更好的代码结构代码演化1：纯switch用三元运算符代替更换action.type===，用对象本身的方法柯里化增加是否为函数检测switch应用--星期天转换参考链接---

应用场景是公司的一个每日推荐专题需要加入日历功能，点击日历可以跳转到当日的推荐。 日历实现的核心是利用js的Date对象（项目代码环境是依赖在vue当中）。 我们首先考虑我们日历的第一页，当前月。 值得一提的是我们的日期数据，因为这里涉及到2个变量，第一个是每个月份的天数是不一…