登录注册
京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

欢马劈雪

  • iScroll的版本

    针对iScroll的优化。为了达到更高的性能，iScroll分为了多个版本。你可以选择最适合你的版本。目前我们有以下版本：iscroll.js，这个版本是常规应用的脚本。它包含大多数常用的功能，有很高的性能和很小的体积。iscroll-lite.js，精简版本。它不支持快速跳跃，滚动条，鼠标滚轮，快捷键绑定。

    欢马劈雪
    iscroll， 版本， iscroll-5， api， 中文版

  • iScroll-5 API 中文版

    iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll，你的项目便拥有了滚动，缩放，平移，无限滚动，视差滚动，旋转功能。

    欢马劈雪
    iscroll-5， api， 中文版

  • Dangerously Set innerHTML

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

    欢马劈雪
    dangerously， set， innerhtml， react， 中文版

  • 与其他类库并行使用 React

    你不用非得全部采用 React。组件的生命周期事件，特别是componentDidMount 和 componentDidUpdate，非常适合放置其他类库的逻辑代码。var App = React.createClass({ getInitialState: function() { return {myModel: new myBackboneModel({items: [1, 2, 3]})}; }, componentDidMount: function() { $(this.refs.placeholder.getDOMNode()).append($('<

    欢马劈雪
    与其， 类库， 并行， 使用， react

  • this.props.children undefined

    你没办法通过 this.props.children 取得当前组件的子元素。 因为this.props.children 返回的是组件拥有者传递给你的 passed onto you 子节点。var App = React.createClass({ componentDidMount: function() { // This doesn't refer to the `span`s! It refers to the children between // last line's `<App></App>`, which are undefined.

    欢马劈雪
    this.props.children， undefined， react， 中文版

  • 组件的引用

    如果你正在一个大型的非 React 应用里使用 React 组件，或者准备将你的代码转换成 React，你可能需要保持组件的引用。 React.render 会返回一个渲染后的组件的引用：var myComponent = React.render(<MyComponent />, myContainer);记住，JSX 并不会返回组件的引用！ 它只是一个 ReactElement : 一个用来告知 React 渲染后的组件应该长什么样子的轻便的标识符。

    欢马劈雪
    组件， 引用， react， 中文版

  • 公开组件功能

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

    欢马劈雪
    公开， 组件， 功能， react， 中文版

  • 组件间的通信

    对于 父-子 通信，直接 pass props.对于 子-父 通信：例如： GroceryList 组件有一些通过数组生成的子节点。当这些节点被点击的时候，你想要展示这个节点的名字：var GroceryList = React.createClass({ handleClick: function(i) { console.log('You clicked: ' + this.props.items[i]); }, render: function() { return ( <div>

    欢马劈雪
    组件， 通信， 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);

    欢马劈雪
    jsx， false， 处理， react， 中文版

  • 通过 AJAX 加载初始数据

    在 componentDidMount 时加载数据。当加载成功，将数据存储在 state 中，触发 render 来更新你的 UI。当执行同步请求的响应时，在更新 state 前， 一定要先通过 this.isMounted() 来检测组件的状态是否还是 mounted。下面这个例子请求了一个 Github 用户最近的 gist:var UserGist = React.

    欢马劈雪
    通过， ajax， 加载， 初始， 数据

  • 组件的 DOM 事件监听

    注意：这篇文章是讲如何给 DOM 元素绑定 React 未提供的事件 (check here for more info。 当你想和其他类库比如 jQuery 一起使用的时候，需要知道这些。Try to resize the window:var Box = React.createClass({ getInitialState: function() { return {windowWidth: window.innerWidth}; }, handleResize: function(e) { this.

    欢马劈雪
    组件， dom， 事件， 监听， react

  • getInitialState 里的 Props 是一个反模式

    注意：这实际上不是一篇单独的 React 提示，因为类似的反模式设计也经常会在平时的编码中出现；这里，React 只是简单清晰地指出来这个问题使用 props, 自父级向下级传递，在使用 getInitialState 生成 state 的时候，经常会导致重复的"来源信任"，i.e. 如果有可能，请尽量在使用的时候计算值，以此来确保不会出现同步延迟的问题和状态保持的问题。

    欢马劈雪
    getinitialstate， props， 一个， 模式， react

  • Mounting 后 componentWillReceiveProps 未被触发

    当节点初次被放入的时候 componentWillReceiveProps 并不会被触发。这是故意这么设计的。查看更多 其他生命周期的方法 。原因是因为 componentWillReceiveProps 经常会处理一些和 old props 比较的逻辑，而且会在变化之前执行；不在组件即将渲染的时候触发，这也是这个方法设计的初衷。

    欢马劈雪
    mounting， componentwillreceiveprops， 未被， 触发， react

  • Controlled Input 值为 null 的情况

    为每个 controlled component 指定 value 属性，来防止用户修改输入除非你希望如此。你也许会遇到这种问题：虽然已经指定了 value ，但是 input 依然可以未经允许就改变。这种情况，可能是因为一不小将 value 设置成了 undefined 或 null。下面这条代码片段展示了这个现象，一秒钟之后，文本变得可编辑了。React.render(<input value="hi" />, mountNode);

    欢马劈雪
    controlled， input， null， 情况， react

  • 子 props 的类型

    通常，一个组件的子代（this.props.children）是一个组件的数组：var GenericWrapper = React.createClass({ componentDidMount: function() { console.log(Array.isArray(this.props.children)); // => true }, render: function() { return <div />; }});React.render( <GenericWrapper><span/><span/><span/><

    欢马劈雪
    props， 类型， react， 中文版

  • 在样式props中快速制定像素值

    当为内联样式指定一个像素值得时候， React 会在你的数字后面自动加上 "px" , 所以下面这样的写法是有效的：var divStyle = {height: 10}; // rendered as "height:10px"React.render(<div style={divStyle}>Hello World!</div>, mountNode);查看 Inline Styles 获得更多信息。有时候你_的确需要_保持你的CSS属性的独立性。下面是不会自动加 "

    欢马劈雪
    样式， props， 快速， 制定， 像素

  • JSX 根节点的最大数量

    目前， 一个 component 的 render，只能返回一个节点。如果你需要返回一堆 div ， 那你必须将你的组件用 一个div 或 span 或任何其他的组件包裹。切记，JSX 会被编译成常规的 JS； 因此返回两个函数也就没什么意义了，同样地，千万不要在三元操作符中放入超过一个子节点。

    欢马劈雪
    jsx， 节点， 最大， 数量， react

  • 自闭合标签

    在 JSX 中， <MyComponent /> 是合法的，而 <MyComponent> 就不合法。 所有的标签都必须闭合，可以是自闭和的形式，也可以是常规的闭合。注意：所有 React component 都可以采用自闭和的形式：<div />. <div></div> 它们是等价的。

    欢马劈雪
    闭合， 标签， react， 中文版

  • JSX 中的 If-Else

    你没法在JSX中使用 if-else 语句，因为 JSX 只是函数调用和对象创建的语法糖。看下面这个例子：// This JSX:React.render(<div id="msg">Hello World!</div>, mountNode);// Is transformed to this JS:React.render(React.createElement("div", {id:"msg"}, "Hello World!"), mountNode);// JSX 代码:React.render(<div id="msg">Hello World!<

    欢马劈雪
    jsx， if-else， react， 中文版

  • 行内样式

    在 React 中，行内样式并不是以字符串的形式出现，而是通过一个特定的样式对象来指定。

    欢马劈雪
    行内， 样式， react， 中文版
上一页 下一页

个人简介

  1. 欢马劈雪

  2. 纵马驰骋迎雪而行

  3. 获得 161932 积分

  4. https://nowjava.com/creator/10001

热门标签

关注时代Java

Copyright © 2014-2024NowJava. All Rights Reserved. 时代Java 版权所有 京ICP备14059627号-7

关注时代Java