JSX javascript+html 一种把js和html混合书写的语法，这种语法浏览器不支持，最终会通过babeljs转译成creatElememnt语法，React.createElement("h1", null, "hello"); let ele1 = <h1>hello</h1> im ...
分类：
Web程序 时间：
2020-04-09 00:49:17
阅读次数：
84
React当中，我们使用JSX来指定React里的模板，可以把JSX理解为一个对象，React中可以在三个地方指定jsx，分别是ReactDOM.render()的参数、function组件的返回值和class组件内render函数的返回值，例如: <div id="root"></div> <sc ...
分类：
Web程序 时间：
2020-04-07 09:26:23
阅读次数：
83
1.如果需要传参，在函数中加一个props参数来接受，并且必须向外return一个合法的jsx创建的虚拟DOM。 //1. 组件名首字母为大写 2. 必须return 合法的jsx// 这里就可以相当于子组件function Hellow (props){ //props为父组件传过来的数据 //如 ...
分类：
其他好文 时间：
2020-03-26 15:10:44
阅读次数：
71
在网页中会引入哪些常见的静态资源？ 1.JS（.js .jsx .coffee .ts(TypeScript 类 c# 语言 c sharp 语言)） 2.CSS （.css .less .scss .sass(基本不用了)） 3.Images（.jpg .png .gif .bmp .svg） 4 ...
分类：
Web程序 时间：
2020-03-23 17:02:13
阅读次数：
103
webpack 基于node.js的一个打包工具 作用 1. 优化 2. 打包：将多个文件打包成一个文件 3. 转换：es6，ts，jsx，less，sass 目标 1. 可以通过webpack对公司现有的项目进行从0开始的搭建 2. 可能对vue，react脚手架进行天剑与修改的操作 结构 1. ...
分类：
Web程序 时间：
2020-03-09 22:25:01
阅读次数：
72
案例如下： 结果： 问题： react构建component的render方法中return后面为什么要加括号? 分析： （1）官方说法 return 后面带着一个圆括号,只是为了换行显示，也可以是中括号[]更符号原生编码习惯的的思维,并且在一些IDE,例如webstrome中编写时html标签自动 ...
分类：
Web程序 时间：
2020-02-23 16:28:03
阅读次数：
133
1. 数据 state 2. JSX模板 3. 数据+模板 结合生成真实的DOM来显示 4. State 变化 5.数据+模板 结合生成真实的DOM， 替换原来的DOM 缺陷： 第一次生成了完整的DOM， 第二次生成了完整的DOM， 第二次替换第一次， 非常消耗性能 1. 数据 state 2. J ...
分类：
编程语言 时间：
2020-02-16 17:55:24
阅读次数：
72
JSX语法的本质并不是直接把JSX渲染到页面上，而是内部先转换成了createElement形式，再渲染的。
分类：
Web程序 时间：
2020-02-16 01:24:29
阅读次数：
82
webpack的作用： 是 用来处理我们写的js代码。并且会自动处理js之间相关的依赖。 但是，开发中我们不仅仅有基本的js代码处理，还需要加载css，图片，也包括一些高级的 将ES6转成ES5代码，将Typescript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成 ...
分类：
Web程序 时间：
2020-02-15 20:35:27
阅读次数：
88
1. 设计思想 vue： vue的官网介绍说vue是一种渐进式框架，采用自底向上增量开发的设计； react： 采用函数式编程，推崇纯组件，数据不可变，单向数据流； 2. 编写语法 vue： 采用单文件组件格式，保留了html，css，js分离的写法； react： 通过jsx渲染模板，html，c ...
分类：
其他好文 时间：
2020-02-14 22:31:33
阅读次数：
84
