目录 1.效果展示 2.分步演示 商品详情页面 搜索页 购物车页 结算页面 1.效果展示 商品详情页 商品搜索页 购物车页 购物车详情页 结算页 2.分步演示 在实际开发前要对我们所需要做的整体页面和其中所需要的各个组件有一个整体构思，此项目一共有三个页面&…

首先create-react-app react-vw一顿简单操作生成个demo 1.cnpm run eject 暴露config文件，再cnpm run start报错， 解决：cnpm i babel/plugin-transform-react-jsx -S cnpm i babel/plugin-transform-react-jsx-self -S 说是 babel/plugin-tr…

目前市场上有多个专业做跨平台开发的框架，那么对开发者来说究竟哪一个框架更符合自己的需求呢？笔者特地总结对比了一下不同框架的特性。 国内外笔者选择了一共 5 个主流的测评对象，分别是 RN，Flutter，Ionic&#xff0…

适配原理 选择某个手机的尺寸大小作为基准，其他手机进行等比例缩放一般选择 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的舞台，在我还上学那会儿，“分班”的时候…