作者 | 王下邀月熊 编辑 | 尾尾 注意，微信不支持外链，请大家复制相关内容后的短链接，在浏览器中前往阅读。查看本文带链接版请点击文末“阅读原文”。 新闻热点 国内国外，前端最新动态 《苹果「热修复门」事件复盘、分析和展望》：近日，部分使用 Rollout.js 或者 JSPatch 的开发者表示其应用在提交审核时受到了警告，表示因为应用可能会在运行时改变其功能特征而被打回。与此同时 React

jsx语法的简介 什么是jsx 如何使用jsx 什么是jsx jsx = JavascriptXml = 虚拟dom jsx是基于EcmaScript的一种新特性 jsx是一种定义带属性（DOM属性）树结构(DOM结构)的语法 jsx的特点 类xml语法容易接受 增加js语义 结构清晰 抽象程度高&&跨平台 代码模块化 jsx的语法 元素名 （首字母大写） 子节点 （嵌套） 求值表达式 可以是三元

JSX produces React "elements". JSX用于产生React元素。 You can embed any JavaScript expression in JSX by wrapping it in curly braces. 可以在花括号里面嵌入js表达式。 2.HTML 标签 和 React 组件 在JSX语法中，遇到HTML标签（以<开头）就用HTML规则解析，遇到代

1.JSX代表对象 Babel compiles JSX down to  React.createElement()  calls. Babel编译JSX直到React.createElement()方法调用。 const element = ( <h1 className="greeting"> Hello, world! </h1> ); const element = Re

1.把元素渲染进DOM To render a React element into a root DOM node, pass both to  ReactDOM.render() 为了把一个react元素渲染进DOM，把他们两个都传进ReactDOM.render()方法。 const element = <h1>Hello, world</h1>; ReactDOM.render( el

react实现 目录结构 index.js var React = require('react'), ReactDOM = require('react-dom'), App = require('./App/index.js'), Todo = require('./to-do/index'); require('./index.css'); ReactDOM.r

1.Functional and Class Components They accept arbitrary inputs (called "props") and return React elements describing what should appear on the screen. 控件可以接受任意输入（叫做props），返回要显示在screen上的React 元素。 funct

1.Introduction of state the fact that the  Clock  sets up a timer and updates the UI every second should be an implementation detail of the  Clock . 事实上组件的功能和更新UI的代码应该是组件自己的具体实现细节。 ReactDOM.render(

react + Ant Design后台管理系统 下载命令：npm install antd --save 官网：https://ant.design Step 1：安装脚手架工具 （Node.js 需要 v4.x 或以上） $ npm install antd-init -g step 2：创建项目&初始化 $ mkdir ant-design-demo && cd ant-design-dem

前端每周清单第 8 期：React 16 即将发布，微软发布跨平台开发框架 ReactXP，Twitter Lite 的构建之道 为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的 Web 前端入门与工程实践的前端每周清单系列系列；部分文章需要自备梯子。 前端每周清单第 8 期：React 16 即将发布，微软发布跨平台开发框架 ReactXP，Twitt

作者 | 王下邀月熊 编辑 | 尾尾 由于微信不支持外链，故在相关内容后的提供了短链接，方便大家复制。查看本文带链接版请移步： https://zhuanlan.zhihu.com/p/26282082 。 新闻热点 国内国外，前端最新动态 《React 15.5.0 版本发布》：近日 React 宣布发布 15.5.0 版本， 并且宣告了在即将发布的 React 16 版本中带来的一系列性能的提

前端路由的由来是利用location hash 锚点的值来跳转路由 <button id='aaa'>aaa</button> <button id='bbb'>bbb</button> <a href="#ccc">ccc</a><br/> <a href="#ddd">ddd</a>

作者｜王下邀月熊 编辑｜尾尾 由于微信不支持外链，故在相关内容后的提供了短链接，方便大家复制。查看本文带链接版请移步： https://zhuanlan.zhihu.com/p/26441927。     新闻热点 国内国外，前端最新动态 《Prettier 1.0 发布》：Prettier 是目前最为流行的 JavaScript 格式化工具之一，其能够将代码编译为 AST 然后将格式化之后的代码

前端每周清单第 9 期：React Studio 1.0.2、ECharts GL 1.0 alpha发布；向jQuery用户介绍Vue 为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的 Web 前端入门与工程实践的前端每周清单系列系列；部分文章需要自备梯子。 前端每周清单第 9 期：React Studio 1.0.2、ECharts GL 1.0 a

react-redux 下载：npm install --save react-redux npm install --save redux 一个简易的redux的实现 流程如下 import React from 'react'; import {Provider,connect} from 'react-redux' import {createStore,combineReducers} f

1.下载脚手架 安装顺序：npm install -g create-react-app create-react-app my-app（可以在指定的目录下创建） cd my-app/ npm start 2.下载路由 指定版本：先安装 npm install --save react-router@3.0.0 最新版本4.1.1跳转不过去 3.下载antd desin npm install a

0x01 前言 擅长于Java后台开发，来前端探探路。 软件开发大体上可以分为前端、客户端、后端，这三大类。本片主要带大家来初探下前端一些相关的技术，主要围绕一直争论不断的React（因为还有很多人会认为angular、vue会是比React更好的前端开发技术）。 本篇主要漫谈的React体系技术有：redux + react-router + redux-saga + g2 + antd 0x0

走在前端的大道上 持续更新，最后更新时间2017年6月19日 从 JavaScript 作用域说开去 不再彷徨：完全弄懂JavaScript中的this（译文总结） iframe高度自适应的6个方法 JS中decodeURI()与decodeURIComponent()区别 JavaScript 中回调地狱的今生前世 细谈JavaScript中的一些设计模式 重温ES6核心概念和基本用法 图片预加

周末是时隔两月的家人团聚，而每次内容的准备平均需要我集中精力工作 3 小时，所以第 59 期的内容今早才准备好，对不住大家了。本期的引子是“选 Flow 还是 TypeScript”，缘起于去年底的 JS 调查报告展示 39% 的程序员听说过会准备采用 TypeScript，你是其中一份子么？从想用到真正开始用缺的就是实践。而笔者也是最近才开始拥抱 TypeScript。下面是本周精选内容，请享用

作者｜王下邀月熊 编辑｜尾尾 链接点不开？—— 重要的事情要特意提醒： 由于微信不支持外链（注意是外链），故在相关内容后的提供了短链接，方便大家复制。查看本文 带链接版请点击阅读原文。 新闻热点 国内国外，前端最新动态 TypeScript 2.4 发布：TypeScript 是提供了静态类型和很多先进特性的 JavaScript 语言超集；而在最新发布的 2.4 版本中，新增了动态 import