适配原理 选择某个手机的尺寸大小作为基准，其他手机进行等比例缩放一般选择 iPhone 6（2倍屏幕），屏幕宽度为：375px 适配方式 rem：需要手动修改 html 元素的 font-size；额外设置 body 元素的字…

文章目录 一、项目起航：项目初始化与配置二、React 与 Hook 应用：实现项目列表三、TS 应用：JS神助攻 - 强类型四、JWT、用户认证与异步请求五、CSS 其实很简单 - 用 CSS-in-JS 添加样式六、用户体验优化 - 加载中和错误状态处理七、Hook&…

前言 对于初学react的人来说，学习react过程中有一点的难度，那react又是什么呢？react是用于构建用户界面的 JavaScript库，对于react来理解，组件化，数据驱动这两点。那什么又是组件呢，这个比较抽象，写React就是写组件。将一个界面分成若干个组件，组合包装成完整页面写每…

好久没有写博客，最近刚做完react 调用手机摄像头识别二维码的功能，做的过程中遇到了好多问题，也百度了很多方法结合实际情况最终实现了此功能。 在实现的过程中有很多都是在原声的HTML和JS里实现的，拿过来改改就行了。 首先安装…

这是张富涛的第14篇原创 跨端开发，flutter和react native如何选择 1. 传统方案的瓶颈 和 flutter及RN要解决的问题 五六年前智能手机开始逐渐普及大众，从此Android和IOS便成为移动端coder的舞台，在我还上学那会儿，“分班”的时候…

pc端适配 1.首先pc端适配所用的包 npm i postcss-pxtorem amfe-flexible 2.然后在config中找到 webpack.config.js 在 webpack.config.js 中添加以下代码 require("postcss-pxtorem")({rootValue: 192,//设置根元素的字体大小，此值将作为rem的基准。uni…

目录 1、简介 1.1、概念1.2、原生js痛点1.3、React特点 2、React初体验 2.1、html中使用react 2.1.1、创建虚拟dom的方式2.1.2、关于创建的虚拟dom 2.2、JSX语法 3、React面向组件编程 3.1、安装开发者工具（React Developer Tools ）3.2、组件的分类3…

文章目录 引子React Native适用场景工具前提React基础JSX组件的定义高阶组件(HOC)生命周期函数与组件渲染组件的缺省属性组件之间的通信基础APIFlex弹性布局例子: Flex布局实现多行多列和Web CSS上FlexBox的不同之处 常用UI组件React Hook主要的HookuseState用法useEffect典型用…