- 在React SPA项目开发过程中，路由跳转必不可少。本篇博文主要介绍下React中路由相关知识。 在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。 安装 首先进入项目目录，使用npm安装react-router-dom： npm instal... 在React SPA项目开发过程中，路由跳转必不可少。本篇博文主要介绍下React中路由相关知识。 在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。 安装 首先进入项目目录，使用npm安装react-router-dom： npm instal...
- 写在前面的话：事务不多或者不紧急，故空闲时间用来充电，鉴于之前自己一直在做Vue开发，现在此基础上接触学习React。大致的学习思路参照Vue学习路线，边学习边总结边实践，形成学习闭环。 万事皆有法则，第一次应用React，首先需要环境搭建：Node.js（用于执行js）、npm（包管理器）。具体安装方法请参考博文《Vue进阶（一）：Vue学习资料汇总》中有关环境搭... 写在前面的话：事务不多或者不紧急，故空闲时间用来充电，鉴于之前自己一直在做Vue开发，现在此基础上接触学习React。大致的学习思路参照Vue学习路线，边学习边总结边实践，形成学习闭环。 万事皆有法则，第一次应用React，首先需要环境搭建：Node.js（用于执行js）、npm（包管理器）。具体安装方法请参考博文《Vue进阶（一）：Vue学习资料汇总》中有关环境搭...
- 在《React进阶（二）：构建第一个React应用》博文中，介绍了React开发环境搭建及建立第一个React应用。本篇博文继续探讨React项目中合理的文件结构。 初次创建React项目，一般选择使用脚手架工具cerate-react-app完成，使用该脚手架工具生成React项目一般存在以下问题： 生成项目后，脚手架为了“优雅”，隐藏了所有的webpack相关的... 在《React进阶（二）：构建第一个React应用》博文中，介绍了React开发环境搭建及建立第一个React应用。本篇博文继续探讨React项目中合理的文件结构。 初次创建React项目，一般选择使用脚手架工具cerate-react-app完成，使用该脚手架工具生成React项目一般存在以下问题： 生成项目后，脚手架为了“优雅”，隐藏了所有的webpack相关的...
- React调用顺序: index.html → index.js → components/组件 一般项目创建好后会有二个文件：index.html、index.js。 my-app文件夹下的public/index.html 和src/index.js的源码，可以在这里编写项目代码，但是注意 public/index.html 是启动http服务器的首页，src/... React调用顺序: index.html → index.js → components/组件 一般项目创建好后会有二个文件：index.html、index.js。 my-app文件夹下的public/index.html 和src/index.js的源码，可以在这里编写项目代码，但是注意 public/index.html 是启动http服务器的首页，src/...
- 在《React进阶（七）：props属性》博文中，主要讲解了props的应用场景及应用示例。本篇博文主要梳理state属性的应用场景及应用实例。 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 中只需更新组件的 state，然后根据新的 state 重新渲染用... 在《React进阶（七）：props属性》博文中，主要讲解了props的应用场景及应用示例。本篇博文主要梳理state属性的应用场景及应用实例。 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 中只需更新组件的 state，然后根据新的 state 重新渲染用...
- TL;DR 直接开箱即用的脚手架代码：https://github.com/zclhit/myScaffold 前言 最近在考虑重新搭建自己的项目开发脚手架，我给这套脚手架的定义的期望是：足够高的集成度与足够简洁，满足快速上手开发与快速产出的要求。考虑到这些期望，我选择了Spring Boot作为后端实现框架，而前端，作为2019年stack over flow ... TL;DR 直接开箱即用的脚手架代码：https://github.com/zclhit/myScaffold 前言 最近在考虑重新搭建自己的项目开发脚手架，我给这套脚手架的定义的期望是：足够高的集成度与足够简洁，满足快速上手开发与快速产出的要求。考虑到这些期望，我选择了Spring Boot作为后端实现框架，而前端，作为2019年stack over flow ...
- 目录 一、什么是React？ 二、React的安装方式 (1)静态HTML文件 (2)创建React应用 三、React开发人员工具 四、JSX：JavaScript + XML 五、组件 六、Props 七、state 八、提交表格数据 九、提取API数据 十、构建和部署React应用 一、什么... 目录 一、什么是React？ 二、React的安装方式 (1)静态HTML文件 (2)创建React应用 三、React开发人员工具 四、JSX：JavaScript + XML 五、组件 六、Props 七、state 八、提交表格数据 九、提取API数据 十、构建和部署React应用 一、什么...
- 1.前言2017悄然过去，2018已经来到，人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面做一个简单的总结和预测！2.PWAPWA(Progressive Web Apps)由谷歌提出，用前沿的技术开发，让网页使用如同App般的体验的一系列方案。明确的一点就是：PWA就是一个网页, 可以通过前沿的技术开发出一个网页应用。自从谷歌提出PWA后... 1.前言2017悄然过去，2018已经来到，人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面做一个简单的总结和预测！2.PWAPWA(Progressive Web Apps)由谷歌提出，用前沿的技术开发，让网页使用如同App般的体验的一系列方案。明确的一点就是：PWA就是一个网页, 可以通过前沿的技术开发出一个网页应用。自从谷歌提出PWA后...
- 一、前言需要在阿里云服务器部署Django-restframework框架，一开始不清楚情况，网上找了很多的文章和办法，东拼西凑也没有能够完全实现nginx和uwsgi的互通。参考过的文章有-视频：Nginx + uWsgi 部署 Django + Mezzanine 生产服务器-文章：uWSGI+django+nginx的工作原理流程与部署历程-文章：uwsgi官方文档-文章：Django... 一、前言需要在阿里云服务器部署Django-restframework框架，一开始不清楚情况，网上找了很多的文章和办法，东拼西凑也没有能够完全实现nginx和uwsgi的互通。参考过的文章有-视频：Nginx + uWsgi 部署 Django + Mezzanine 生产服务器-文章：uWSGI+django+nginx的工作原理流程与部署历程-文章：uwsgi官方文档-文章：Django...
- 本文主要对react-native 启动出错给出一些解决方案。 本文主要对react-native 启动出错给出一些解决方案。
- React Native作为时下最热门的跨平台开发方案，在这两年的移动跨平台方案中可谓一枝独秀，在很多的移动产品中都可以看到它们的影子，相比国内的Weex，RN的迭代更加频繁，性能上也无限的接近原生应用。不过，RN从性能上来说还是有提升的可能，所以，在今年的6月份，也即是Facebook刚刚发布了 React Native 0.56后，React工程经理 Sophie Alpert 在其官方... React Native作为时下最热门的跨平台开发方案，在这两年的移动跨平台方案中可谓一枝独秀，在很多的移动产品中都可以看到它们的影子，相比国内的Weex，RN的迭代更加频繁，性能上也无限的接近原生应用。不过，RN从性能上来说还是有提升的可能，所以，在今年的6月份，也即是Facebook刚刚发布了 React Native 0.56后，React工程经理 Sophie Alpert 在其官方...
- 所谓单元测试，就是对每个单元进行的测试，一般针对的是函数、类或单个组件，不涉及系统和集成，单元测试是软件测试的基础测试，一个完备的软件系统都会涉及到单元测试。 所谓单元测试，就是对每个单元进行的测试，一般针对的是函数、类或单个组件，不涉及系统和集成，单元测试是软件测试的基础测试，一个完备的软件系统都会涉及到单元测试。
- React Native中的component跟Android中的activity，fragment等一样，存在生命周期。 React Native中的component跟Android中的activity，fragment等一样，存在生命周期。
- React 组件实例在渲染的时候（实例化）创建，这些实例在接下来渲染中会被重复使用。要调用组件上的API，首先需要获取对组件的引用。在组件方法内部可以通过this访问，在组件外唯一访问组件方法就是通过React.render的返回值，在其它组件内访问组件，可以使用refs获得对组件的引用。 React 组件实例在渲染的时候（实例化）创建，这些实例在接下来渲染中会被重复使用。要调用组件上的API，首先需要获取对组件的引用。在组件方法内部可以通过this访问，在组件外唯一访问组件方法就是通过React.render的返回值，在其它组件内访问组件，可以使用refs获得对组件的引用。
- Vue.js 是开源的 JavaScript 框架，能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时，Vue.js 的优秀功能会得到大大加强。如今，已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js 。 Vue.js 是开源的 JavaScript 框架，能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时，Vue.js 的优秀功能会得到大大加强。如今，已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js 。
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签