React 16之后有三个生命周期被废弃(但并未删除)componentWillMountcomponentWillReceivePropscomponentWillUpdate 官方计划在17版本完全删除这三个函数，只保留UNSAVE_前缀的三个函数，目的是为了向下兼容，但是对于开发者而言应该尽量避免使用他们，而是使用新增的生命周期函数替代它们。 目前React 16.8 +
ReactReact 介绍 React 是一个用于构建用户界面的渐进式 JavaScript 库本身只处理 UI不关系路由不处理 ajaxReact主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。数据驱动视图React 由 Facebook 开发第一个真生意义上把组件化思想待到前端开发领域angular 早期没有组件化思想后来也被 Vue 学习借鉴了React 起
转载
2024-10-09 11:42:49
51阅读
SVG介绍概念Scalable Vector Graphics，（si 干 了able v k t gua fan ke s ）SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形，描述 2D 图形的语言SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与
一、什么是rem?rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个
相对单位。em是什么呢？em（font size of the element）是指相对于父元素的字体大小的单位。二、rem如何进行适配呢？rem是通过根元素进行适配的，网页中的根元素指的是html我们通过设置html的字体大小就可以控制
rem的大小
转载
2024-04-22 11:25:47
25阅读
react使用1.React概述1.1 什么是React？1.2 React特点2.React的基本使用2.1 React的安装2.2 React的使用3.React脚手架的使用3.1 使用React脚手架初始化项目3.2 在脚手架中使用React3.3 JSX的基本使用3.4 组件3.5 React事件处理3.6 组件中state和setState3.7 表单处理4.组件通讯4.1 组件的pr
转载
2024-07-22 14:46:35
41阅读
前言 学习总结使用，文章中如有错误的地方，请指正。该系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。 github地址：https://github.com/huangtao5921/react-antDesgin-admin （欢
转载
2024-05-08 21:38:10
22阅读
1、介绍React中文官网：https://react.docschina.org。React是用于构建用户界面的JS库，起源于Facebook的内部项目，该公司对市场上所有JS MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站，于2013年5月开源。React主要用于构建UI，只关注视图层。2、为什么使用React优点声明式设计：React采用声明范式（语法十分接近HTML
转载
2024-05-12 17:45:02
31阅读
引入 <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评论
CSS3的REM设置字体大小支持的浏览器还是蛮多的，比如：Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+。只是可怜的IE6-8无法html { font-size: 87.5%;}@media screen and (min-width: 600px) { #page { max-width: 625px; max-width: 44.642857142rem; margin: 0 auto; }}
转载
2013-11-11 11:25:00
194阅读
2评论
一、React Hook1.要解决什么问题?1.可以在函数组件中使用状态2.可以复用组件状态及相关的变更逻辑。因为class组件的状态变更是分散在各个生命周期中的，又或者是通过高阶组件以props传进来的，当被多个高阶组件包装时，难以区分props的来源。应hooks的典型场景：很多页面都会用到表格，这些表格的数据都来自于服务端，加载数据时界面会出菊花，数据加载完了，隐藏菊花。这种公共逻辑就特别适
转载
2024-04-13 20:56:13
41阅读
前言：在js的中频繁的dom操作会极大的降低脚本运行的速率，react 的诞生就是为了减少dom的操作，用虚拟dom来代替，从而增加网页加载的速度前置工作： 1.ES6语法 2.babel教程 3.webpack脚手架搭建 4.react,reflux的学习 ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在201
一.React概述1.什么是React React是一个用于构建用户界面的JavaScript库。用户界面:HTML页面(前端) React主要用来写HTML页面，或构建Web应用 如果从MVC的角度来看，React仅仅是视图层(V)，也就是只负责视图的渲染，而并非提供了完整的M和C的功能。 React起源于Facebook的内部项目，后又用来架设Instagram的网站，并于2013年
转载
2024-07-06 12:58:37
78阅读
一、使用react-app-rewired包修改react配置1、安装基础的包npm install react-app-rewired customize-cra -D2、在项目的根目录下创建一个config-overrides.js文件const { override } = require('customize-cra');module.exports = {};3、安装样式转换的包npm install less -D4、安装postcss-pxtorem包n
原创
2021-06-15 15:55:21
1442阅读
什么是 rem 单位？
原创
2021-07-23 11:48:16
10000+阅读
分析网易新闻手机web端，http://3g.163.com/,发现里面大量使用了rem这个单位进行计算大小。 针对rem这个单位有如下解析： px：像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常
转载
2016-12-17 10:48:00
84阅读
2评论
Rem现如今移动端的尺寸大小多种导致也页面不能在各种屏幕上适配，许多网站之前主要采取（1）采用的流式布局：通过百分比来定义宽度来实现，但是高度大都是用px来固定住。这就导致大屏幕的手机页面上宽度被拉的很长，高度很短。（2）固定宽度做法：早期有些网站把页面设置成320的宽度，超出部分留白。大屏幕手机下留白会特别多，看起来页面会特别小，操作的按钮也很小。（3）响应式做法：这种做法虽然能展现很好的效果，
em和rem都是网页排版的相对单位 一、rem的特点1、rem的大小是根据html根目录下的字体大小进行计算的。2、当我们改变根目录下的字体大小的时候，下面字体都改变。3、rem不仅可以设置字体的大小，也可以设置元素宽、高等属性。二、em的特点1、字体大小是根据父元素字体大小设置的2、em的大小是根据父元素的大小变化的，如果父元素没有的话，会向上追溯。下面主要是使用一段js代码，实现re
在这周做一个基于移动端的页面中用到了单位rem，因此在这里总结自己在使用中的一些新的体会，有不准确之处还望指正。谈到单位rem不得不先来谈一谈px和em这两个经典的单位。px像素，可以说是最经典的文本计量单位了，相信大家在刚刚接触前端技术时大部分时候使用的都是它，它就相当于对文本或元素设定了比较固定和精确的大小值，使用它更方便于我们精确的设定每一个元素的大小，无需经过额外的换算，到手即用，很符合“
一、前言
转载
2024-07-02 07:34:18
82阅读
开头作者：Peter，React中的一个re-render问题，相信很多人都遇到过。接下来给大家具体讲讲这个问题re-render？首先使用我的脚手架npm i ykj-cli -g
ykj init App
cd ./app
yarn
yarn dev这样一个webpack5、TS、React项目就搭建好了 我们目前只有一个APP组件，内部代码：import Myy from './myy
转载
2024-03-07 12:38:38
77阅读
