... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

最近做需求，遇到了个锚点定位的需求，实现起来也很简单，在这里记录一下。不想了解实现逻辑的掘友可以直接翻到最底部，查看全部代码，复制后可以直接使用。 最终实现效果： 实现思路 结合vue2中$slots

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

在常见的场景中，一张图片只能方形或者圆形展示，如果想要以不规则的通常都是通知 UI 小姐姐让她帮忙处理一下图片，然后直接用就好了； 但是小姐姐只会影响我敲代码的速度，等她处理图片我的代码都写好了。

一些好用的 SVG Path（路径）代码可视化编辑工具

最近刚接触前端开发，接手了一个移动端H5项目。着实体会掉了前端的坑之多，和H5移动端的坑之多多。 介绍方案之前，首先还是交代一下项目背景与需求，毕竟一切方案也不能脱离实际需求。 总的来说主流的方案有rem和vh两种。 rem（font size of the root elem…

nth-of-type 匹配指定的第N个出现的元素，同时要满足匹配的规则，且和标签类型有关。与nth-child不同的是，nth-chld匹配的是该层级中所有元素所在的位置，nth-of-type匹配的是相同类型标签出现的顺序。

图片环绕文字大家太熟悉了，这是初学css必须经历的效果之一。 但是你有没有想过让文字按照我们想要的方式进行环绕呢？ 我是渡一子辰老师，今天就来教大家实现这种奇妙的环绕方式。

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