本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可
转载
2024-06-18 13:39:44
334阅读
路由:哈希路由（在url地址后加 #name） // 实现页面监听
window.onhashchange = function(){
console.log(‘hash:’,window.location.hash)
}H5路由（history.pushState(‘起的名字’, ‘title字段’, ‘跳转的地址’)）H5路由高级的地方就是可以跳转一个hash值，也可
对路由的理解在pc端页面之间的切换，我们大多使用a链接、location等操作。 在react.js开发中，我们采用组件化操作，一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。 我们知道react.js是一种单页面项目开发，就是在一个主页面的基础上存放各种子页面。这就好像一根网线连接路由器，而路由器能分出很多根网线连接大量的电脑。所以我们将单页面项
转载
2024-09-11 22:25:50
158阅读
react native ios打包流程(小白文)为了让小白也能看懂，本文极其浅显，流程步骤有点多，不耐烦的同学可以跳跃阅读准备工作1:开发者账号由于申请开发者账号要钱的，这里大致讲一下流程，不懂的可以留言给我（开发者账号分为：个人开发者账号、公司开发者账号、企业开发者账号）申请流程1：申请开发者Apple ID,申请流程2：付钱（开发者账号分为：个人开发者账号、公司开发者账号、企业开发者账
有上百个很棒的React库可供选择，但是你的React项目最需要哪些库呢?在本文中，我们将分解你的React项目所需的五个库。 1.更快的Create-React-App 如果你想创建一个React项目，你可能会使用像Create-React-App这样的工具。 虽然Create-React-App是一个令人惊叹的工具，并允许你通过运行一个命令来创建React项目，但它有一个新的竞争对手
在前端中但凡谈到打包，肯定要提及到 webpack，毕竟它现在已经是最为流行的打包工具。但 webpack 更多地是表现在 术 上，于是我决定写这篇文章，更多地讲解一些关于 道 的。对于一个前端而言，生产环境的静态资源优化，它既是面试中的高频问题，同时也最容易成为平时工作中的 OKR/KPI。如果你经常致力于优化前端打包提及，必然会对一些数字极为敏感，比如：
lodash 和 react gzip
Nginx部署自己的项目开发步骤：第一步更改tomcat的端口号在slave01虚拟机中更改端口号 192.168.68.13069 <Connector port=“8081” protocol=“HTTP/1.1”
70 connectionTimeout=“20000”
71 redirectPort=“8443” />在master虚拟机中更改端口号 192.168.68.
在上一篇文章中我记录了Android原生接入React Native的一些知识点，那么接入开发完毕之后就需要打包生成正式apk文件，本篇文章就开始介绍如何打包。先说明一下，平时开发RN的时候，首先需要react-native start 开启服务，然后通过react-native run-android 就安装到手机或者模拟器了，然后也能运行。但是这里打的测试包其实不包含js代码，而是通过连接js
转载
2024-03-19 16:41:16
83阅读
刚刚在本地测试环境写完项目,目前本地测试是一切顺利,未发现异常,准备打包到生产环境服务器上.前端React + antd + React-Router + axios
后端Python3.6 + Django1.10.1
脚手架用的是create-react-app所以我们无需 用webpack来编译#####1: 前端打包: 项目用的是yarn,所以我们编译的话直接执行yarn build 这个
路由一、路由1.1、路由传参1.2、路由上下文1.3、非路由跳转的组件获取路由上下文1.4、exact属性1.5、4041.6、Switch1.7、Redirect二、选择器冲突解决方案2.1、命名空间 BEM2.2、模块化2.3、scss三、async和await 一、路由路由的基本使用我们已经讲过了，现在讲讲路由传参。1.1、路由传参路由传参完成的是组件之间的数据传递（组件传值）1）、par
1、分析
路由自己实现需要满足的是： （1）改变URL，但是页面不要进行强制刷新（a标签会进行页面的自动刷新） （2）自己来监听URL的改变，并且改变之后自己改变页面的内容2、监听hash来实现 hase的特点是再url后加上# 设置a标签如下：<div id="app">
<a href="#/home">首页</a>
<a href="#
转载
2024-06-27 06:04:59
99阅读
简介redux是什么redux是一个专门用于状态管理的JS库（不是react插件库）它可以用在react，angular，vue等项目中，但基本与react配合使用。作用：集中式管理react应用中多个组件共享的状态redux在什么情况下使用某个组件的状态，需要让其他组件可以随时拿到（共享）一个组件需要改变另一个组建的状态（通信）总体原则：能不用就不用，除非比较难以实现的时候再用。redux的三个
（第一次用 Typora 写博，希望效果不错~）这几天有个创意编程比赛，要写一个电脑端应用。我准备用 React.js + Electron 做（因为熟悉~），编程部分一路风雨无阻，到了打包却出现了问题。Electron 没打过包不知道，一打包一下两天两夜就没了（T_T）但最后还是打包成功了~ 由于里面坑很多，把我打包的流程浅写在下面，供需要的人参考。1. 打包工具的选择粽锁粥汁，Electron
转载
2023-12-13 23:52:21
31阅读
react native很好用，项目完成需要打包上线哦！好吧 那~就签名打包上线喽… 当前的react-native项目代码基于"react": "~15.4.0-rc.4","react-native": "0.41.0", 打开我的挚爱AS,你会发现build过程很慢，而且耐心等待其build完成之后，还是错误的…. 因为在react-native-0.41.0版本下>>>
使用React开发有一段时间了，下面我就把自己一些心得体会分享给大家。我使用的是create-react-app脚手架生成的项目，这个脚手架一键生成react项目，非常方便，先简单记录一下这个新建项目的过程。一、打包在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下，可以在pakege.
转载
2023-12-01 11:00:51
162阅读
前提准备：1、React项目npm run build打包打包前配置在项目打包之前需要在package.json文件中添加 "homepage": "./"，,避免项目打开后出现空白页面。"homepage": "./", 项目中的接口一定要使用在线接口，不要使用本地接口，要不然打包出来的项目仍然是空白页打包项目根目录，打开终端，运行npm run build运行成功之后，项
转载
2024-03-06 00:50:32
310阅读
前言搞安卓的开发应该知道开发好的apk都是需要上传到应用市场给用户下载的，当然有些公司的产品是不用上传到应用市场的（比如我们公司放七牛云）但是也需要放在云上面给用户下载。react-native直接run-android默认是产生一个debug的版本apk显然这是不符合开发需求的，理由很简单debug版本apk是没有进行代码混淆的这是很危险的，所以我们需要个release的版本，下面我们来详细看一
转载
2023-08-07 19:07:36
775阅读
本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite 重定向问题。 location 优先级 =
转载
2020-12-11 13:54:00
630阅读
2评论
路由的基本理解 SPA 理解 单页 Web 应用 （single page web application, SPA) 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面，只会做页面的局部更新 数据都需要通过 ajax 请求获取，并在前端异步展现 前端路由的理解 游览器端路由： value 是 ...
转载
2021-08-07 16:01:00
161阅读
2评论
1、路由基本介绍现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML
原创
2022-09-13 12:18:51
82阅读
