阅读本文您将了解到：什么是 monorepo、为什么要 monorepo、如何实践 monorepo。项目管理模式Monorepo 这个词您可能不是首次听说，在当下大型前端项目中基于 monorepo 的解决方案已经深入人心，无论是比如 Google、Facebook，社区内部知名的开源项目 Babel、Vue-next ，还是集团中 rax-components 等等，都使用了 monorepo
Rem 命令注释命令，相当于C语言中的/*--------*/，它不会被显示和执行，
原创
2023-04-14 20:05:21
96阅读
em，rem，vw和他的兄弟，% 弹性布局
移动端弹性布局中，字号单位、以及包裹文字的元素宽高单位，到底是用em，rem还是vw？先说vw和他的兄弟，vh，vmin，vmax。1vw ＝ 1/100th viewport width相对于视口的宽度。视口被均分为100单位的vw。简单来说，如果可视区宽度为300px，高度为200px，那么1vw = 3p
转载
2024-04-16 07:05:59
184阅读
vw/vh rem px 三者的转换（快速入门移动端页面编写）1：三种单位的转换2：如何适配移动端的不同设备前提知识：
手机端的长宽是实际设计过程中的两倍比如手机端是 750 * 1200那么具体实现的时候应该是 375px * 600px好，记住这个结论，当有一张设计图摆在你面前的时候，你只需要将它长宽除以二，就没问题了。这样说不知道有没有讲明白，没有的话请留言。三种单位的转换vw / v
转载
2024-05-21 14:58:50
82阅读
em的特点 1.em的值并不是固定的 2.em会继承父级元素的字体大小 rem的特点 rem是相对于根元素的大小的 、
原创
2022-07-13 11:15:48
50阅读
rem是基于html元素的字体大小来决定，而em则根据使用它的元素的大小决定。注意：很多人错误以为em是根据父类元素，实际上是使用它的元素继承了父类元素的属性才会产生的错觉。 主要区别em 和 rem 单位之间的区别是浏览器根据谁来转化成px值 理解这种差异是决定何时使用哪个单元的关键。 rem单位如何转换为像素值当使用 rem 单位，他们转化为像素大小取决于页根元素的字体大小
转载
2024-04-01 10:10:19
39阅读
对于当前快速迭代和快速试水的互联网时代，规规矩矩地开发原生的APP略微显得有点迟缓笨重，而H5的低成本、高效率、跨平台、不用升级等众多特性，显得异常珍贵，于是也成就了一种新的快速开发模式：Hybrid APP。 本人也是刚接触前端开发不久，前端开发涉及到的知识点还是比较零碎，尤其是对初涉前端的同学而言，可能会有点迷茫不知道如何入手，本文章根据自己的学习过程，梳理一下前端开发入门所需要积累的知识结
em和rem对font-size使用rem当浏览器解析HTML文档时，创建了一个用来代表页面元素的集合，叫做DOM（文档对象模型，Document Object Model）。树状结构，每一个节点代表一个元素。<html>就是顶层节点（根节点），在下面的是它的子节点<head>和<body>，再往下就是它们的子节点，还有后代节点，如此类推。根节点是文档里所有其他
Web前端布局布局的概念什么是布局布局的作用布局的方式一、浮动布局二、定位布局static 定位fixed 定位relative 定位absolute 定位sticky 定位堆叠顺序三、静态布局四、流式布局五、弹性布局六、自适应布局七、响应式布局布局应用 布局的概念什么是布局布局是前端人员的核心基础技能。目的是对所做的页面模块及内容进行科学合理的组织和呈现。因此布局的好坏就直接影响到之后工作的进
SEO（Search Engine Optimization），就是传说中的搜索引擎优化，是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单，但操作起来复杂的技术，只可意会，不可言传。作为一名前端工程师，不需要精通SEO，但必须要了解它。SEO有一条不变的准则就是它永远都在变，因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基
为什么手机会莫名其妙的掉进卫生间里,水里,别问为什么,应该说是各种地方,没有她们做不到的,只有你想不到的鉴于这种情况的频繁发生,特别间断的写了这个教程,告诉大家应该怎么办第一步一.掉进脏水里这个很常见与做家务的时候,神不知鬼不觉的手机就进了桶里,这个时候,你需要找到一盆清水,然后将手机放入盆中,不需要加入其它洗涤用品,因为只是简单的脏水,只要反复冲洗就可以了二.掉进马桶中这个时候 你一定要想清楚,
先来说说为什么要自动化。凡是要考虑到自动化时，你所做的工作必然是存在很多重复乏味的劳作，很有必要通过程序来完成这些任务。这样一来就可以解放生产力，将更多的精力和时间投入到更多有意义的事情上。随着前端开发不再是简单的作坊式作业，而成为一个复杂的工程时，还涉及到性能优化一系列工作等等，这时自动化已然是迫切的需求。 早期的网站开发 在还没有前端工程师这种分工如此明确的岗位时，大家所理解的前端工作无非就
转载
2024-10-31 06:46:00
26阅读
前端适配是指确保Web应用或网站在不同设备、屏幕尺寸、分辨率、浏览器以及操作系统上都能提供良好的用户体验。因为用户可能通过各种设备访问你的网站，包括桌面电脑、平板、手机，甚至是智能手表和电视。以下是进行前端适配时应考虑的关键策略和技术：1. 百分比布局 - ?在编写样式时，尽量使用 百分比单位 来设置元素的宽度 (width)，而非固定像素值。这样一来，元素就能随着容器的大小自动调整，实现响应式设
前端在开发应用的是偶难免需要考虑不同分辨率的容器，本文主要介绍 - - rem来实现响应式布局1、rem的介绍： 首先来看，什么是rem单位。rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（HTML元素）的font-size。默认情况下，html元素的font-size为16px，所以：1 rem = 16px为了计算
前言：刷题过程中遇到要求把 数字按照千分位分隔，然后返回字符串，其实在前端开发中经常会遇到这样的一种需求,使用Javascript格式化数字进行输出，本文使用 ES6 的新增方法 replaceAll（）来实现这个需求 ，题目描述如下 replaceAll()方法replaceAll（）方法 是 replace（）方法的改进版 ，字符串的实例方法 replace()只能替换第一
转载
2024-05-31 14:56:58
50阅读
px、em、rem区别介绍PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前
px：绝对单位，页面按精确像素展示。
em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。
通过它既可以做到只修
原创
2022-11-07 11:35:46
87阅读
在css中单位长度用的最多的是px、em、rem，这三个的区别是：1、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。2、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。3、em是相对于其父元素来设置字体大小的，一般都是以<body>的“font-size”为基准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父
1.为什么使用rem 布局 百分比布局和flex布局都没有解决两个问题页面中的文字不能随着屏幕变化而变化 百分比布局和flex布局主要针对宽度布局，高度一致被忽视采用 rem 布局，可以让屏幕发生变化时，元素的高度和宽度以及文字大小等能够等比例缩放其实rem布局的本质是等比缩放，一般是基于宽度 REM(只是相对于根元素 HTML) &nb
转载
2024-10-17 09:28:27
59阅读
目录一、行内块级水平垂直居中方案。二、定位实现水平垂直居中方案（一）三、定位实现水平垂直居中方案（二）四、定位实现水平垂直居中方案（三）五、定位实现水平垂直居中方案（四）六、flex方案七、Grid方案八、两列布局法1、float+calc（）完成左列定宽，右列自适应2、float+margin-left 完成左列定宽，右列自适应3、position: absolute;+
转载
2024-09-30 12:59:02
134阅读
