守护同学

有没有经常遇到一些样式每次写都要用百度呢？我收集了一些我平时经常要用到的但又总是记不住的样式。有错误的地方欢迎指正。转载请注明出处。一、设置input的placeholder的字体样式设置input聚

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。…

这文章在一年前已经写出来了。今天还是决定放出来供所有人学习。为什么我会写vue组件通信全揭秘，因为无论任何组件模式的框架。组件是核心，只有把组件写组件之间能理顺了。项目也就自然顺了。内容非常多，而且一年后我觉得组件的通信部分的没有任何变化。没有任何一点过时。希望对大家有帮助 V…

那么如何达到这样的效果呢，我们可以分几步来循序渐进地完成。 业务组件的颗粒度最大可以为一个feature，一个feature就是一个可以独立上线特性，例如文章的评论点赞功能。我们可以想象有一个开关，打开就有这个feature，关闭就没有，且不会造成联动的影响。 Vue的组件基本…

Rem布局的原理解析

假设现在图上有个宽度100px的按钮，UI图是750px的图。 答案是我们应该写 100px / 2 = 50px。css里width = 50px; 就这样。 那为什么是100px除以2呢？？？因为iPhone的dpr = 2。 dpr的全称是window.devicePix…

我们可以用红蓝绿可以调配出任何颜色,我们常说的手机像素就是由许多红蓝绿组成的一个小块,1个小块表示1个像素. 上图,横向有7个小块 纵向有7个小块,表示7*7像素. 因为在尺寸没有改变的情况下.物理像素增加.因此css中的1px并不能等于设备的1个物理像素. 目前主流的做法是用…

前端开发中，移动端的开发可以说是举足轻重了，可是又面临着不同设备尺寸和分辨率的尴尬点。今天[2018-09-16]台风山竹登陆广东，来势汹汹，外出是不可能的了，那就宅着写写这篇小文章吧...原文请戳这里-谈谈rem单位 1. 使用CSS3媒体查询的方法 嗯，这种的样式的工作量超…

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