该程序是旧版本！最新版本为20220213版：本程序所用的单片机型号为：STM32F103VE或STM32F407VE 复位引脚（PDN）应连接到STM32F1的PA2引脚或STM32F4的PD14引脚。不连接PDN引脚将导致固件无法下载！如果模块上有PDN和RESET两个引脚，只需要连接PDN引脚。因为模块上的RESET引脚是悬空的，根本就没有连到芯片上 晶振用的是8MHz，请注意检查自己的开发
代码： (function(baseFontSize, designWidth) { document.documentElement.style.fontSize = (document.documentElement.clientWidth * baseFontSize) / designWid ...
转载
2021-08-19 11:14:00
216阅读
2评论
document.documentElement.style.fontSize = innerWidth /16 +'px' window.onresize = function(){ document.documentElement.style.fontSize = innerWidth /16 +'px' } document.getElementsByTagN
原创
2022-03-28 16:26:51
121阅读
rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似
转载
2024-04-21 15:37:27
114阅读
document.documentElement.style.fontSize = innerWidth /16 +'px' window.onresize = function(){ document.documentElement.style.fontSize = innerWidth /16 +'px' } document.getElementsByTagN
原创
2021-06-30 11:58:19
470阅读
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值下面我们分别将这两个工具配置到项目中完成 REM 适配。一、使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小）1、安装 # yarn a
转载
2024-05-20 12:33:33
405阅读
0X00 历史之日2018年1月3日，Google Project Zero（GPZ）团队安全研究员Jann Horn在其团队博客[1]中爆出CPU芯片的两组漏洞，分别是Meltdown与Spectre。Meltdown对应CVE-2017-5754（乱序执行缓存污染），Spectre对应CVE-2017-5753（边界检查绕过）与CVE-2017-5715（分支目标注入）。看CVE编号就能知道
物理分辨率和逻辑分辨率视口视口（viewport）就是浏览器显示页面内容的屏幕区域。perspective 是透视，可以让电脑模拟 3d效果， 实现近大远小的效果。transform-style 立体呈现 可以让 子元素 里面按照设置位移，旋转，缩放，扭曲等。如果不给父元素这个属性，这里面所有的子盒子都是平面的。移动端特点PC端/移动端不同PC端屏幕大，网页固定版心端浏览器繁多，更多考
手机GUI自动化测试介绍摘要众所周知，自动化测试可以一定程度上减轻测试人员负担，提高测试效率，并且通过自动化还可以实现可靠性测试和性能测试。对于移动客户端测试而言，如果我们能够让手机自动运行应用程序来帮助我们检测功能的正确性，会不会很酷？有道测试组对一些热门的手机自动化工具进行了调研，并选择了一些工具进行实际的使用。本文将会结合实际工作，对移动客户端（Android&iOS）GUI自动化的
11月2日下午，在2021年中国移动全球合作伙伴大会产业链创新及算力网络论坛上，中国移动研究院副院长段晓东就刚刚发布的《算力网络白皮书》进行了深度解读，系统诠释了中国移动算力网络的定义内涵、实施路径、定位及愿景。段晓东指出，算力网络是响应国家战略、顺应产业发展和推动公司转型的必然要求，为社会数智化发展和中国移动战略转型带来全新机遇。在第一部分，段晓东对中国移动算力网络定义内涵做了详细介绍。重点围绕
为什么要造轮子在 React 中使用表单有个明显的痛点，就是需要维护大量的value和onChange，比如一个简单的登录框：class App extends React.Component {
constructor(props) {
super(props);
this.state = {
username: "",
password: ""
一、rem 基础（一）rem 单位1、rem（root em）是一个相对单位，类似于em，em是父元素字体大小2、不同的是rem的基准是相对于html元素的字体大小3、比如，根元素（html）设置font-size=12px;非根元素设置width:2rem;则换成px表示就是24px二、媒体查询（一）什么是媒体查询1、媒体查询（Media Query）是CSS3新语法（1）使用 @media 查
$(function(){ var currClientWidth, fontValue,originWidth; //originWidth用来设置设计稿原型的屏幕宽度（这里是以 Iphone 6为原型的设计稿） originWidth=640; __resize(); //注册 resize事件 window.addEventListen...
转载
2016-07-29 11:05:00
257阅读
2评论
移动端适配rem的两种方法rem是根据你的根元素html的字体大小进行换算的，所以一切换算都要从font-size进行着手。方法一：用media方法就是根据你需要的几台设备来进行设置来进行适配。代码类似如下：html{
font-size: 100px;
}
/* ip6 */
@media screen and (min-width:375px) {
转载
2024-08-07 13:56:41
476阅读
<script> !function(n){//rem var e=n.document,//document t=e.documentElement,//body i=750,//设计稿宽度 d=i/100,//100px=1rem d:代表页面的总宽（rem）；750宽度时font-size为1 Read More
转载
2020-04-29 14:29:00
147阅读
2评论
8 个月前Mint UIGitHub：github.com/ElemeFE/mint项目主页：mint-ui.github.io/#Demo：elemefe.github.io/mint-文档：mint-ui.github.io/docs/#由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来，根据社区和团队内部的反馈，修复了一些 bug 并新增了
rem布局（等比缩放布局）rem布局 好处： 不同设备下看起来比较协调。 坏处： 显示的内容并不会在大屏幕展示的内容多。em : 是一个相对单位，1em等于当前元素或父元素的font-size值。
1em == 1个font-size的大小
rem : 是一个相对单位，1rem等于根元素的font-size值。
1rem == 1个根元素
转载
2024-07-06 05:23:23
44阅读
前言本文主要记录了rem屏幕适配，rem屏幕适配分为两篇，这一篇为简单版的rem屏幕适配，介绍了简单版的rem屏幕适配，及其原理以及存在的问题，下一篇介绍优化版的rem屏幕适配，它很好的解决了1像素边框问题。rem屏幕适配通过使用rem单位使网页，在不同屏幕尺寸下正常显示的一种移动端开发方案;rem是CSS3新增的一个相对长度单位，相对于根元素（html）的fontsize进行计算;简单屏幕适配方
原创
2022-09-21 23:09:12
140阅读
前言本文主要记录了rem屏幕适配，rem屏幕适配分为两篇，上一篇介绍了简单版的rem屏幕适配，及其原理以及存在的问题，本篇将介绍优化版的rem屏幕适配，以及如何解决了1像素边框问题。通用屏幕适配方案通用屏幕适配方案解决了简单屏幕适配方案的1像素边框问题。原理在不同dpr（设备像素比）下，动态设置<meta标签的scale（页面缩放），解决了1像素边框问题。代码实现html<!DOCTYPEhtml
原创
2022-09-22 23:23:27
131阅读
在移动端的时候需要使用到rem.js来进行不同分辨率的适配，使用步骤如下： 1、将rem.js引入项目文件目录，目录自己定，放哪都行； 2、在html页面将resm.js引入即可； 3、这里的1rem=10px，方便换算； 4、移动端建议使用flex布局； (function (doc, win) ...
转载
2021-08-23 09:25:00
189阅读
2评论
