MauveDragon

React之Readme.md翻译-内容目录

This project was bootstrapped with [Create React App]

这个项目是用[Create React App]引导的

( https://github.com/facebook/create-react-app).

Below you will find some information on how to perform common tasks.

下面您将找到一些关于如何执行常见任务的信息。

You can find the most recent version of this guide [here]

您可以找到本指南的最新版本[此处]

( https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md).

## Table of Contents 目录

- [Updating to New Releases](#updating-to-new-releases)

更新到新版本

- [Sending Feedback](#sending-feedback)

发送反馈

- [Folder Structure](#folder-structure)

目录结构

- [Available Scripts](#available-scripts)

可用脚本

- [npm start](#npm-start)

- [npm test](#npm-test)

- [npm run build](#npm-run-build)

- [npm run eject](#npm-run-eject)

- [Supported Browsers](#supported-browsers)

受支持的浏览器

- [Supported Language Features and Polyfills](#supported-language-features-and-polyfills) 支持的语言特性和填充物

- [Syntax Highlighting in the Editor](#syntax-highlighting-in-the-editor)

编辑器中的语法突出显示

- [Displaying Lint Output in the Editor](#displaying-lint-output-in-the-editor)

在编辑器中显示Lint输出

- [Debugging in the Editor](#debugging-in-the-editor)

编辑器中的调试

- [Formatting Code Automatically](#formatting-code-automatically)

自动格式化代码

- [Changing the Page ``](#changing-the-page-title)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">更改页面<标题></span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Installing a Dependency](#installing-a-dependency)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">安装依赖项</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Importing a Component](#importing-a-component)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">导入组件</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Code Splitting](#code-splitting)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">代码划分</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding a Stylesheet](#adding-a-stylesheet)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加样式表</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Post-Processing CSS](#post-processing-css)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">后处理CSS</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding a CSS Preprocessor (Sass, Less etc.)](#adding-a-css-preprocessor-sass-less-etc)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加CSS预处理器（Sass, Less 等）</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding Images, Fonts, and Files](#adding-images-fonts-and-files)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加图像、字体和文件</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding GraphQL files](#adding-graphql-files)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加GraphQL文件</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Using the `public` Folder](#using-the-public-folder)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">使用“public”文件夹</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Changing the HTML](#changing-the-html)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">更改HTML</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Adding Assets Outside of the Module System](#adding-assets-outside-of-the-module-system)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在模块系统之外添加有用的东西</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [When to Use the `public` Folder](#when-to-use-the-public-folder)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">何时使用“public”文件夹</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Using Global Variables](#using-global-variables)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">使用全局变量</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding Bootstrap](#adding-bootstrap)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加Bootstrap</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Using a Custom Theme](#using-a-custom-theme)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">使用自定义主题</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding Flow](#adding-flow)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加流</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding a Router](#adding-a-router)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加路由</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Adding Custom Environment Variables](#adding-custom-environment-variables)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">添加自定义环境变量</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Referencing Environment Variables in the HTML](#referencing-environment-variables-in-the-html)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">引用HTML中的环境变量</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Adding Temporary Environment Variables In Your Shell](#adding-temporary-environment-variables-in-your-shell)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在你的Shell中添加临时环境变量</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Adding Development Environment Variables In `.env`](#adding-development-environment-variables-in-env)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在.env中添加开发环境变量</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Can I Use Decorators?](#can-i-use-decorators)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">我能用装饰吗?</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Fetching Data with AJAX Requests](#fetching-data-with-ajax-requests)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">用Ajax请求获取数据</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Integrating with an API Backend](#integrating-with-an-api-backend)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Node](#node)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">与API后端集成</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Ruby on Rails](#ruby-on-rails)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">开发应用</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Proxying API Requests in Development](#proxying-api-requests-in-development)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在开发中代理API请求</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - ["Invalid Host Header" Errors After Configuring Proxy](#invalid-host-header-errors-after-configuring-proxy)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">配置代理后的“无效主机标头”错误</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Configuring the Proxy Manually](#configuring-the-proxy-manually)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">手动配置代理</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Configuring a WebSocket Proxy](#configuring-a-websocket-proxy)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">配置WebSocket代理</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Using HTTPS in Development](#using-https-in-development)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">HTTPS在开发中的应用</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Generating Dynamic `<meta>` Tags on the Server](#generating-dynamic-meta-tags-on-the-server)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在服务器上生成动态`<meta>‘标记</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Pre-Rendering into Static HTML Files](#pre-rendering-into-static-html-files)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">预呈现为静态HTML文件</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Injecting Data from the Server into the Page](#injecting-data-from-the-server-into-the-page)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">从服务器向页面中注入数据</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Running Tests](#running-tests)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">执行测试</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Filename Conventions](#filename-conventions)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">文件名公约</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Command Line Interface](#command-line-interface)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">命令行接口</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Version Control Integration](#version-control-integration)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">版本控制集成</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Writing Tests](#writing-tests)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">编写测试</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Testing Components](#testing-components)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">测试组件</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Using Third Party Assertion Libraries](#using-third-party-assertion-libraries)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">使用第三方断言库</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Initializing Test Environment](#initializing-test-environment)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">初始化测试环境</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Focusing and Excluding Tests](#focusing-and-excluding-tests)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">聚焦和排除测试</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Coverage Reporting](#coverage-reporting)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">覆盖率报告</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Continuous Integration](#continuous-integration)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">持续整合</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Disabling jsdom](#disabling-jsdom)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">禁用jsdom</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Snapshot Testing](#snapshot-testing)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">快照测试</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Editor Integration](#editor-integration)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">编辑器整合</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Debugging Tests](#debugging-tests)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">调试测试</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Debugging Tests in Chrome](#debugging-tests-in-chrome)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在Chrome中调试测试</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Debugging Tests in Visual Studio Code](#debugging-tests-in-visual-studio-code)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在VisualStudioCode中调试测试</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Developing Components in Isolation](#developing-components-in-isolation)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">隔离开发组件</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Getting Started with Storybook](#getting-started-with-storybook)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">从故事书开始</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Getting Started with Styleguidist](#getting-started-with-styleguidist)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">从史泰尔吉德开始</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Sharing Components in a Monorepo](#sharing-components-in-a-monorepo)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">在Monorepo中共享组件</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Publishing Components to npm](#publishing-components-to-npm)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">发布组件到npm</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Making a Progressive Web App](#making-a-progressive-web-app)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">开发一个改良的Web应用程序</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Opting Out of Caching](#opting-out-of-caching)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">选择退出缓存</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Offline-First Considerations](#offline-first-considerations)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">离线-第一考虑</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Progressive Web App Metadata](#progressive-web-app-metadata)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">渐进Web应用元数据</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Analyzing the Bundle Size](#analyzing-the-bundle-size)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">Bundle尺寸分析</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Deployment](#deployment)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">部署</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Static Server](#static-server)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">静态服务器</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Other Solutions](#other-solutions)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">其他方案</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Serving Apps with Client-Side Routing](#serving-apps-with-client-side-routing)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">使用客户端路由为应用程序提供服务</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Service Worker Considerations](#service-worker-considerations)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">服务工作者的考虑</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Building for Relative Paths](#building-for-relative-paths)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">相对路径构建</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Azure](#azure)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">天蓝色</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Firebase](#firebase)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">重火力点</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [GitHub Pages](#github-pages)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">GitHub页面</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Heroku](#heroku)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">Heroku 一个支持多种编程语言的云平台</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Netlify](#netlify)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">Netlify公司提供的软件工具可以帮助企业构建高性能网站</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Now](#now)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">现在</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [S3 and CloudFront](#s3-and-cloudfront)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">S3和CloudFront</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Surge](#surge)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">大浪</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Advanced Configuration](#advanced-configuration)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">高级设置</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Troubleshooting](#troubleshooting)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">发现并修理故障</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [`npm start` doesn’t detect changes](#npm-start-doesnt-detect-changes)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">'npm start’不能检测到更改</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [`npm test` hangs on macOS Sierra](#npm-test-hangs-on-macos-sierra)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">'npm测试’挂掉在MacOS Sierra</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [`npm run build` exits too early](#npm-run-build-exits-too-early)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">‘npm run build’ 过早退出</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [`npm run build` fails on Heroku](#npm-run-build-fails-on-heroku)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">`npm run build`在Heroku上失败</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [`npm run build` fails to minify](#npm-run-build-fails-to-minify)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">`npm run build` 不能缩小</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> - [Moment.js locales are missing](#momentjs-locales-are-missing)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">Moment.js 本地化丢失</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Alternatives to Ejecting](#alternatives-to-ejecting)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">弹射的替代方案</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">- [Something Missing?](#something-missing)</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;">物件短少？</span> </div> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1274758616628346880"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(react)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835492740536823808.htm" title="node.js学习" target="_blank">node.js学习</a> <span class="text-muted">小猿L</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a> <div>node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行</div> </li> <li><a href="/article/1835448111909138432.htm" title="react-intl——react国际化使用方案" target="_blank">react-intl——react国际化使用方案</a> <span class="text-muted">苹果酱0567</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>国际化介绍i18n：internationalization国家化简称，首字母+首尾字母间隔的字母个数+尾字母，类似的还有k8s(Kubernetes)React-intl是React中最受欢迎的库。使用步骤安装#usenpmnpminstallreact-intl-D#useyarn项目入口文件配置//index.tsximportReactfrom"react";importReactDOMf</div> </li> <li><a href="/article/1835411044768509952.htm" title="字节二面" target="_blank">字节二面</a> <span class="text-muted">Redstone Monstrosity</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文</div> </li> <li><a href="/article/1835398064727224320.htm" title="前端代码上传文件" target="_blank">前端代码上传文件</a> <span class="text-muted">余生逆风飞翔</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i</div> </li> <li><a href="/article/1835133874892533760.htm" title="前端使用react-intl-universal进行国际化" target="_blank">前端使用react-intl-universal进行国际化</a> <span class="text-muted">Stephy_Yy</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E8%B0%83%E7%A0%94/1.htm">调研</a><a class="tag" taget="_blank" href="/search/reactjs/1.htm">reactjs</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>一、国际化/i18n目前国际化，就是开发者写对象，一个key关联若干语种的翻译。相比于浏览器自带的翻译功能，语义更加准确。“国际化”的简称：i18n（其来源是英文单词internationalization的首末字符i和n，18为中间的字符数）二、react项目国际化react-intl是业界最受欢迎的软件包之一：React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的</div> </li> <li><a href="/article/1835101722159181824.htm" title="VUE实现大小缩放轮播图" target="_blank">VUE实现大小缩放轮播图</a> <span class="text-muted">书边事.</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>效果图import{ref,computed,reactive,watch,onMounted}from'vue';exportdefault{props:{/***轮播数据来源*/source:{type:Array,default:()=>[{img:require('@/assets/imgs/test/1.png')},{img:require('@/assets/imgs/test/1.</div> </li> <li><a href="/article/1835089183857799168.htm" title="react里的index.js是怎么跟index.html结合起来的?" target="_blank">react里的index.js是怎么跟index.html结合起来的?</a> <span class="text-muted">SherrinfordL</span> <div>image.pngcreate-react-app把webpack、babel等配置都封装到了依赖项目react-script中，所以你无法直观的看到这些配置。你可以在项目下运行npmruneject，被隐藏的配置文件就会暴露到项目根路径下。把请求转发到index.html原因是，你执行npmrunstart时，启动的webpack-dev-server，会加载react-script项目conf</div> </li> <li><a href="/article/1835085841114951680.htm" title="Taro实现微信小程序自定义拍照截图识别" target="_blank">Taro实现微信小程序自定义拍照截图识别</a> <span class="text-muted">书边事.</span> <a class="tag" taget="_blank" href="/search/taro/1.htm">taro</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>效果图：代码：>请对准框内拍摄题目重新拍照文件处理中...开始识别definePageConfig({navigationStyle:"custom",navigationBarTitleText:"",//启用页面分享//enableShareAppMessage:true,//启动朋友圈分享//enableShareTimeline:true});import{reactive,toRefs,</div> </li> <li><a href="/article/1835053432449363968.htm" title="（小白入门）Windows环境下搭建React Native Android开发环境" target="_blank">（小白入门）Windows环境下搭建React Native Android开发环境</a> <span class="text-muted">码农老黑</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/Native/1.htm">Native</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a> <div>ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和Android两大平台。RN的环境搭建在RN的中文社区有所介绍，但是对于小白来说还是有些太过简略了。RN中文社区详见参考，本文不涉及的问题也许在其中能够有所解答。ReactNative思想底层引擎是JavaSc</div> </li> <li><a href="/article/1834965176286277632.htm" title="react中如何获取并使用usestate声明的变量的值" target="_blank">react中如何获取并使用usestate声明的变量的值</a> <span class="text-muted">小华0000</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.函数式更新当需要根据当前状态来更新状态时，可以使用函数式更新。setState（在类组件中）和setCount（在useState中）都可以接受一个函数作为参数，这个函数接收当前的状态作为参数，并返回新的状态。functionExampleComponent(){const[count,setCount]=useState(0);//使用函数式更新functionhandleClick(){s</div> </li> <li><a href="/article/1834963412711469056.htm" title="【Vue3源码实现】Ref isRef unRef proxyRefs实现" target="_blank">【Vue3源码实现】Ref isRef unRef proxyRefs实现</a> <span class="text-muted">ZhaiMou</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前言在上篇文章中我们了解了响应式原理，并在最后实现了reactive。上文链接Vue3响应式原理实现与track和trigger依赖收集和触发依赖在我们的日常业务中，我们有可能需要将一个基础数据类型的值也转换成响应式的，而reactive只能代理对象，我们需要对基础数据类型的值也进行读写操作的拦截，但Proxy无法实现对基础数据类型值读写操作的拦截。所以Vue设计了Ref,以及相关api本篇文章实</div> </li> <li><a href="/article/1834963034653683712.htm" title="React 前端应用结合 Nginx 部署指南及常见错误排查" target="_blank">React 前端应用结合 Nginx 部署指南及常见错误排查</a> <span class="text-muted">蜗牛去旅行吧</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>在现代Web开发中，React已成为构建用户界面的流行选择，而Nginx则是一个高性能的Web服务器，广泛用于静态文件的托管和负载均衡。在本篇博客中，我们将详细介绍如何将一个React应用部署到Nginx上，并探讨在部署过程中可能遇到的常见错误及其解决方案。部署步骤1.准备React应用首先，确保你已经创建了一个React应用。如果还没有，可以使用CreateReactApp快速生成一个基础项目：</div> </li> <li><a href="/article/1834961772746993664.htm" title="vue3 响应性API" target="_blank">vue3 响应性API</a> <span class="text-muted">weixin_44747590</span> <a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>toRef可以用来为源响应式对象上的property性创建一个ref。然后可以将ref传递出去，从而保持对其源property的响应式连接。本质类似指针引用。举例：conststate=reactive({foo:1,bar:2})constfooRef=toRef(state,'foo')fooRef.value++console.log(state.foo)//2state.foo++cons</div> </li> <li><a href="/article/1834957860375719936.htm" title="手撸vue3核心源码——响应式原理(isRef和unRef)" target="_blank">手撸vue3核心源码——响应式原理(isRef和unRef)</a> <span class="text-muted">前端不是渣男</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>今天来实现一下ref的功能函数，isRef与unRefisRefisRef和isReactive一样，都是用于检测数据类型，isRef是检测是不是一个ref对象,跟isReactive函数实现起来一样,我们先来写一个单元测试这里要实现的功能是，检测ref对象肯定就通过返回true，检测普通类型数据以及reactive对象都是falseit("itshouldreturnaboolean",()=></div> </li> <li><a href="/article/1834957104239177728.htm" title="vue3 | isRef、unref、toRef、toRefs" target="_blank">vue3 | isRef、unref、toRef、toRefs</a> <span class="text-muted">杨贵妃会飞飞飞</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>isRef检查某个值是否是ref。是返回true，否则返回false。constnum=ref(10)constnum1=20constnum2=reactive({data:30})console.log(isRef(num))//trueconsole.log(isRef(num1))//falseconsole.log(isRef(num2))//falseunref()如果参数是ref，则</div> </li> <li><a href="/article/1834953567916617728.htm" title="vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(), reactive()方法的理解。" target="_blank">vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(), reactive()方法的理解。</a> <span class="text-muted">chen_sir_sh</span> <a class="tag" taget="_blank" href="/search/vue%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">vue学习笔记</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>VUE3出现了很多新的API，下面是自己的一些理解进行的总结。欢迎大家一起交流补充。ref()使用ref创建一个数据类型，ref有value这个属性constname1={age:"14",name:"bob1"};constname2=ref({name:"bob2"});//使用ref创建一个数据类型相对于reactive，ref有value属性name2.value="bob3"consol</div> </li> <li><a href="/article/1834951677422170112.htm" title="React项目的开发前准备以及 JSX 的基本使用" target="_blank">React项目的开发前准备以及 JSX 的基本使用</a> <span class="text-muted">渡鸦七</span> <a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>React项目的开发前准备以及JSX的基本使用React项目创建create-react-appnpxcreate-react-appmy-appcdmy-appnpmstartyarncreatereact-appyarncreatereact-appmy-appcdmy-appyarnstartcreate-react-app和yarncreatereact-app都可以快速创建一个React</div> </li> <li><a href="/article/1834950166029889536.htm" title="react 函数组件useState异步变同步" target="_blank">react 函数组件useState异步变同步</a> <span class="text-muted">MIKE-zi</span> <a class="tag" taget="_blank" href="/search/react%E5%85%A5%E9%97%A8/1.htm">react入门</a><a class="tag" taget="_blank" href="/search/setstate%E5%BC%82%E6%AD%A5%E9%97%AE%E9%A2%98/1.htm">setstate异步问题</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E7%BB%84%E4%BB%B6%E5%AE%9E%E7%8E%B0%E5%88%86%E9%A1%B5/1.htm">函数组件实现分页</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E7%BB%84%E4%BB%B6%E4%B8%8A%E6%8B%89%E5%8A%A0%E8%BD%BD/1.htm">函数组件上拉加载</a> <div>需求函数组件实现一个下拉上拉的列表，列表支持分页。最开始我们使用setstate的方式去报错当前页数。这样做的问题，就是有一个异步的延迟。上代码const[pageNo,setpageNo]=useState(1)constonPullUpRefresh=()=>{console.log("上拉加载内容")console.log("上一次的pageNo",pageNo)setpageNo(page</div> </li> <li><a href="/article/1834844033856401408.htm" title="Netty权威指南：Netty总结-高性能与可靠性" target="_blank">Netty权威指南：Netty总结-高性能与可靠性</a> <span class="text-muted">Ty_1106</span> <a class="tag" taget="_blank" href="/search/Netty/1.htm">Netty</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a> <div>第二十二章高性能之道22.1RPC调用性能模型分析22.1.1传统RPC调用性能差三宗罪：网络传输采用同步阻塞I/O导致经常性阻塞序列化性能差线程模型问题22.1.2I/O通信性能三要素传输：BIO、NIO或者AIO协议：HTTP公有协议，内部私有协议线程：数据报如何读取，Reactor线程模型22.2Netty高性能之道22.2.1异步非阻塞通信I/O多路复用技术22.2.2高效的Reactor</div> </li> <li><a href="/article/1834835713846243328.htm" title="Vue 和 React 的对比" target="_blank">Vue 和 React 的对比</a> <span class="text-muted">淘淘是只狗</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>React和Vue有许多相似之处：使用VirtualDOM提供了响应式(Reactive)和组件化(Composable)的视图组件。将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。运行时性能React在React应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。如要避免不必要的子组件的重渲染，你需要在所有可能的地方使用PureComponent，</div> </li> <li><a href="/article/1834832435699871744.htm" title="一文让你彻底弄懂Redux的基本原理以及其如何在React中使用！" target="_blank">一文让你彻底弄懂Redux的基本原理以及其如何在React中使用！</a> <span class="text-muted">tabzzz</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>文章目录什么是Redux？它有什么用Redux基本原理Redux在React中具体使用的方法ReduxToolkit（RTK）createSlice函数参数返回值示例configureStore函数参数返回值示例React-ReduxProvider组件示例React组件使用store中的数据useSelector钩子函数示例connect组件mapStateToPropsmapDispatchT</div> </li> <li><a href="/article/1834831738988228608.htm" title="react 更新元素状态" target="_blank">react 更新元素状态</a> <span class="text-muted">叶绿素yls</span> <div>所有的react元素都是immutable不可变的。当元素被创建之后，我们无法修改他的内容或属性。根据我们现在所学的react的知识，我们要更新元素的内容，我们必须重新渲染这个元素，也就是重新创建这个元素。看一个例子：functiontick(){constelement=Hello,worldItis{newDate().toLocaleString()}.;ReactDOM.render(el</div> </li> <li><a href="/article/1834817300432252928.htm" title="Reactive 编程-Vert.x" target="_blank">Reactive 编程-Vert.x</a> <span class="text-muted">Flying_Fish_Xuan</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Reactive编程与Vert.x：高效异步Java微服务框架一、什么是Reactive编程？Reactive编程是一种异步编程范式，专注于数据流和事件的传播处理。与传统的阻塞式编程不同，Reactive编程能够更好地处理高并发和异步操作，特别适合实时系统、流处理以及需要快速响应的场景。Reactive编程的核心原则包括：响应性（Responsive）：系统能够快速响应用户请求，并保持低延迟。弹性</div> </li> <li><a href="/article/1834793357197537280.htm" title="生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念" target="_blank">生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念</a> <span class="text-muted">NewmanEdwarda2</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>前端(用户界面)yinanjinying.comHTML/CSS/JavaScript(原生Web开发)对于简单的WebApp，你可以直接使用HTML来构建页面结构，CSS来设置样式，JavaScript来添加交互性。React(JavaScript/TypeScript)对于更复杂的单页应用（SPA），React是一个流行的选择。它允许你构建可复用的UI组件。Flutter(Dart)如果你想要</div> </li> <li><a href="/article/1834722761373741056.htm" title="react native ScrollView实现滑动锚定，滑动到指定位置" target="_blank">react native ScrollView实现滑动锚定，滑动到指定位置</a> <span class="text-muted">君君yui</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>实现ScrollView滑动视图组件滑动到指定位置，实现tab与具体位置相锚定给需要锚定的组件加上onLayout属性//event.nativeEvent.layout.x是水平方向值，event.nativeEvent.layout.y是数值方向值//this.layoutList用于存储组件位置onLayout={(event)=>{this.layoutList.push(event.na</div> </li> <li><a href="/article/1834722508675313664.htm" title="reactnative 获取定位_React-native实现定位的功能" target="_blank">reactnative 获取定位_React-native实现定位的功能</a> <span class="text-muted">weixin_39644915</span> <a class="tag" taget="_blank" href="/search/reactnative/1.htm">reactnative</a><a class="tag" taget="_blank" href="/search/%E8%8E%B7%E5%8F%96%E5%AE%9A%E4%BD%8D/1.htm">获取定位</a> <div>1、在React-native中实现定位的功能的几种方式。(1).使用rn中的自带的Geolocation实现定位。(2).用第三放库react-native-location实现定位。2.用rn中自带的Geolocation实现定位的详细步骤：(1).如果是android进行定位手下是需要权限的通过以下代码设置权限：(2).直接通过navigator.geolocation来进行定位，示例代码如</div> </li> <li><a href="/article/1834711914299617280.htm" title="React Native动画的锚点anchorPoint" target="_blank">React Native动画的锚点anchorPoint</a> <span class="text-muted">沉默的依恋</span> <a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/Native/1.htm">Native</a> <div>在RN动画开发的过程中,有需求让图片绕中心点以外的其它点旋转,本以为是一个简单的问题,猜想Facebook应该有提供类似的API.然而在官网找了一圈没有anchorPoint这个API,后来想了想,RN与H5非常像,应该有transformOrigin这个属性,然而,还是没有,在github的issues中有人提问过什么时候更新这个属性,但是官网仍旧没有计划;为了达到这种效果,其实有一种间接的方法</div> </li> <li><a href="/article/1834705361693667328.htm" title="基于react native的锚点" target="_blank">基于react native的锚点</a> <span class="text-muted">miao_zz</span> <a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/react-native/1.htm">react-native</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>基于reactnative的锚点效果示例图示例代码效果示例图示例代码/*eslint-disablereact-native/no-inline-styles*/importReact,{useEffect,useRef,useState}from'react';import{Image,ImageBackground,ScrollView,StyleSheet,Text,TouchableOpa</div> </li> <li><a href="/article/1834673478599536640.htm" title="vue2与vue3的区别" target="_blank">vue2与vue3的区别</a> <span class="text-muted">longfan_</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>1.vue2和vue3响应式原理发生了改变vue2的响应式原理是利⽤es5的⼀个API，Object.defineProperty()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。vue3中使⽤了es6的proxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现对数据的监控。这⾥是引相⽐于vue2版本，使⽤proxy的优势如下1.</div> </li> <li><a href="/article/1834617504568274944.htm" title="前后端分离，Asp.net core webapi 如何配置跨域" target="_blank">前后端分离，Asp.net core webapi 如何配置跨域</a> <span class="text-muted">代码掌控者</span> <a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/core/1.htm">core</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/core/1.htm">core</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a> <div>前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。所谓的前后端分离软件架构模式，就是指将前端和后端的开发完全分离，后端负责提供API接口和数据处理，而前端通过各种现代的JavaScript技术如AJAX或者Fetch等，来调用后端提供的API接口获取数据，从而构建</div> </li> <li><a href="/article/111.htm" title="JAVA基础" target="_blank">JAVA基础</a> <span class="text-muted">灵静志远</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E5%8A%A0%E8%BD%BD/1.htm">加载</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%B1%A0/1.htm">字符串池</a><a class="tag" taget="_blank" href="/search/%E8%A6%86%E7%9B%96/1.htm">覆盖</a> <div>一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根</div> </li> <li><a href="/article/238.htm" title="keepalived实现redis主从高可用" target="_blank">keepalived实现redis主从高可用</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>方案说明两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始</div> </li> <li><a href="/article/365.htm" title="java文件操作大全" target="_blank">java文件操作大全</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息 &nbs</div> </li> <li><a href="/article/492.htm" title="android学习任务" target="_blank">android学习任务</a> <span class="text-muted">不懂事的小屁孩</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>任务完成情况搞清楚带箭头的pupupwindows和不带的使用已完成熟练使用pupupwindows和alertdialog，并搞清楚两者的区别已完成熟练使用android的线程handler,并敲示例代码进行中了解游戏2048的流程，并完成其代码工作进行中-差几个actionbar 研究一下android的动画效果，写一个实例已完成复习fragem</div> </li> <li><a href="/article/619.htm" title="zoom.js" target="_blank">zoom.js</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/oom/1.htm">oom</a> <div>它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q</div> </li> <li><a href="/article/746.htm" title="详解Oracle云操作系统Solaris 11.2" target="_blank">详解Oracle云操作系统Solaris 11.2</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/Solaris/1.htm">Solaris</a> <div>当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 </div> </li> <li><a href="/article/873.htm" title="spring学习——springmvc（一）" target="_blank">spring学习——springmvc（一）</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。 1，跟踪Spring MVC的请求请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前</div> </li> <li><a href="/article/1000.htm" title="hdu4342 History repeat itself-------多校联合五" target="_blank">hdu4342 History repeat itself-------多校联合五</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E8%AE%BA/1.htm">数论</a> <div>水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--) </div> </li> <li><a href="/article/1127.htm" title="EJB和javabean的区别" target="_blank">EJB和javabean的区别</a> <span class="text-muted">asia007</span> <a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/ejb/1.htm">ejb</a> <div>EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了 1.EJB用于服务端应用开发, 而JavaBeans</div> </li> <li><a href="/article/1254.htm" title="Struts的action和Result总结" target="_blank">Struts的action和Result总结</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/Action%E9%85%8D%E7%BD%AE/1.htm">Action配置</a><a class="tag" taget="_blank" href="/search/Result%E9%85%8D%E7%BD%AE/1.htm">Result配置</a> <div> 一:Action的配置详解: 下面是一个Struts中一个空的Struts.xml的配置文件 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo</div> </li> <li><a href="/article/1381.htm" title="如何带好自已的团队" target="_blank">如何带好自已的团队</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E7%AE%A1%E7%90%86/1.htm">团队管理</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F/1.htm">团队</a> <div>在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。原文如下：我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提</div> </li> <li><a href="/article/1508.htm" title="Java代码混淆工具" target="_blank">Java代码混淆工具</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/ProGuard/1.htm">ProGuard</a> <div>Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m</div> </li> <li><a href="/article/1635.htm" title="【Redis三】基于Redis sentinel的自动failover主从复制" target="_blank">【Redis三】基于Redis sentinel的自动failover主从复制</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。什么是Sentine</div> </li> <li><a href="/article/1762.htm" title="使用代理实现Hibernate Dao层自动事务" target="_blank">使用代理实现Hibernate Dao层自动事务</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try </div> </li> <li><a href="/article/1889.htm" title="maven3实战读书笔记" target="_blank">maven3实战读书笔记</a> <span class="text-muted">braveCS</span> <a class="tag" taget="_blank" href="/search/maven3/1.htm">maven3</a> <div>Maven简介是什么？ Is a software project management and comprehension tool.项目管理工具是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区] 功能： </div> </li> <li><a href="/article/2016.htm" title="编程之美-子数组的最大乘积" target="_blank">编程之美-子数组的最大乘积</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> public class MaxProduct { /** * 编程之美子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不</div> </li> <li><a href="/article/2143.htm" title="读书笔记-2" target="_blank">读书笔记-2</a> <span class="text-muted">chengxuyuancsdn</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a> <div>1、反射 2、oracle年-月-日时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s</div> </li> <li><a href="/article/2270.htm" title="[求学与房地产]慎重选择IT培训学校" target="_blank">[求学与房地产]慎重选择IT培训学校</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/it/1.htm">it</a> <div> 关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题培训学校的教学楼和宿舍的环境和稳定性问题我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb</div> </li> <li><a href="/article/2397.htm" title="RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系" target="_blank">RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/rman/1.htm">rman</a><a class="tag" taget="_blank" href="/search/filesperset/1.htm">filesperset</a><a class="tag" taget="_blank" href="/search/PARALLELISM/1.htm">PARALLELISM</a> <div>RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。 </div> </li> <li><a href="/article/2524.htm" title="简单排序:冒泡排序" target="_blank">简单排序:冒泡排序</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a> <div> public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){ </div> </li> <li><a href="/article/2651.htm" title="初二上学期难记单词三" target="_blank">初二上学期难记单词三</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/sciet/1.htm">sciet</a> <div>concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen 偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；</div> </li> <li><a href="/article/2778.htm" title="I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码收藏代码" target="_blank">I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码收藏代码</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make 前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。异常一： make[2]: cc: Command not found 异常原因：没有安装g</div> </li> <li><a href="/article/2905.htm" title="并发容器" target="_blank">并发容器</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91%E5%AE%B9%E5%99%A8/1.htm">并发容器</a> <div> 通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。并发容器ConcurrentHashMap 替代同步基于散列的Map，通过Lock控制。 &nb</div> </li> <li><a href="/article/3032.htm" title="Spring Security（12）——Remember-Me功能" target="_blank">Spring Security（12）——Remember-Me功能</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/Remember+Me/1.htm">Remember Me</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E6%88%91/1.htm">记住我</a> <div>Remember-Me功能目录 1.1 概述 1.2 基于简单加密token的方法 1.3 基于持久化token的方法 1.4 Remember-Me相关接口和实现</div> </li> <li><a href="/article/3159.htm" title="位运算" target="_blank">位运算</a> <span class="text-muted">焦志广</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a> <div> 一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。例如：9&am</div> </li> <li><a href="/article/3286.htm" title="nodejs 数据库连接 mongodb mysql" target="_blank">nodejs 数据库连接 mongodb mysql</a> <span class="text-muted">liguangsong</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5/1.htm">数据库连接</a> <div>1.mysql 连接 package.json中dependencies加入 "mysql":"~2.7.0" 执行 npm install 在config 下创建文件 database.js </div> </li> <li><a href="/article/3413.htm" title="java动态编译" target="_blank">java动态编译</a> <span class="text-muted">olive6615</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E7%BC%96%E8%AF%91/1.htm">动态编译</a> <div> 在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。 HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视</div> </li> <li><a href="/article/3540.htm" title="Storm0.9.5的集群部署配置优化" target="_blank">Storm0.9.5的集群部署配置优化</a> <span class="text-muted">roadrunners</span> <a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96/1.htm">优化</a><a class="tag" taget="_blank" href="/search/storm.yaml/1.htm">storm.yaml</a> <div>nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf</div> </li> <li><a href="/article/3667.htm" title="101个MySQL 的调节和优化的提示" target="_blank">101个MySQL 的调节和优化的提示</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。　　3. 使用电池供电的RAM（注：RAM即随机存储器）。　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列</div> </li> <li><a href="/article/3794.htm" title="zoj 3829 Known Notation(贪心)" target="_blank">zoj 3829 Known Notation(贪心)</a> <span class="text-muted">阿尔萨斯</span> <a class="tag" taget="_blank" href="/search/ZOJ/1.htm">ZOJ</a> <div> 题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>