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/1950193455162519552.htm" title="19.0-《超越感觉》-说服他人" target="_blank">19.0-《超越感觉》-说服他人</a> <span class="text-muted">SAM52</span> <div>Becausethoughtfuljudgmentsdeservetobeshared,andthewaytheyarepresentedcanstronglyinfluencethewayothersreacttothem.因为经过深思熟虑的判断值得分享，而这些判断的呈现方式会强烈影响其他人对它们的反应。Bylearningtheprinciplesofpersuasionandapplying</div> </li> <li><a href="/article/1950178478011772928.htm" title="全面解析：Spring Gateway如何优雅处理微服务的路由转发？" target="_blank">全面解析：Spring Gateway如何优雅处理微服务的路由转发？</a> <span class="text-muted">万猫学社</span> <a class="tag" taget="_blank" href="/search/gateway/1.htm">gateway</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>SpringGateway简介SpringGateway，这是一个基于Spring5、SpringBoot2和ProjectReactor的API网关。它旨在为微服务架构提供一个简单、有效的统一的API路由、限流、熔断等功能。在微服务的世界里，SpringGateway就像一个交通警察，负责指挥和引导各个微服务之间的交通。相较于其他的网关技术，比如Nginx、Zuul等，SpringGateway</div> </li> <li><a href="/article/1950169526440095744.htm" title="从零到一：打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战" target="_blank">从零到一：打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战</a> <span class="text-muted"></span> <div>作者简介：笙囧同学，中科院计算机大模型方向硕士，全栈开发爱好者联系方式：3251736703@qq.com各大平台账号：笙囧同学座右铭：偷懒是人生进步的阶梯前言在AI技术飞速发展的今天，如何将前沿的大模型技术与实际应用相结合，一直是我们开发者关注的焦点。今天，笙囧同学将带大家从零开始，构建一个基于GigaChatAI的艺术创作平台，实现React前端+Django后端的完整全栈解决方案。这不仅仅是</div> </li> <li><a href="/article/1950055310613868544.htm" title="Vue3组合API初体验" target="_blank">Vue3组合API初体验</a> <span class="text-muted">DTcode7</span> <a class="tag" taget="_blank" href="/search/Vue%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97/1.htm">Vue实战指南</a><a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/vue%E6%A1%86%E6%9E%B6/1.htm">vue框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue3组合API初体验基本概念与作用说明示例一：使用ref创建响应式数据示例二：使用reactive创建响应式对象示例三：使用computed计算属性示例四：使用watch监听数据变化示例五：使用provide/inject进行父子组件间通信功能使用思路与实际开发技巧1.何时使用ref与reactive？2.如何在组合式API中保持逻辑的清晰？3.如何处理异步操作？随着Vue3的发布，组合式AP</div> </li> <li><a href="/article/1949951567260086272.htm" title="第七篇快速开始-序" target="_blank">第七篇快速开始-序</a> <span class="text-muted">深圳都这么冷</span> <div>快速开始欢迎使用React文档！本页将向您介绍您每天会用到的80%的React概念。本章内容预告如何创建和嵌套组件如何添加标记和样式如何显示数据如何渲染条件表达式和列表表达式如何响应事件和更新屏幕如何在组件之间共享数据创建和嵌套组件React应用程序由组件组成。组件是UI（用户界面）的一部分，具有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。React组件是返回标记的JavaScri</div> </li> <li><a href="/article/1949936521918345216.htm" title="maven指定子项目打包" target="_blank">maven指定子项目打包</a> <span class="text-muted"></span> <div>Maven多个mudule只编译、打包指定module在多module的maven项目中，如果每次打包整个工程显得有些冗余和笨重。例如A,B,P的继承关系为P|—–A|—–B即P包含A,B的module，每次打包P都会将A,B都打包。假如我只修改了A模块，那么每次都要将B都一块打包吗？当然不是，maven提供了自定义参数：-pl,--projectsBuildspecifiedreactorpro</div> </li> <li><a href="/article/1949935132882300928.htm" title="React组件中的this指向问题" target="_blank">React组件中的this指向问题</a> <span class="text-muted"></span> <div>在React组件中，函数定义方式影响this指向的核心原因是箭头函数与普通函数的作用域绑定规则不同，具体差异如下：1.普通函数（function定义）需要手动bind(this)的原因当用function在组件内定义方法时：classMyComponentextendsReact.Component{handleClick(){console.log(this);//若未绑定，此处this为und</div> </li> <li><a href="/article/1949861487262625792.htm" title="Rust 全栈应用框架 Dioxus：从前端到桌面再到 WASM 的统一开发体验" target="_blank">Rust 全栈应用框架 Dioxus：从前端到桌面再到 WASM 的统一开发体验</a> <span class="text-muted">掘金安东尼</span> <a class="tag" taget="_blank" href="/search/%E5%AD%97%E8%8A%82/1.htm">字节</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C/1.htm">阿里</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/wasm/1.htm">wasm</a> <div>如果你正在寻找一个能用Rust写前端、桌面应用、移动应用甚至WebAssembly的统一框架，Dioxus是目前生态中最具潜力的选择之一。为什么需要Dioxus？随着WebAssembly（WASM）与Rust的发展，越来越多开发者开始思考：Rust是否能做“全栈”？是否能有像React一样的组件模型？是否可以用Rust写桌面GUI，甚至Web前端？Dioxus正是这个愿景下的产物。它是一个受Re</div> </li> <li><a href="/article/1949740580871401472.htm" title="IntelliJ IDEA 高效开发指南：从基础操作到高级技巧" target="_blank">IntelliJ IDEA 高效开发指南：从基础操作到高级技巧</a> <span class="text-muted">zqmgx13291</span> <a class="tag" taget="_blank" href="/search/intellij-idea/1.htm">intellij-idea</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>一、IDEA概述与环境配置1.1IDEA的核心优势智能代码辅助：基于上下文的代码补全（Ctrl+Space）、方法参数提示、错误实时检测全栈开发支持：内置Java/Python/JavaScript等20+语言支持，框架集成（SpringBoot/Vue/React）工具链集成：版本控制（Git/SVN）、数据库（MySQL/PostgreSQL）、容器（Docker/K8s）一站式开发性能优化：</div> </li> <li><a href="/article/1949548048325603328.htm" title="react class和function 如何模拟vue中的双向绑定监听 computed的方式" target="_blank">react class和function 如何模拟vue中的双向绑定监听 computed的方式</a> <span class="text-muted"></span> <div>在React中，类组件和函数组件的写法有所不同。你提到的「双向绑定」、「监听」和「computed（计算属性）」这几个概念，原本来源于Vue，但在React中我们也可以通过特定方式实现类似功能。下面我将分别介绍：1.类组件中的双向绑定在类组件中，要实现双向绑定（如表单输入），我们通常使用state和onChange：importReactfrom'react';classMyFormextends</div> </li> <li><a href="/article/1949546785684910080.htm" title="PostGIS面试题及详细答案120道之（021-030 ）" target="_blank">PostGIS面试题及详细答案120道之（021-030 ）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/postgis%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">postgis面试题</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录21.为什么要在PostGIS中使用空间索引？22.PostGIS支持哪些类型的</div> </li> <li><a href="/article/1949546658601693184.htm" title="Java面试题及详细答案120道之（081-100）" target="_blank">Java面试题及详细答案120道之（081-100）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/java%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">java面试题</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录81.Java中的`ConcurrentHashMap`与`HashMap`在并</div> </li> <li><a href="/article/1949546532227313664.htm" title="Openlayers 面试题及答案180道（41-60）" target="_blank">Openlayers 面试题及答案180道（41-60）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/Openlayers%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">Openlayers面试题</a><a class="tag" taget="_blank" href="/search/Openlayers%E7%A4%BA%E4%BE%8B/1.htm">Openlayers示例</a><a class="tag" taget="_blank" href="/search/Openlayers%E6%95%99%E7%A8%8B/1.htm">Openlayers教程</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.如何在OpenLayers中加载WFS数据？42.在OpenLayers中</div> </li> <li><a href="/article/1949540859238215680.htm" title="CSS面试题及详细答案140道之（41-60）" target="_blank">CSS面试题及详细答案140道之（41-60）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</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%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/CSS%E9%9D%A2%E8%AF%95/1.htm">CSS面试</a><a class="tag" taget="_blank" href="/search/CSS%E7%A4%BA%E4%BE%8B/1.htm">CSS示例</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.如何在不使用额外标记的情况下隐藏文本但保留其可访问性？42.解释`text</div> </li> <li><a href="/article/1949536826452668416.htm" title="2025年02月13日 · Go生态洞察：可扩展的 WebAssembly 应用" target="_blank">2025年02月13日 · Go生态洞察：可扩展的 WebAssembly 应用</a> <span class="text-muted">猫头虎</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Go%E7%94%9F%E6%80%81%E6%B4%9E%E5%AF%9F/1.htm">Go生态洞察</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/wasm/1.htm">wasm</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/go1.19/1.htm">go1.19</a><a class="tag" taget="_blank" href="/search/go/1.htm">go</a><a class="tag" taget="_blank" href="/search/beego/1.htm">beego</a> <div>2025年02月13日·Go生态洞察：可扩展的WebAssembly应用摘要大家好，我是猫头虎。本篇文章将带领大家深入剖析Go1.24在WebAssembly（Wasm）领域的最新特性：go:wasmexport指令、WASIReactor构建模式、丰富类型支持及其限制，并通过示例代码演示如何在实际项目中灵活运用。关键词：WebAssembly、WASI、Go1.24、go:wasmexport、</div> </li> <li><a href="/article/1949467093661446144.htm" title="每天一个前端小知识 Day 17 - 微前端架构实战与 Module Federation" target="_blank">每天一个前端小知识 Day 17 - 微前端架构实战与 Module Federation</a> <span class="text-muted"></span> <div>微前端架构实战与ModuleFederation为什么要微前端？✅传统SPA的问题：问题描述构建时间越来越长单体应用构建缓慢，难以增量部署多团队协作困难不同业务线互相依赖紧耦合技术栈难以迁移老项目技术债，无法局部替换✅微前端目标：像微服务一样拆前端系统各子应用独立开发、独立部署、独立运行支持多技术栈共存（React+Vue+原生）核心架构方案一览架构方式技术实现适用场景iframe方式每个子应用独</div> </li> <li><a href="/article/1949459858382188544.htm" title="你的一个箭头函数让我找了几天" target="_blank">你的一个箭头函数让我找了几天</a> <span class="text-muted">JsLin_</span> <div>同事的h5的相关内容给我接手了，上线后发现好多手机浏览器不显示内容，就是这个问题断断续续找了有两个星期的时间，迫使我把他的h5相关的内容用react重构了一遍，重构完又发现一大堆事情。先抱怨下吧首先，一个网站的域名竟然不指定首页？大图片资源不压缩？找了一段时间，没找到原因，迫使我把它的代码用react重构了，也正好练练手。重构完了之后，发现运维那里的以前的工程nginx部署没有指定主页，才发现官网</div> </li> <li><a href="/article/1949392722615922688.htm" title="面试复盘：为什么Vue2的data数据量大时内存开销大？" target="_blank">面试复盘：为什么Vue2的data数据量大时内存开销大？</a> <span class="text-muted">neon1204</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>背景描述今天前端技术面试中，面试官针对Vue2的源码和性能方面提问：“当data中存储大量数据时，为什么内存开销显著增加？”。本文复盘梳理我的回答思路：一、核心机制：Object.defineProperty的递归与闭包Vue2的响应式系统通过递归遍历data中的每个属性，将其转换为getter/setter。这一过程在源码中由defineReactive函数实现，其内存开销主要来自以下三点：1.</div> </li> <li><a href="/article/1949327524823625728.htm" title="React入门指南——指北指南（第二节）" target="_blank">React入门指南——指北指南（第二节）</a> <span class="text-muted">逢着</span> <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实践：创建你的第一个待办事项列表在前面的章节中，我们学习了React的核心概念（组件、Props、State等）。本节将通过一个实际案例——创建待办事项列表（TodoList），帮助你巩固这些概念，并掌握React中处理用户交互、动态数据的基本方法。案例目标我们将构建一个简单但功能完整的待办事项应用，包含以下功能：输入框中输入文本，点击按钮添加新的待办项；显示所有待办项的列表；点击单个待</div> </li> <li><a href="/article/1949327525301776384.htm" title="React入门学习——指北指南（第三节）" target="_blank">React入门学习——指北指南（第三节）</a> <span class="text-muted">逢着</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>React组件在前面的内容中，我们了解了React的基础知识和入门案例。本节将深入探讨React中最核心的概念之一——组件。组件是构建React应用的基础，理解组件的工作原理和使用方法，对于掌握React开发至关重要。什么是组件？在React中，组件是具有独立功能和UI的可复用代码块。可以将组件看作是构建用户界面的“积木”，通过组合不同的组件，能够搭建出复杂的页面。组件就像一个函数，它可以接收输入</div> </li> <li><a href="/article/1949301425460801536.htm" title="Java面试题及详细答案120道之（041-060）" target="_blank">Java面试题及详细答案120道之（041-060）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/java%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">java面试题</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.什么是工厂模式？简单工厂、工厂方法、抽象工厂的区别？42.Java中的泛型</div> </li> <li><a href="/article/1949256916337225728.htm" title="快速梳理遗留项目" target="_blank">快速梳理遗留项目</a> <span class="text-muted">lixzest</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>梳理一个别人写的代码项目是开发者常遇到的任务，尤其是接手遗留项目或团队协作时。以下是系统化的步骤和技巧，帮助快速理解项目结构和逻辑：1.了解项目背景项目目标：与产品经理或前任开发者沟通，明确项目用途（如电商系统、数据分析工具等）。技术栈：确认语言（Python/Java/Go等）、框架（Spring/Django/React等）、数据库（MySQL/MongoDB等）。文档检查：优先阅读READM</div> </li> <li><a href="/article/1949236611715756032.htm" title="如何实现零成本裂变?微信推客带货小程序开发功能模式全解析" target="_blank">如何实现零成本裂变?微信推客带货小程序开发功能模式全解析</a> <span class="text-muted">开发加微信：hedian116</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a> <div>引言在当今社交电商蓬勃发展的背景下，微信推客系统作为一种基于社交关系的分销模式，其技术实现和架构设计值得开发者深入探讨。本文将从技术角度分析微信推客系统的核心组件和实现原理，避免商业营销，专注于技术层面的分享。一、微信推客系统的基本架构1.1前端架构微信推客系统通常采用混合开发模式：小程序前端：使用WXML+WXSS+JavaScript技术栈H5页面：Vue.js或React框架实现跨平台兼容原</div> </li> <li><a href="/article/1949208866151526400.htm" title="React Native启动android报错 Failed to install the app. Command failed with exit code 1: gradlew.b（亲测有效）" target="_blank">React Native启动android报错 Failed to install the app. Command failed with exit code 1: gradlew.b（亲测有效）</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%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">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>一、原因react-nativerun-android或npxreact-nativestart命令的默认行为是：编译APK（通过Gradle）。安装APK到设备（通过adbinstall）。启动应用（通过adbshellamstart）。如果模拟器未提前启动：adb可能找不到设备，导致安装步骤失败。错误可能表现为Noconnecteddevices!或INSTALL_FAILED。二、解决方法注</div> </li> <li><a href="/article/1949198772189851648.htm" title="算法在前端框架中的集成" target="_blank">算法在前端框架中的集成</a> <span class="text-muted"></span> <div>引言算法是前端开发中提升性能和用户体验的重要工具。随着Web应用复杂性的增加，现代前端框架如React、Vue和Angular提供了强大的工具集，使得将算法与框架特性（如状态管理、虚拟DOM和组件化）无缝集成成为可能。从排序算法优化列表渲染到动态规划提升复杂计算效率，算法的集成能够显著改善应用的响应速度和资源利用率。本文将探讨如何将常见算法（排序、搜索和动态规划）集成到前端框架中，重点介绍框架特性</div> </li> <li><a href="/article/1949090081813884928.htm" title="React Native 双向无限滚动组件教程" target="_blank">React Native 双向无限滚动组件教程</a> <span class="text-muted"></span> <div>ReactNative双向无限滚动组件教程项目介绍react-native-bidirectional-infinite-scroll是一个基于ReactNative的FlatList组件扩展库，旨在实现双向无限滚动功能，并保持平滑的滚动体验。该组件允许用户在列表的顶部和底部进行无限滚动加载，适用于需要大量数据展示的应用场景。项目快速启动安装首先，通过npm或yarn安装react-native-</div> </li> <li><a href="/article/1949040142429777920.htm" title="1、云原生开发：Go 与 React 构建之路" target="_blank">1、云原生开发：Go 与 React 构建之路</a> <span class="text-muted">sea99</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F%E5%BC%80%E5%8F%91/1.htm">云原生开发</a><a class="tag" taget="_blank" href="/search/Go%E8%AF%AD%E8%A8%80/1.htm">Go语言</a><a class="tag" taget="_blank" href="/search/React%E6%A1%86%E6%9E%B6/1.htm">React框架</a> <div>云原生开发：Go与React构建之路1.香港天际线与海港之景香港以其壮观的天际线和海港闻名。据相关数据，香港拥有315座高度至少150米的建筑，数量超过全球任何其他城市。近四分之三的摩天大楼为住宅，这也解释了为何香港居住在14层以上的居民比其他城市更多。香港最高的建筑是国际商业中心，高达484米，比帝国大厦尖顶还高出40多米。在天气良好的夜晚，游客可以欣赏到“幻彩咏香江”灯光音乐汇演，这场灯光和激</div> </li> <li><a href="/article/1948979508900065280.htm" title="Rails：为什么这个“过气”框架还能让你爽到飞起？(Web开发老炮的真心话)" target="_blank">Rails：为什么这个“过气”框架还能让你爽到飞起？(Web开发老炮的真心话)</a> <span class="text-muted">datadreamer</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a> <div>文章目录伙计们，聊聊Rails吧！RubyonRails。这名字，在如今React、Vue、各种微服务满天飞的时代，听起来是不是有点…**复古**？我第一次接触Rails还是十几年前（暴露年龄了！），当时就被它惊到了：**“写Web应用还能这么爽？！”**这么多年过去，经历各种技术浪潮冲刷，Rails不仅没死，反而活得挺滋润？为啥？因为它抓住了开发者的**核心痛点**——**效率**和**愉悦感*</div> </li> <li><a href="/article/1948927069853380608.htm" title="Java面试题及详细答案120道之（021-040）" target="_blank">Java面试题及详细答案120道之（021-040）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/java%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">java面试题</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录21.对象在java中如何序列化？22.Java中的try…catch是用于异常</div> </li> <li><a href="/article/1948907776386330624.htm" title="前端 JavaScript 跨端开发框架对比" target="_blank">前端 JavaScript 跨端开发框架对比</a> <span class="text-muted">AI实战架构笔记</span> <a class="tag" taget="_blank" href="/search/AI%E6%9E%B6%E6%9E%84%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI架构开发实战</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><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/ai/1.htm">ai</a> <div>前端JavaScript跨端开发框架对比关键词：JavaScript、跨端开发、ReactNative、Flutter、Weex、Taro、Uni-app、性能优化摘要：本文深入对比了当前主流的JavaScript跨端开发框架，包括ReactNative、Flutter、Weex、Taro和Uni-app。我们将从架构原理、性能表现、开发体验、生态支持和实际应用场景等多个维度进行全面分析，帮助开发</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>