在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之

HTML+CSS实现的头像遮罩散开特效 在开发中我们经常会遇到一些奇奇怪怪的需求，比如头像的一些特效，比如我之前公司就有这个需求。 先看效果图 这个是不是看起来挺复杂，但其实写出来一点也不费劲，你把它

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 文字超出一般都是换行或者截断隐藏改成省略号，但是类似公告的文字提示必须完整的展示出来。这种一般会让文字滚动起来，以便用户看到完整的信息。本文

在开发小程序的时候，发现我们获取到的path不包括其中的参数，但是微信小程序是将参数作为query对象过来，这对于我们做路径二次跳转的时候及不方便，我们在取到query时将其转换为URL参数和path拼装起来就是一个完整的路径。 对于这样的地址，我们需要将其拼装起来，那么就需要…

如题，这是一篇关于浏览器的兼容问题及解决方案的文章，带你简单的了解浏览器、了解兼容问题，并提供一些关于 JS 兼容、CSS 兼容的介绍及解决方案！

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。 在像 C# 和 Java 这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型…

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…