引入 <script src="js/rem.js"></script> 引入rem.js后 样式添加 body{ /*width: 100%; height: 100%;*/ background-color: #F6F6F6; font-size: 0.5rem; text-align: cen ...
转载
2021-09-11 15:34:00
203阅读
2评论
JS 实现 Promise===============MDN Promise 参考地址： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise
github源码地址：https://github.com/ronliruonan/sv-boo
转载
2024-04-24 06:46:15
25阅读
rem能等比例适配所有屏幕 上面讲了一大堆目前大部分公司主流的一些web app的适配解决方案，接下来讲下rem是如何工作的。 上面说过rem是通过根元素进行适配的，网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。举个例子：html{ font-size:20px; } .btn { width: 6rem; height: 3rem; lin
转载
2024-04-24 08:52:24
121阅读
原文链接：http://caibaojian.com/simple-flexible.html//code from http://caibaojian.com/simple-flexible.html<style id="rootFontSize">html{font-size: 100px !important;}</styl
转载
2017-11-20 10:54:20
1003阅读
!function(n){ var e=n.document, t=e.documentElement, i=720, d=i/100, o="orientationchange"in n?"orientationchange":"resize", a=function(){ var n=t.cli
转载
2020-12-07 14:54:00
134阅读
2评论
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阅读
vue.js开发移动端项目时，使用rem布局做页面自适应
原创
2018-01-04 16:48:14
10000+阅读
文章目录Node.js 简介Node.js 各平台安装配置WindowsLinuxMac OSnode小试牛刀文件操作网络操作 Node.js 简介Node.js 就是运行在服务端的 JavaScript的解析器，是一个基于ChromeV8引擎的JavaScript 运行平台。运行在浏览器中的JS的用途是操作DOM，浏览器就提供了document之类的内置对象。运行在NodeJS提供了fs、ht
转载
2024-09-02 12:59:34
66阅读
引入require.js，可以解决的问题：（1）实现js文件的异步加载，避免网页失去响应；（2）管理模板之间的依赖性，便于代码的编写和维护。 它的模块管理遵循AMD规范（Asynchronous Module Definition - 异步加载模块规范）；所谓AMD规范，就是为了解决模块化编程带来的代码加载先后顺序问题，以及常规为解决该阻塞问题方式带来的各种附加问题。核心是通过define方
为什么要使用rem之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。Px是相对固定单位，字号大小直接被定死，所以用户无法根据自己设置的浏览器字号而缩放，em和rem虽然都是相对单位，但em是相对于
1：解释器/编译器 我们需要格外注意的是：.class->机器码(一串二进制) ，这一步 JVM 类加载器首先加载字节码文件，然后通过解释器逐行解释执行(慢)+JIT运行时编译，下次可以直接使用(快)。所以机器码的运行效率肯定是高于 Java 解释器的。这也解释了我们为什么经常会说【Java 是编译与解释共存的语言】 。
解释器:程序需要迅速启动和执行时立即开始工作，默认选择的方式，一行一
arr.reduce(callback,[initialValue])reduce是js数组的常用方法之一，我们叫它累加函数，一般我们经常使用它来进行数组的求和：let data = [1,2,3,4,5];
let sum = data.reduce((prev, next)=>prev+next)
console.log(sum)//15但是它的用途只是这样的么？那显然不是的。。。下边我
转载
2024-07-05 14:39:54
34阅读
以为最近工作用git 比较多。
学习一下repo 和git的用法能增快效率和代码管理。1. 下载 repo 的地址: http://android.git.kernel.org/repo ，可以用 wget http://android.git.kernel.org/repo 或者 curlhttp://android.git.kernel.org/r
转载
2024-04-03 19:51:32
43阅读
声音有高低频率之分，声音经过分频率后低音由低音泡播放出来，频率越低那它的波长就越长，共鸣箱是声音波长的1/4的整数倍，所以体积会比高音音箱大。光有个高音的音响虽然也行，但是听起来没那么悦耳，比较生硬低音炮是什么意思低音炮，俗称超低低音音箱，是专门用来放松低音的音箱设备。一般而言，我们把音频分为超重低音、低音、低中音、中音、中高音、高音、超高音等。超重低音是指 重放频率下限在20Hz以上的低音。在重
浏览器的默认字体高是16px。兼容性：目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。对于不支持的浏览器，要多写一个绝对单位的声明，这样浏览器就会忽略用rem设定的字体大小。%css中的body先全局声明font-size=62.5%，%的算法和rem一样。因为16px=100%，1px=6.25%，所以10px=62.5%。1rem=10px，所
转载
2024-03-07 13:11:01
201阅读
移动端布局长度单位转换一、场景描述二、实现方式1.安装2.配置3.其他配置三、多规则配置 一、场景描述一般我们做移动端网页开发时，设计稿一般都是固定的宽高的（比如750*1334）。但是实际上手机的屏幕大小千奇百怪，各种各样都有。这就要求我们开发人员很好的去处理兼容性问题。一般做长度兼容有两种方式，一种是使用rem，一种是使用vw、vh。这里就说一下将px转换为vw、vh。二、实现方式众所周知，
转载
2024-10-03 15:28:40
68阅读
rem是CSS3中新增加的一个单位值，他和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。Rem的使用前面说了em是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次
下面的代码一是我根据rem的使用经验，自己写的一个rem.js，发现很好用，能适用所有移动端h5页面的自适应需求： 代码一： 下面的代码二，是我在小米网上看到的移动端h5页面自适应代码，效果跟我的一样，也可以使用： 代码二： 小米官网的写法 看这两个函数，把这些代码放到js里面，规则就是，调用函数，
转载
2018-11-07 12:22:00
111阅读
2评论
使用rem是为了界面响应不同尺寸的手机，引入下面的方法就可以使用rem了。 使用这个方法的代码：
原创
2022-05-12 17:26:29
679阅读
前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项目。postcss-pxtorem：转换px为rem的插件。自动设置根节点html
