摘要： 具体看一下Android和IOS两个平台是如何执行发布产品。 React-Native之Android平台发布两种方式: 方式一是借助于命令行, 方式二种是借助于Android Studio进行。步骤: 方式二: 借助Android Studio发布。a). 首先借助于Android Studio生成 keystore签名文件。&nbs
上篇博客提到将项目放到tomcat下，用于储存静态资源。计划赶不上变化，由于项目的需要，不适用tomcat，使用nginx，于是需要将react项目打包放到nginx下或者放到单独的文件中，通过nginx来做代理访问我们的项目。安装nginx于是在本地测试环境中装了一个nginx，安装很简单可以到官网下载：http://nginx.org/en/download.html我用的是最新的nginx安
转载
2024-03-25 19:55:06
138阅读
在这一部分将项目打包上传,并且进行服务器部署1. 什么是跨域网页所在url的协议, 域名, 端口号, 和Ajax请求url的协议, 域名, 端口号有一个对应不上, 就发生跨域三种解决跨域的方法jsonp方式需要前端和后端同时支持前端用script+src属性, 发送函数名给后台, 同时准备好同名的函数, 准备接收数据后端返回的字符串一定用方法名(数据字符串)格式返回, 到script标签中执行调用
一、Eclipse常见快捷键使用 自动完成单词：Alt+/ 重命名：Shift+Alt+r(统一改变字段或方法名)生成getter/setter方法: Shift+Alt+s，然后r删除当前行：Ctrl+d 定位到前（后）一个编辑点：标准为Alt+左（右）箭头 ， 修改方法为：  
新建vue config.js配置文件module.exports = {
publicPath: './', //项目打包文件为路径为：./ 相对路径 , / 绝对路径
outputDir: 'dist', //输出文件目录：在npm run build时，生成文件的目录名称
assetsDir: "assets", //放置生成的静态资源 (js、css、img、fonts) 的目录
vue-cli打包后本地查看起http-serve服务vue-cil打包后本地查看代码：http-serve服务的使用1.全局安装`http-serve`服务2.`npm run build`打包3.默认端口运行：`serve -s dist` 直接在当前文件夹中运行打包后的文件4.指定端口运行：`serve -l 8080 -s dist` 指定8080端口打开vue-cil打包后本地查看代码：
Spring 最重要的概念是 IOC 和 AOP，本篇文章其实就是要带领大家来分析下 Spring 的 IOC 容器。既然大家平时都要用到 Spring，怎么可以不好好了解 Spring 呢？阅读本文并不能让你成为 Spring 专家，不过一定有助于大家理解 Spring 的很多概念，帮助大家排查应用中和 Spring 相关的一些问题。本文采用的源码版本是 4.3.11.RELEASE，算是 5.
cd到我们的项目，安装ESlint：cnpm install eslint --save-dev2. 创建ESlint配置文件.eslintrc.js：eslint --init以上选项一路回车即可，这些就是使用的eslint规则，后面可以自定义调整；4. 安装 eslint-plugin-react 等相关依赖：cnpm install babel-eslint eslint-plugin-re
转载
2024-05-16 06:27:56
93阅读
背景介绍最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后，使用Modal 组件的地方界面无法延伸到状态栏，导致使用Modal实现的弹窗背景蒙层顶部会有一个白条，看起来很不爽，在经过一番搜索之后，发现react-native github 上有人提这个问题，但是没有解决。因此就
本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可以了：npm
这篇文章是以打包react插件的形式，介绍webpack的一些配置信息。如果写简单插件的话还是推荐使用rollup，但是可以用写插件的形式去学习一下webpack的一些东西。（适用于初中级webpack学者）1.安装node和npm，新建文件夹，在文件夹中执行npm init命令，一直回车生成一个package.json文件如下：{
"name": "cobrandcard",
"vers
序言：本篇介绍React下载安装以及环境搭建 目录一、Nodejs安装二、create-react-app安装三、创建/启动React程序四、编码工具VScode 一、Nodejs安装Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境（运行js需要node.js）。因为React是JavaScript库，所以需要安装Node.js1、下载node.js 可以去官
开发环境 windows开发工具 visual studio codenode 安装和 npmwindows 安装node 可以直接在 node官网 直接下载直接当作普通软件安装即可。 安装完成可以在控制台中运行node测试是否安装成功 win + r 输入 cmd ,直接在终端输入node -v 输出版本号及已经成功安装。 目前新版本的node自
前面的话 使用Facebook官方推出的create-react-app脚手架，我们基本可以零配置搭建基于webpack的React开发环境。但是，如果需要个性化定制，则还需要基于create-react-app进行再配置 环境变量【设置】 在根目录下新建.env文件，可以用于本地环境变量覆盖 如在该文件中进行如下设置PORT=2000 则开发服务器会在2000端口开启服务【默认
现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。前端路由的功能可以让用户从一个视图（页面）导航到另一个视图（页面），前端路由是一套映射规则，在React中是 URL路径 与 组件 的对应关系使用React路由简单来说，就是配置路径和组件（
通过让组件管理自己的状态，任何时候该状态发生变化了，React 将知道并自动对页面做出必要的更新。这是使用 React 构建 UI 组件的关键优势之一：如果要重新渲染页面，我们只需考虑更新状态。每次有更新时，我们不需要知道到底是页面的哪个部分发生变化了，也不需要判断如何有效的重新渲染页面，React 会对比之前的输出和新的输出，判断哪些改变了，并为我们做出决策，这个流程称为一致性比较
一、为何报错会导致渲染异常？在React中，未捕获错误会导致DOM被卸载, 浏览器无法渲染。 为何React选择完全移除错误的DOM呢，我们可以看看官网中的这段话：未捕获错误（Uncaught Errors）的新行为这一改变具有重要意义，自 React 16 起，任何未被错误边界捕获的错误将会导致整个 React 组件树被卸载。我们对这一决定有过一些争论，但根据我们的经验，把一个错误的 UI 留在
转载
2024-03-09 15:52:08
417阅读
2022 年 3 月 29 日，React 18 正式版发布了。新增了以下这些新功能Concurrent Mode 并发模式在 CM 模式下，React 在执行过程中，每执行一个 Fiber，都会看看有没有更高优先级的更新，如果有，则当前低优先级的的更新会被暂停，待高优先级任务执行完之后，再继续执行或重新执行。startTransitionReact 的状态更新可以分为两类：紧急更新（Urgent
转载
2024-03-06 17:30:11
108阅读
"no-multi-spaces": 1, //禁止多个空格"jsx-quotes": 1,JSX属性中一致使用双引号或单引号 "react/jsx-closing-bracket-location": 1, //有多行属性的话, 新建一行关闭标签,为JSX语法使用下列的对齐方式// bad
<Foo superLongParam="bar"
anotherSuperLo
转载
2024-02-29 21:20:49
64阅读
一、ESlint 简介1. Lint 的含义如果你写自己的项目怎么折腾都没关系，但是在公司中老板希望每个人写出的代码都要符合一个统一的规则，这样别人看源码就能够看得懂，因为源码是符合统一的编码规范制定的。那么问题来了，总不能每个人写的代码老板都要一行行代码去检查吧，这是一件很蠢的事情。凡是重复性的工作，都应该被制作成工具来节约成本。这个工具应该做两件事情：提供编码规范；提供自动检验代码的程序，并打
转载
2024-06-19 23:22:09
158阅读
