前言 react 比较和核心的几个东西 virtual DOM、函数式编程、JSX、组件化、数据流(state,props)、生命周期。 搞定这些基本上使用不会出现啥问题了。 Virtual DOM Virtual DOM 是React 用来操作DOM的方式,React把真是的DOM树转换成JS 对 ...
分类:
其他好文 时间:
2020-05-26 20:17:56
阅读次数:
52
Webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX javascript xml)、coffee、样式(含less/sass/css)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2020-05-22 00:28:20
阅读次数:
82
在v4+中路由规则位于布局和 UI 本身之间,因为route本身也是一个组件,万物皆组件,所以我们要嵌套路由直接在组件里写就可以了 看代码,新建一个list.jsx,然后再建两个子组件mobile和pc import React from "react"; import { BrowserRoute ...
分类:
其他好文 时间:
2020-05-10 15:27:36
阅读次数:
196
React "React 组件 API && React 组件" React 元素渲染 ( ) React JSX ( ) This ( ) React 条件渲染 && React 列表 & Keys ( ) React State(状态) && React Props ( ) 1. Compone ...
分类:
其他好文 时间:
2020-05-07 20:16:07
阅读次数:
57
相同点: 虚拟dom; 组件化; 路由; 公共状态容器; 区别: 1 模板 Vue用近似常规HTML的模板; React推荐你所有的模板通用JavaScript的语法扩展——JSX书写; 在表层上,模板的语法不同,React是通过JSX渲染模板。而Vue是通过一种拓展的HTML语法进行渲染,但其实这 ...
分类:
其他好文 时间:
2020-05-07 15:10:11
阅读次数:
43
Vue.js - Webpack 在网页中会引用哪些常见的静态资源? JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .t ...
分类:
Web程序 时间:
2020-04-25 22:00:18
阅读次数:
88
ESLint fix自动修复所有格式问题 "lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/ test/unit test/e2e/specs", npm run lint-fix ...
分类:
其他好文 时间:
2020-04-17 23:21:30
阅读次数:
81
react router学习 [TOC] 1.react router入门介绍 新建一个新的react项目,然后安装react router 在src目录下新建AppRouter目录,新建AppRouter.jsx文件,代码如下,代码实现了一个最简单路由跳转的功能 这样就实现了通过不同的li,跳转到 ...
分类:
其他好文 时间:
2020-04-13 16:56:13
阅读次数:
76
Props属性 - Props is short for “properties.” {pic}外围有一层括号,我们需要用括号来把pic这个变量嵌入到 JSX 语句中。括号的意思是括号内部为一个 js 变量或表达式,需要执行后取值。因此我们可以把任意合法的 JavaScript 表达式通过括号嵌入到 ...
分类:
其他好文 时间:
2020-04-12 14:03:47
阅读次数:
89