（一） react 特点: 1.声明式设计：前端的 vm 和 v 绑定在一起，vm 一变化，v 自动发生变化。 2.高效：主要是区别于最早的 jquery，不用手动去修改节点。 3.JSX ：在 vue 中，通过 template（模板）来描述我们的视图长什么样子。在react中，是通过 JSX 来 ...
分类：
其他好文 时间：
2021-02-24 13:02:18
阅读次数：
0
创建项目 使用 vue ui 创建 vue3 项目 安装 vue-router vuex @vue/cli-plugin-typescript, @vue/babel-plugin-jsx 修改 babel.config.js 文件 module.exports = { presets: [ '@v ...
分类：
Web程序 时间：
2021-01-30 11:50:21
阅读次数：
0
空元素 JSX 允许空的根元素，从而打破深嵌套。ReactRouter.HashRouter等组件都是空元素实现的。 return ( < > < > <div></div> <div></div> </> </> ); import * as React from 'react'; import ...
分类：
Web程序 时间：
2021-01-16 11:58:18
阅读次数：
0
首先按照antd官网配置 index.tsx/index.jsx```import locale from 'antd/es/locale/zh_CN';import 'moment/locale/zh-cn';``````<ConfigProvider locale={locale}><App / ...
分类：
其他好文 时间：
2021-01-02 10:54:56
阅读次数：
0
当 Clock 组件第一次被渲染到 DOM 中的时候，就为其设置一个计时器。这在 React 中被称为“挂载（mount）”。 同时，当 DOM 中 Clock 组件被删除的时候，应该清除计时器。这在 React 中被称为“卸载（unmount）”。 我们可以为 class 组件声明一些特殊的方法， ...
分类：
Web程序 时间：
2020-12-21 11:48:28
阅读次数：
0
react官方文档 1 元素渲染 const element = <h1>Hello, world!</h1>; ReactDOM.render( element, document.getElementById('example') ); 2 jsx 以下两种示例代码完全等效： const ele ...
分类：
其他好文 时间：
2020-12-16 12:43:17
阅读次数：
2
多层嵌套 [] h->createElement <script type="text/jsx"> export default { name: "demo", render(h) { return h( "el-row", { props: { level: 1, value: this.valu ...
分类：
Web程序 时间：
2020-11-26 14:15:41
阅读次数：
7
1.React DOM 使用 camelCase（小驼峰命名）来定义属性的名称，而不使用 HTML 属性名称的命名约定。例如，JSX 里的 class 变成了 className，而 tabindex 则变为 tabIndex。 2.JSX 防止注入攻击：React DOM 在渲染所有输入内容之前， ...
分类：
其他好文 时间：
2020-07-16 12:30:33
阅读次数：
105
webpack4 面试题 随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而 ...
分类：
Web程序 时间：
2020-07-08 01:08:31
阅读次数：
122
1.JSX的使用 class JSXBaseDemo extends React.Component { constructor(props) { super(props) this.state = { name: 'xiaoming', imgUrl: 'https://img1.mukewang ...
分类：
Web程序 时间：
2020-07-04 20:48:13
阅读次数：
84
