最近选用的框架iview表单组件的render写法让人有点不习惯,尤其是在写比较复杂的逻辑的时候,还是感觉模板式的写法比较方便且可读性较强。而render函数除了支持配置写法外,还支持jsx的写法。由于之前有用过react,因此对jsx并不陌生,可以直接上手。 1、安装插件 安装插件: 如果需要使用 ...
分类:
Web程序 时间:
2019-03-09 11:41:55
阅读次数:
285
react中JSX是一种JavaScript + xml语法,用来创建虚拟DOM和声明组件。他可以更好的让我们读、写模板或组件。 JSX语法浏览器是不识别的,需要通过babel 来进行转换成浏览器识别的代码 JSX将虚拟DOM转换为真实DOM原理: 1、会基于babel-react-preset语法 ...
分类:
Web程序 时间:
2019-02-16 15:20:07
阅读次数:
546
不使用webpack工具做react项目 1.引入react相关js文件 2.引入jsx文件组件并使用 3. 备注 在jsx文件中定义组件内容 ...
分类:
Web程序 时间:
2019-02-16 13:51:18
阅读次数:
450
React项目的初始化、webpack的安装、如何使用jsx和less。 一、初始 React 项目 react项目的初始化比较简单,我用的就是react的脚手架。三种方式: 1、NPM 2、NPX 3、Yarn my-app 是项目的名字,运行命令时会在当前目录下自动创建一个名字叫作 my-app ...
分类:
Web程序 时间:
2019-02-14 00:19:46
阅读次数:
830
immutable-styles 是一个开源的library,可以方便我们开发强壮以及可预测的web 界面,不用担心其他css 的影响 特性 编译时错误提示 防止css 覆盖 分离破坏点 严格继承 重复属性捕获 不可变混入 使用jsx 编写 参考资料 https://github.com/callu ...
分类:
Web程序 时间:
2019-02-12 10:30:05
阅读次数:
186
在webpack.config.js中配置解析的loader jsx对象就是js对象!只不过jsx需要事先编译,才转为js对象! 在默认情况下,React DOM会将所有嵌入JSX的值进行编码。这样可以有效避免xss攻击。 sx有个强大的地方就是可以在js中嵌入标签,如在数组中嵌入div标签 let ...
分类:
Web程序 时间:
2019-01-29 12:50:11
阅读次数:
229
一、代码结构 不同于mac开发环境,拥有index.ios.js和index.android.js两个编译文件,此处windows下仅在app.js中编译; 二、简单的helloword一闪闪效果 app.js 三、涉及知识点 多用es6语法、react语法、jsx语法和RN语法及开发思想(组件化) ...
分类:
其他好文 时间:
2019-01-25 00:20:50
阅读次数:
206
将脚手架(create-react-app)创建的todolist项目精简为hello world示例 即,删除自动生成的样式文件、logo.svt、App.test.js、serviceWorker.js等文件,并精简App.js和index.js里的代码,结果如下: npm run start ...
分类:
Web程序 时间:
2019-01-17 19:59:51
阅读次数:
199
有一个 Babel 插件,用于在 Vue 中使用 JSX 语法,它可以让我们回到更接近于模板的语法上。JSX语法返回一个vnode对象 ...
分类:
Web程序 时间:
2019-01-17 15:17:21
阅读次数:
285
之前用脚手架创建了一个react项目,将react自带的src文件夹删除后创建一个空的src文件夹 在src文件夹中创建一个index.jsx文件作为JS入口文件并创建一个hello组件 现在我们进入到hello.jsx 最后我们在终端中输入npm start 就好了 ...
分类:
其他好文 时间:
2018-12-26 01:14:30
阅读次数:
242