一.Number类型与其他数据类型计算- - 加减乘除计算1.Number类型与String类型运算:结论:除了加号(+)是连接运算,其余为数值与数值之间的运算console.log(5-"0"); // 5
console.log(5+"0"); // 连接操作 50
console.log(5*"0"); // 0
console.log(5/"
转载
2023-10-14 02:45:39
81阅读
# JavaScript 计算 REM 弹性布局
在现代网页设计中，响应式布局（Responsive Design）是实现优雅用户体验的关键手段之一。弹性布局中的 `rem` 单位是一种相对单位，它为我们提供了更好的可扩展性和灵活性。本文将深入探讨如何使用 JavaScript 计算 `rem` 单位，进而实现灵活的弹性布局。
## 什么是 REM 单位？
`rem` 单位指的是根元素（``
((win,doc){ const docEl = document.documentElement, calc = function(){ let clientWidth = docEl.clientWidth if(clientWidth>=750){ docEl.style.fontSize = '100px' }else{
原创
2022-01-25 11:15:41
127阅读
((win,doc){ const docEl = document.documentElement, calc = function(){ let clientWidth = docEl.clientWidth if(clientWidth>=750){ docEl.style.fontSize = '100px' }else{ docEl.style.fontSize = 100 * clientWidth / 750 + 'px' } } window.ad
原创
2021-07-13 09:20:27
165阅读
一. 基础 1. css的引入：<link rel="stylesheet" href="">link标签中，rel属性代表relation，href是hypertext reference，即超文本引用。另外，type属性总是会隐式声明为text/css，但这并不是一个绝对安全的做法。最后一个值得说的属性是media，它的3个被广泛支持的
转载
2024-10-18 20:41:39
53阅读
rem 量图计算公式：获取比值：设备尺寸/设计图尺寸 例如：设备宽度尺寸为 375px 、设计图尺寸为750px，计算获得比值为0.5，量得设计图上某个图片元素宽度为 100px，实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。故：设置html 下font-size 默认值为 0.5px，为了计算方便一般会以100倍计算，也就是50px，
转载
2023-06-08 13:05:43
473阅读
一，弹性布局弹性布局，又称“Flex布局”，是W3C在2009年提出的方案。 主要解决某个元素中内部子元素的布局方式，为布局提供的非常大的灵活性和操控性。任何一个容器都可以指定为flex布局，包括行内布局。如果是webkit内核，必须加-webkit- 前缀二，基础概念容器： 需要添加弹性布局的父元素； 当一个元素设置了display:flex 这个元素内部的子元素就按照弹性布局方式排列 这个元素
转载
2023-10-15 23:02:08
106阅读
# JavaScript 设置 rem 的科普文章
随着移动设备的普及，响应式设计逐渐成为前端开发的重要趋势。在此背景下，`rem`（root em）单位因其灵活性和可扩展性备受开发者青睐。那么，如何在 JavaScript 中设置 `rem` 单位呢？本文将为您详细讲解。
## 什么是 rem？
`rem` 是一种相对单位，它是相对于根元素（通常是 `` 标签）的字体大小来计算的。通过使用
原创
2024-08-27 04:01:31
117阅读
javascript原生一直没有提供删除功能,于是自己写了几个remove方法，主要是要注意遍历数组时使用splice方法是会在遍历没完成时就会改变数组对象的length长度，最简单方法是从数组尾部开始遍历，用递减来循环，就像我这里LastRmove的注释部分，这种方法直观又不受长度动态变化 的影响，然后我想是不是也要像undescore一样加上前后顺序和匹配到第一个就返回这种功能，于是就作了些小
转载
2023-06-07 20:52:47
80阅读
在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px*6
Backspace 删除当前显示数字的最后一位 CE 清除显示数字 C 清除当前的计算 MC 清除内存中的所有数字 MR 重调用存内存中的数字。该数字保留在内存中 MS 将显示数字保存在内存中 M+ 将显示的数字与内存中已有的任何数字相加，但不显示这些数字的和 0 1 2 3 4 5 6 7 8 9 数字输入（可以点击，也可以从键盘上输入） +/- 改变显示数字的正负符号 . 插入小数点 / 除
转载
2024-07-08 20:50:10
70阅读
rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似
转载
2024-04-21 15:37:27
114阅读
此文代码，皆为转发，尚未测过rem是相对于根元素<html>，所以只需要在根元素确定一个px字号，就可以算出元素的宽高假设rem的html font-size用16px。750px的设计图以375px量长宽，例如设计图里有元素宽度是100px，那么得到宽度会是 100px/2/16px = 3.125rem。 假如用的是rem单位，动态计算font-size值。计算
转载
2024-07-22 16:32:55
42阅读
Web前端人员必须掌握什么？CSS使用技巧有哪些？无论你是Web前端新手还是资深前端开发工程师，都必须要掌握CSS知识。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。接下来千锋小编就给大家分享几个使你的CSS更加简洁优雅的使用技巧。 1、position:fixed降级问题 不知道曾经的你是不是遇到吸顶效果，使用position:
px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的em：相对单位，继承父节点（层层继承，传递）基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，相对长度单位。r’是“root”的缩写，相对于根元素<html>的字体大小, 可理解为”root em”, 相对根节点htm
1.什么叫REM rem（font size of the root element）是指相对于根元素（html标签）的字体大小的单位。 2.REM有什么用？ 现在我们在制作网页的时候，用PX单位+百分比。在到放大和缩放，会看到样式混乱，部分换行错误等问题。这样制作的网页只能
转载
2024-08-17 23:13:29
80阅读
前言这段时间的小项目中算是真正意义上使用了rem来进行移动端的页面布局，项目结束了我反思了一下之前的对于rem的使用...原来我以前对rem用法完全是在搞笑啊！！结合这次这个小项目，我觉得我也有必要对rem布局以及用法进行一次总结。ps.文笔可能不太好...1.什么是rem来自于鹅厂ISUX团队的解释如下： rem（font size of the 
转载
2024-04-13 13:19:00
129阅读
px\em\rem三者介绍pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。因此，为了换算方便，通常我们会在HTML的根元素设置：ht
转载
2024-05-31 23:27:02
47阅读
一、前言 我们在编写网页时，往往需要兼顾网页在不同屏宽情况下的显示 而有时为了省事，没时间写新的页面，也为了兼容考虑，这就需要使用等比压缩了 等比压缩的核心是rem 二、正文（一）、rem的使用 rem是css3中新增加的一个单位属性(font size of the root element) 相对长度单位。相对于根元素(即html元素)font-s
排序js本身数组的sort方法，可以满足日常很多需求。基本会写快速排序就够了基本排序算法基本排序的思想都很类似，基本都是一组嵌套的for循环，外循环便利数组的每一项，内循环用于比较 1.冒泡排序冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。 它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果顺序（如从大到小、首字母从Z到A）错误就把他们交换过来。 走
