动物园里吃不饱
动物园里吃不饱
FF下面，class="ui-dialog"的元素，包含的样式transform: scale(1);后 它下面的object视频，显示空白 干！
## 全面解析children在react中的应用 [原文地址](http://mxstbr.blog/2017/02/react-children-deepdive/) react的核心是组件。你可以像嵌套html标签那样嵌套react组件，因为它类似于标记，使得编写jsx变得很容易。当我刚学react的时候，我认为使用props.children就是了。我认为自己知道关于children的一切。但是，我错了。因为我正在使用javascript，我可以改变children。我们可以给他们传递特殊的属性，来决定是否渲染他们并且可以按照我们的意愿去操作他们。让我们来深入发掘react中children的潜力吧 ### 子组件 我们假设有一个组件，它包含.你可以像下面这样使用: ```javascript ```  这三个Row组件是被当作props.children传递给Grid组件的。使用表达式容器(这是在JSX中那些歪歪的括号的技术术语)，父容器可以渲染他们的孩子: ```javascript class Grid extends React.Component { render() { return ( {this.props.children} ); } } ``` 父亲也可以直接决定是否渲染孩子或者在渲染前操作他们。例如这个组件并不渲染任何孩子 ```javascript class Fullstop...
> 待分组的数组： ``` var arr = [ {city: "上海", location: "浦东"}, {city: "上海", location: "静安"}, {city: "北京", location: "内环"}, {city: "北京", location: "五环"}, {city: "苏州", location: "苏州"}, ]; ``` >forEach实现第一种：...
Js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了js中this的常见用法，喜欢的可以看看： - 全局作用域或者普通函数中this指向全局对象window。 ``` //直接打印 console.log(this) //window ``` ``` //function声明函数 function bar () {console.log(this)} bar() //window ``` ``` //function声明函数赋给变量 var bar = function () {console.log(this)} bar() //window ``` ``` //自执行函数...
> 常见的表单操作是处理写好的表单 ``` ``` > 有时，我们的表单是后端返回数据，生成的 ``` {{each list}} {{/each}} ``` > 这时候，很关键的一步： 怎么获取到表单中，各表单元素值呢？ #### 第一步： ``` {{each list}} {{/each}} ``` #### 第二步： ``` var formData = $(form).serializeNestedObject(); var entrieStr...
日常git命令
 - Workspace：工作区 - Index / Stage：暂存区 - Repository：仓库区（或本地仓库） - Remote：远程仓库  Git仓库有三个主要组成——工作目录，缓存区和提交历史。这张图有助于理解每个命令到底产生了哪些影响。当你阅读的时候，牢记这张图。   ### Every day - git -pull git pull命令的作用是，取回远程主机某个分支的更新，再与本地的指定分支合并。 完整格式： $ git pull : - git...
在使用React构建项目的过程中，经常会碰到在不同的组件中需要用到相同功能的情况。不过我们知道，去这些组件中到处编写同样的代码并不优雅。 在以往，为了解决以上的情况，我们会用到Mixin这种方式来解决问题。 以下是一个最为简单的Mixin ``` var defaultMixin = { getDefaultProps: function() { return { name: "Allen" } } } var Component = React.createClass({ mixins: [defaultMixin], render: function() { return Hello, {this.props.name}...
在过去的几年，我经手过很多大大小小的React项目，在这个过程中，我不断的重复重复，逐渐的形成了一些模式，在这里分享给大家。 如果你是刚开始接触React，能看到这篇文章，只能说你很幸运 ：）。 如果你没有接触过React，你可以跳过（3，6，8，10）节。 ### 数据向下和向上传递 对于刚接触React新手，我通常都会告诉他们数据的传递模式，也就是父组件向子组件传递数据（比如一个对象，一个字符串等等），也可以是一个方法，使得父组件可以得到子组件的数据。 就像把一包薯片和一个对讲机传递到被困井下的矿工手上。 下图是最简单的模式  （此图胜过千言万语） 父组件在左边，子组件在右边。连接两个组件的props允许信息在两个方向任意流动。 一个 props 是items，传递信息到子组件。 一个 props 是deleteitem，给子组件一个方法来告诉父组件（“ 删除这个item ”）。 ### 修复HTML的input标签 关于React组件化的一个重要方面就是，如果HTML中的标签不能按照你想要的方式工作，你可以按照你的方式定义它。 当我创建一个页面，页面有很多用户输入框，第一步先处理这些标签。  还需要注意: 输入框应该通过onChange方法返回输入值。 确保输入值的类型与onChange返回值的类型相同，如果typeof props.value的类型是number，那么就需要将e.target.value的类型转换成number。 一组单选按钮的功能和``一样，只是UI不同。可以在你的应用中统一成一个组件（比如``），然后通过传递ui="radio"...
- [全栈React: React 30天](http://www.zcfy.cc/article/fullstack-react-30-days-of-react-3758.html) - [全栈React: 第1天 什么是 React?](http://www.zcfy.cc/article/fullstack-react-what-is-react-3765.html) - [全栈React: 第2天 什么是 JSX?](http://www.zcfy.cc/article/fullstack-react-what-is-jsx-3797.html) - [全栈React: 第3天 我们的第一个组件](http://www.zcfy.cc/article/fullstack-react-our-first-components-3799.html) - [全栈React: 第4天 复杂组件](http://www.zcfy.cc/article/fullstack-react-complex-components-3817.html?t=new) - [全栈React: 第5天 数据驱动](http://www.zcfy.cc/article/fullstack-react-data-driven-3821.html?t=new) - [全栈React: 第6天 状态](http://www.zcfy.cc/article/fullstack-react-state-3824.html?t=new)...
这确实是一篇针对于基于 JavaScript 语言编程的开发者必读的文章。在过去几年我学习 JavaScript 的时候，我写下了这篇文章，并将其作为 JavaScript 快速编程技巧的一个重要参考。为了有助于理解，针对常规写法我也给出了相关的编程观点。 2017 年 6 月 14 日：这篇文章更新了一些基于 ES6 的速记写法。如果你想进一步了解 ES6 中有哪些新增的变化，可以注册 SitePoint Premium 并查看我们录制的视频A Look into ES6。 1. 三元操作符 如果你想只用一行代码写出一个 if..else 表达式，那么这是一个很好的节省代码的方式。 常规写法： const...