与中文版标签相关的技术文章 - 时代Java，与您同行！

时代Java，与您同行！关注微信公众号，关注前沿技术，微信搜索：nowjava或时代Java，也可点击这里扫码关注

时代Java

登录注册

与 “中文版” 标签相关内容。

Dangerously Set innerHTML

不合时宜的使用 innerHTML 可能会导致 cross-site scripting (XSS) 攻击。净化用户的输入来显示的时候，经常会出现错误，不合适的净化也是导致网页攻击的原因之一。我们的设计哲学是让确保安全应该是简单的，开发者在执行“不安全”的操作的时候应该清楚地知道他们自己的意图。

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

dangerously， set， innerhtml， react，中文版
公开组件功能

组件之间的交互还有另一种(不常见的)方法：对父组件要调用的子组件简单的公开方法。以一个待办事项列表为例，点击后该列表会被删除。如果只剩下一个未完成的待办事项，给它添加动画：var Todo = React.createClass({ render: function() { return <div onClick={this.props.onClick}>{this.props.title}</div>;

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

公开，组件，功能， react，中文版
JSX 的 false 处理

这篇文章展示了在不同上下文中 false 的渲染:被渲染成 id="false":React.render(<div id={false} />, mountNode);String "false" as input value:input value 的值将会是 "false" 字符串React.render(<input value={false} />, mountNode);没有子节点React.render(<div>{false}</div>, mountNode);

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

jsx， false，处理， react，中文版
React （虚拟）DOM 术语

在 React 的术语中，有五个核心类型，区分它们是很重要的：React 元素React 中最主要的类型就是 ReactElement。它有四个属性：type，props，key 和 ref。它没有方法，并且原型上什么都没有。可以通过 React.createElement 创建该类型的一个实例。var root = React.createElement('div');为了渲染一个新的树形结构到 DOM 中，你创建若干个 ReactElement，然后传给 React.

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

react，虚拟， dom，术语，中文版
特殊的非 DOM 属性

除了与 DOM 的差异之外，React 也提供了一些 DOM 里面不存在的属性。key：可选的唯一的标识器。当组件在渲染过程中被各种打乱的时候，由于差异检测逻辑，可能会被销毁后重新创建。给组件绑定一个 key，可以持续确保组件还存在 DOM 中。更多内容请参考这里。ref：参考这里。dangerouslySetInnerHTML：提供插入纯 HTML 字符串的功能，主要为了能和生成 DOM 字符串的库整合。

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

特殊， dom，属性， react，中文版
标签和属性支持

支持的标签React 尝试支持所用常用的元素。如果你需要的元素没有在下面列出来，请提交一个问题（issue）。

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

标签，属性，支持， react，中文版
性能分析工具

通常情况下，React 在沙箱中是非常快的。但是，在你应用的一些情景中，你需要仔细推敲每一个性能点。React 提供了一个函数 shouldComponentUpdate，通过这个函数，你能够给React的差异检查添加优化代码。为了给你一个你的应用总体的性能概览，ReactPerf 是一个分析工具，告诉你需要把这些钩子函数放在哪里。

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

性能，分析，工具， react，中文版
双向绑定辅助工具

ReactLink是一种简单表达React双向绑定的方式。注意：如果你是这个框架的初学者，记住ReactLink对于大多数应用来说都是不需要的，应该谨慎使用。在React里面，数据流是一个方向的：从拥有者到子节点。这是因为根据the Von Neumann model of computing，数据仅向一个方向传递。你可以认为它是单向数据绑定。然而，有很多应用需要你读取一些数据，然后传回给你的程序。

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

双向，绑定，辅助工具， react，中文版
工具集成（ToolingIntegration）

每个项目使用不同的系统来构建和部署JavaScript。我们尝试尽量让React环境无关。ReactCDN托管的React我们在我们的下载页面提供了React的CDN托管版本。这些预构建的文件使用UMD模块格式。直接简单地把它们放在<script>标签中将会给你环境的全局作用域引入一个React对象。React也可以在CommonJS和AMD环境下正常工作。

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

工具，集成， toolingintegration， react，中文版
更多的关于Refs

从你的 render 方法中返回你的 UI 结构后，你会发现你想要“伸手”调用从 render 返回的组件实例的方法。通常来说，这样做对于通过你的应用程序制作数据流是没有必要的，因为 Reactive 数据流总是确保最新的 props 被发送到由 render() 输出的每个孩子中。但是在一些情况下，它仍然有可能是必要或有益的。考虑这样一种情况，当你在把一个 <input / >

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

更多，关于， refs， react，中文版
浏览器中的工作原理

React提供了强大的抽象，让你在大多数应用场景中不再直接操作DOM，但是有时你需要简单地调用底层的API，或者借助于第三方库或已有的代码。虚拟DOMReact是很快的，因为它从不直接操作DOM。React在内存中维护一个快速响应的DOM描述。render()方法返回一个DOM的描述，React能够利用内存中的描述来快速地计算出差异，然后更新浏览器中的DOM。

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

浏览器，工作，原理， react，中文版
动态交互式用户界面

我们已经学习如何使用 React 显示数据。现在让我们来学习如何创建交互式界面。简单例子var LikeButton = React.createClass({ getInitialState: function() { return {liked: false}; }, handleClick: function(event) { this.setState({liked: !this.state.liked}); }, render: function() { var text = this.state.liked ?

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

动态，交互式，用户界面， react，中文版
JSX 展开属性

如果你事先知道组件需要的全部 Props（属性），JSX 很容易地这样写： var component = <Component foo={x} bar={y} />;修改 Props 是不好的，明白吗如果你不知道要设置哪些 Props，那么现在最好不要设置它： var component = <Component />; component.props.foo = x; // 不好 component.props.bar = y;

欢马劈雪 2020-08-04 05:37:59 2020-08-04 05:37:59

jsx，展开，属性， react，中文版
发展路线图

2.1调查 Function bind 操作符支持工程引用readonly 修饰符调查具名类型支持Language Service API里支持代码重构功能扁平化声明2.

Xebcnor 2020-08-04 05:37:59 2020-08-04 05:37:59

发展，路线图， typescript， handbook，中文版
架构概述

层次概述核心TypeScript编译器语法分析器（Parser）：以一系列原文件开始, 根据语言的语法, 生成抽象语法树（AST）联合器（Binder）：使用一个Symbol将针对相同结构的声明联合在一起（例如：同一个接口或模块的不同声明，或拥有相同名字的函数和模块）。这能帮助类型系统推导出这些具名的声明。

Xebcnor 2020-08-04 05:37:59 2020-08-04 05:37:59

架构，概述， typescript， handbook，中文版
支持TypeScript的编辑器

快捷列表AtomEclipseEmacsNetBeansSublime TextTypeScript BuilderVimVisual StudioVisual Studio CodeWebStormAtomAtom-TypeScript，由TypeStrong开发的针对Atom的TypeScript语言服务。EclipseEclipse TypeScript 插件，由Palantir开发的Eclipse插件。

Xebcnor 2020-08-04 05:37:59 2020-08-04 05:37:59

支持， typescript，编辑器， handbook，中文版
编码规范

这个编码规范是给TypeScript开发团队在开发TypeScript时使用的。对于使用TypeScript的普通用户来说不一定适用，但是可以做为一个参考。命名使用PascalCase为类型命名。不要使用I做为接口名前缀。使用PascalCase为枚举值命名。使用camelCase为函数命名。使用camelCase为属性或本地变量命名。不要为私有属性名添加_前缀。尽可能使用完整的单词拼写命名。

Xebcnor 2020-08-04 05:37:59 2020-08-04 05:37:59

编码，规范， typescript， handbook，中文版
NPM包的类型

TypeScript编译器处理Node模块名时使用的是[Node.js模块解析算法](https://nodejs.org/api/modules.html#modules_all_together)。TypeScript也可以同时加载与npm包绑在一起的类型声明文件。编译通过下面的规则来查找`"foo"`模块的类型信息：1. 尝试加载相应代码包目录下`package.json`文件（`node_modules/foo/`）。如果存在，从`"typings"`字段里读取类型文件的路径。

Xebcnor 2020-08-04 05:37:59 2020-08-04 05:37:59

npm，类型， typescript， handbook，中文版
三斜线指令

三斜线指令是包含单个XML标签的单行注释。注释的内容会做为编译器指令使用。三斜线指令仅可放在包含它的文件的最顶端。一个三斜线指令的前面只能出现单行或多行注释，这包括其它的三斜线指令。如果它们出现在一个语句或声明之后，那么它们会被当做普通的单行注释，并且不具有特殊的涵义。/// <reference path="..." />/// <reference path="..." />

Xebcnor 2020-08-04 05:37:59 2020-08-04 05:37:59

斜线，指令， typescript， handbook，中文版
模块解析

这节假设你已经了解了模块的一些基本知识请阅读模块文档了解更多信息。模块解析就是指编译器所要依据的一个流程，用它来找出某个导入操作所引用的具体值。假设有一个导入语句import { a } from "moduleA";为了去检查任何对a的使用，编译器需要准确的知道它表示什么，并且会需要检查它的定义moduleA。这时候，编译器会想知道“moduleA的shape是怎样的？

Xebcnor 2020-08-04 05:37:59 2020-08-04 05:37:59

模块，解析， typescript， handbook，中文版

Dangerously Set innerHTML

公开组件功能

JSX 的 false 处理

React （虚拟）DOM 术语

特殊的非 DOM 属性

标签和属性支持

性能分析工具

双向绑定辅助工具

工具集成（ToolingIntegration）

更多的关于Refs

浏览器中的工作原理

动态交互式用户界面

JSX 展开属性

发展路线图

架构概述

支持TypeScript的编辑器

编码规范

NPM包的类型

三斜线指令

模块解析

热门标签

社区

关于