一、Webpack 是什么? webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 简单说就是模块加载器,通过使用Webpack,能够像Node.js一样处理依赖关系,然后解析出模块之间的依赖,将代 ...
分类:
Web程序 时间:
2017-05-08 19:55:01
阅读次数:
247
在 html 的元素中,如果输入属性,默认会填充 引号,在 react 书写中非常不方便。 其中的JSX很多时候是不需要 quotation 的,只是需要一个 括号 {} 即可。 自己找了下webstorm中的设置,发现在 webstorm 中是可以进行设置的。 方法如下: 设置-》Editor-》 ...
分类:
Web程序 时间:
2017-04-25 00:37:37
阅读次数:
155
React 提供了两种方式来声明组件,一种是函数式,一种是类式,就是用es6 class, 我们所有的组件都继承自React.Component. 函数式很简单,就像我们平常写函数一个,接受一个参数作为输入,然后进行相应的输出,只不过它输出的jsx. 类式 写法如下: 声明组件以后,怎么使用这个组件 ...
分类:
其他好文 时间:
2017-04-20 21:29:14
阅读次数:
177
X signin作业上一周web作业为用node.js设计一个本地网站用于用户注册提交,并且有校验功能和去重检查。头疼了几天后可算弄出来了。首先,听从老师的建议看api,网址为:?https://nodejs.org/api/,看了后发现自己一头雾水,干脆还是边做边想吧,首先根据这个网址(http: ...
分类:
Web程序 时间:
2017-04-16 22:46:46
阅读次数:
303
什么是JSX? 看下面的代码它被称为JSX,它既不是字符串也不是HTML,而是一种facebook公司对javascript语法的拓展。虽然写法很奇怪最终仍会会被编译为javascript代码 你可以在JSX中嵌入任何javascript表达式,看下面的例子。 点击codepen在线预览 本质上讲J ...
分类:
Web程序 时间:
2017-04-13 12:44:33
阅读次数:
273
注:采用ES6+JSX语法 1、开始一个项目 在React中使用Onsen UI 需要首先安装onsenui和react-onsenui模块。 可以使用monaca CLI工具包快速初始化一个应用: 通过npm安装: 2、在React项目中加载Onsen UI Onsen UI for React是 ...
分类:
其他好文 时间:
2017-04-10 16:48:46
阅读次数:
194
简介:讲解webpack如何实现模块编程,以及为什么我们需要打包,压缩js文件,实现sass/less编译以及JSX等模版的转换(版本控制),然后用实例说明如何用webpack实现SPA和MPA(单页面应用程序和多页面应用程序,包含详细图解)(在以后的文章中还将介绍如何实现js压缩和sass/les... ...
分类:
Web程序 时间:
2017-04-04 15:46:26
阅读次数:
291
把组件放在另外一个组件的 render 方法里面, 并且利用了 {...this.props} {...this.state} 这些 JSX 展开属性 对比下2种代码: 原始方式: 高阶组件调用: 参考地址: 传递 Props Mixins Are Dead. Long Live Compositi ...
分类:
其他好文 时间:
2017-04-03 13:54:01
阅读次数:
169
设置.js文件默认以jsx的语法打开 在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示: 当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧: 然后Apply/OK即可。 设置.js文件中支持react-nativ ...
分类:
Web程序 时间:
2017-03-30 13:07:11
阅读次数:
212