webpack插件：npminstallbabel-corebabel-loaderbabel-preset-reactbabel-preset-es2015sublime插件：jsx//高亮jsx语法修改webpack配置文件：```constpath=require(‘path‘);module.exports={entry:‘./src/index.js‘,d
分类：
Web程序 时间：
2018-04-06 15:19:44
阅读次数：
203
Babel 转译器 这是react自带的一个编译器 props和states一个是组件外部的，一个是组件内部的 jsx代表objects. Hello.js import React from 'react'; export default ({ name }) => <h1>Hello {name ...
分类：
其他好文 时间：
2018-03-31 20:30:51
阅读次数：
172
一、什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和s ...
分类：
Web程序 时间：
2018-03-06 00:54:37
阅读次数：
255
jsx与传统的html的区别: 1、 jsx：使用的“元素”不局限与html中的元素，可以是任何一个React组件，传统的html是做不到的 （区分是否是组件的原则：看第一个字母是否是大写） 2、jsx可以通过onClick方式给元素添加事件处理函数，当然，html也是可以用onclick（ps：C ...
分类：
Web程序 时间：
2018-03-02 15:00:56
阅读次数：
183
jsx/ajax提交成功后采用以下方式跳转：1、本页面跳转:"window.location.href"、"location.href" 2、上一层页面跳转:"parent.location.href"3、最外层的页面跳转:"top.location.href"举例说明：如果A,B,C,D都是jsp ...
分类：
Web程序 时间：
2018-02-24 19:39:41
阅读次数：
287
前端开发是一个有趣的东西，如果追求高科技，就像 学习之前: 昨天看了一个不错的webpack教程, 顺便替看到的写东西的有心人打个广告: 戳这里 react的学习比较复杂，昨天看了webpack，今天早上看了一些yarn和npm的区别（没什么区别）；然后晚上开始用jsx了，感觉比较烦恼的是js里写h ...
分类：
Web程序 时间：
2018-02-23 00:23:38
阅读次数：
218
以前做vue项目都好好的，最近做react，公共配置感觉加个jsx就可以了吧，然而不是这样的。 一、问题描述 You may need an appropriate loader to handle this file type。 二、问题分析 babelrc我配置了，babel-loader也配置 ...
分类：
Web程序 时间：
2018-02-21 23:36:14
阅读次数：
280
react的jsx语法很好用，但是vue的jsx语法就不是很好用了。 vue的jsx语法不能实现双向数据绑定以及各种比如v-for指令，只能自己用代码用另一种方式实现出来。着实是费了一些功夫，现在来说一下我使用vue的jsx语法过程中用到的东西吧，当个记录，也方便以后查看。 因为我的项目用得是ivi ...
分类：
Web程序 时间：
2018-02-11 20:03:05
阅读次数：
336
React 背景介绍 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 特点 1 使用 JSX语法 创建组件，实现 ...
分类：
其他好文 时间：
2018-02-06 21:36:14
阅读次数：
158
if 语句和 for 循环在 JavaScript 中不是表达式，因此它们不能直接在 JSX 中使用，所以你可以将它们放在周围的代码中（return里不能出现for if，在render内 return前for if） 你可以通过子代嵌入更多的 JSX 元素，这对于嵌套显示组件非常有用：（每个组件状 ...
分类：
其他好文 时间：
2018-01-31 20:17:06
阅读次数：
134
