最近在看《css揭秘》这本书，顺便总结一下个人觉得不错的地方，主要总结一些在开发当中比较常见的规则图案。

星级展示应该是个挺常见的需求，刚好项目中有碰到。所以分享一下实现的过程，方便以后复用 一、需求分析 先看个常见的星级展示 UI ​ ​ 分析组件需要的参数 ​ 属性 ** 含义** 默认值 类型 va

事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样

根据预设的配色方案，在前端实现动态切换系统主题颜色。 大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。 这里定义了一个ma…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 就拿我 小智 来说，如果有人对齐我的 KR 就放到我的右边，如果是我对齐了谁的 KR，就放到我的左边，类似一个上下级的关系，所以这里我用两棵树来表示左边与右边的关系。 整棵树应该有一个全局的状态，用来管理从外部…

但是，盒模型有标准盒模型和IE的盒模型。 很简单，通过设置 box-sizing:content-box(W3C)/border-box(IE)就可以达到自由切换的效果。 这种方法只能获取使用内联样式的元素的宽和高。 这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方…

请原谅我起了这么个浓浓营销号味道的标题。但这可丝毫没有夸大宣传，而是前端娱乐圈今日份的瓜—— 然后他自己也做错了（其中的某两道）。 Vue Core Team 的 @胖茶 40 分，可能说明带他的 mentor 不懂 Vue？不过他第二次做就拿了 90 分……这很赘婿逆袭啊。 …

一些开源的生产力工具能极大的提升我们的开发效率（我一直是这么认为的 🤠）。 今天推荐一些我一直在用的、比较香的工具给大家。其中包括一些文档、可视化工具、分析工具、代码片段、调试工具等。 Collect UI画廊是一个免费的在线资源，用于每日UI设计灵感。 目前，它有 6500…